Script qui ne marche qu'une fois

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 le 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 :


"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
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.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 le Sam 15 Juin 2013 - 13:27

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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.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 le 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
Aidactif
Aidactif

Messages : 23429
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 le 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
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.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 le 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
Aidactif
Aidactif

Messages : 23429
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 le 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
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.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 le Sam 15 Juin 2013 - 14:37

Vous pouvez donner le lien du forum ?

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23429
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 le Sam 15 Juin 2013 - 14:40

xxx

Voilà !


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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.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 le 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
Aidactif
Aidactif

Messages : 23429
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 le Sam 15 Juin 2013 - 14:49

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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.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


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