Script qui ne marche qu'une fois

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Script qui ne marche qu'une fois

Message par Kaiji Ven 14 Juin 2013 - 1:44

Bonsoiiiir !

Bon j'ai eu du mal à trouver un titre explicite, je m'en excuse. J'essaie de coder des catégories pour mon forum, mais le problème est le suivant : le script marche, mais il ne se lance automatiquement que sur le premier forum et pas les suivants :suspect:Je me doute que dit comme ça, ça ne doit pas être très parlant, alors j'illustre en image :
Script qui ne marche qu'une fois 1371165885-ayoye

"Description" et "sous-forum" sont des onglets. L'affichage comme ça, c'est lorsque je n'ai rien touché à l'actualisation, et pour afficher les descriptions de "Design" et "Section Apple" je suis dans l'obligation de cliquer sur "description", alors que j'aimerais qu'elle s'affiche automatiquement ! Seulement là, je ne sais absolument pas ce que je dois modifier pour y parvenir... Je précise quand même que le script marche très bien, dans le sens que lorsque je clique sur description ça affiche la description et sous-forum affiche bien les sous-forums. Voilà mes codes (pas en entiers, seulement ceux qui concernent les catégories), en espérant que quelqu'un saura m'aider (Mon forum est en phpbb2) :

CSS :
Code:
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 436px;
height: 115px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
text-align: justify;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
padding: 10px;
background-color: #e9d8f0;
visibility: hidden;
width: 430px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 436px;
border-top-width: 0;
overflow: hidden;
margin-left: 100px;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}

.fadecontenttoggler a:hover{
background: transparent;
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: transparent;
color: white;
}

.BACK1 {padding:2px;background-color:#a277d9;height:143px;width:640px;border-radius:5px;}
.BACK2 {background-color:#e9d8f0;height:36px;border-radius:5px;width:185px;font-size:11px;box-shadow: 2px 2px 0px #f6f6f7;text-align:center;}
.BACK3 {background-color:#e9d8f0;height:100px;border-radius:5px;width:185px;text-align:center;font-size:11px;box-shadow: 2px 2px 0px #f6f6f7;}
.BACK4 {background-color:#e9d8f0;height:130px;border-radius:5px 5px 0px 0px;width:440px;padding:3px;font-size:11px;box-shadow: 2px 2px 0px #f6f6f7}
.BACK5 {background-color:#cdb1f0;height:16px;border-radius:0px 0px 5px 5px;width:446px;padding:0px;font-size:11px;box-shadow: 2px 2px 0px #f6f6f7;text-align:center;
margin-top: 2px; margin-left: -3px;}

.forumlink a {
  font-size:40px;font-family:'Great Vibes', Helvetica, sans-serif;text-shadow:#242323 1px 1px 1px;
  position: relative; z-index: 999; bottom: -16px; margin-top:-15px; line-height: 90%;
  font-weight: 200; -webkit-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;
}
.titredesc {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 9px;
  color: #4b4b4b;
}
.titredesc:hover {
  color: #797979;
}

Index_Box :
Code:
    <td>
          <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
               <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
               </span>
               <div class="BACK1">
                    <table>
                         <tr>
                              <td>
                                   <div class="BACK2">
                                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                   </div>
                                   <div class="BACK3">
                                        <img src="http://image.noelshack.com/fichiers/2013/24/1371134453-points.png"><br/><br/>{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets
                                   </div>
                              </td>
                              <td>
                                   <div class="BACK4">
                                        <div style="height: 117px; width: 410px;">
                                             <div id="whatsnew" class="fadecontentwrapper">
                                                  <div class="fadecontent">
                                                       {catrow.forumrow.FORUM_DESC}
                                                  </div>
                                                  <div class="fadecontent">
                                                       {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                                  </div>
                                             </div>
                                             <div class="BACK5">
                                                  <center>
                                                       <div id="whatnewstoggler" class="fadecontenttoggler">
                                                            <a href="#" class="toc">
                                                                 <img src="http://image.noelshack.com/fichiers/2013/24/1371140459-desc.png">
                                                            </a>
                                                            <a href="#" class="toc">
                                                                 <img src="http://image.noelshack.com/fichiers/2013/24/1371140686-sous.png">
                                                            </a>
                                                  </center>
                                             </div>
                                        </div>
                              </td>
                         </tr>
                    </table>
               </div>
     </td>

Overall_Header (entre les balises head) :
Code:
<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/13009629696308345/jquerypack.js"></script>

<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/13009629696308345/contentfader.js">

/***********************************************
* Fade In Content Viewer script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

</script>

Gestion des codes Javascript (toutes les pages) :
Code:
//SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)



Et pour finir, j'ai utilisé ce tutoriel : http://www.javascriptkit.com/script/script2/fadeincontentviewer.shtml

Merci beaucoup à celui ou celle qui me viendra en aide I love you


Dernière édition par Kaiji le Sam 15 Juin 2013 - 14:50, édité 1 fois
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Kaiji Sam 15 Juin 2013 - 13:27

Bonjour ! I love you Mon problème est toujours d'actualité <3
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Ea Sam 15 Juin 2013 - 13:42

Bonjour,


Il faut mettre des attributs id différents.

J'imagine que vous pourriez utiliser plutôt un script comme ceci :

Code:
$(function () {

    var i = 0;
    $('.BACK1').each(function () {
        $('#whatsnew', this).id('whatsnew' + i);
        $('#whatnewstoggler', this).id('whatnewstoggler' + i);
        fadecontentviewer.init("whatsnew" + i, "fadecontent", "whatnewstoggler" + i, 0, 400);
        i++;
    })
});
qui devrait ajouter un chiffre aux id pour les différencier.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Kaiji Sam 15 Juin 2013 - 13:56

Bonjour et merci de la réponse !

Ce script, où est-ce que je le mets ? Il doit remplacer celui-ci
Code:
       //SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
        fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
Ou ça n'a rien à voir ?
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Ea Sam 15 Juin 2013 - 14:24

il doit remplacer :

Code:
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
en fait c'est une modification de ça qui devrait agir pour chaque "partie"
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Kaiji Sam 15 Juin 2013 - 14:33

Ah oui d'accord je comprends mieux, merci I love you
J'ai fait la modification mais ça ne marche pas, et désormais quand je clique sur les onglets ça me renvoie en haut de la page reflexion
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Ea Sam 15 Juin 2013 - 14:37

Vous pouvez donner le lien du forum ?

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Kaiji Sam 15 Juin 2013 - 14:40

xxx

Voilà !


Dernière édition par Kaiji le Sam 15 Juin 2013 - 14:50, édité 1 fois
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Ea Sam 15 Juin 2013 - 14:43

Vous pouvez essayer plutôt ceci comme code :

Code:
$(function () {
    var i = 0;
    $('.BACK1').each(function () {
        $('#whatsnew', this).attr('id', 'whatsnew' + i);
        $('#whatnewstoggler', this).attr('id', 'whatnewstoggler' + i);
        fadecontentviewer.init("whatsnew" + i, "fadecontent", "whatnewstoggler" + i, 0, 400);
        i++
    })
});
?
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script qui ne marche qu'une fois

Message par Kaiji Sam 15 Juin 2013 - 14:49

Oh c'est parfait !! Merci infiniment I love you
Mon problème est résolu ♥
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum