integrer des menus deroulant dans le menu gauche
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Depuis hier j'essaye d'integrer des menus deroulants en javascript sur un thème, j'ai donc copier /poll dans mon thème et bidouiller le code tpl des mini module, et mis mon script dans header.tpl, mais sans succès...
Mon but et donc d'avoir une animation quand je clique sur le top du mini-module, le content apparaitera...
pouvez vous m'aidez svp ?
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Tu en a plein d'autre , ensuite je vois pas ou tu trouve la difficulté à l'intégration car en général c'est juste 2 <div id="monidJS" >ton contenu mini module</div>
Pour ton lien qui va servir d'action tu l'intégrer dans module_mini_top
Ensuite pour le contenu c'est avant
<div class="module_mini_contents"> puis tu referme ton div AVANT <div class="module_mini_bottom"> </div>
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
KONA :
Même réponse qu'hier sur msn , déjà je te suggère de trouver un autre script JS que tu m'a montré , car celui il est pas au top .
Nous avons dans nos script javascript de PHPboost, une fonction qui gère cela.
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
ou tu parle d'autre chose ?
Caché :
pas d'animation par contre...
Bon je vais essayer de trouver quelque chose de correct, je vous tient au courant...
Édité par ReidLos Le 10/05/2009 à 10h49
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Gsgsd :
Nous avons dans nos script javascript de PHPboost, une fonction qui gère cela.
KONA :
Même réponse qu'hier sur msn , déjà je te suggère de trouver un autre script JS que tu m'a montré , car celui il est pas au top .
Nous avons dans nos script javascript de PHPboost, une fonction qui gère cela.
Tu parle de BBcode.js :
Code JAVASCRIPT :
//Masquage du div. function show_bbcode_div(divID, hide) { var div = document.getElementById(divID); if( div.style.display == 'none' ) { Effect.Appear(divID); sendCookie('hide_bbcode', 1); //On envoi le cookie pour se souvenir du choix de l'utilisateur. } else { Effect.Fade(divID); sendCookie('hide_bbcode', 0); //On envoi le cookie pour se souvenir du choix de l'utilisateur. } } var delay = 1000; //Délai après lequel le bloc est automatiquement masqué, après le départ de la souris. var timeout; var displayed = false; var previous_bblock; //Affiche le bloc. function bb_display_block(divID, field) { var i; if( timeout ) clearTimeout(timeout); var block = document.getElementById('bb_block' + divID + field); if( block.style.display == 'none' ) { if( document.getElementById(previous_bblock) ) document.getElementById(previous_bblock).style.display = 'none'; block.style.display = 'block'; displayed = true; previous_bblock = 'bb_block' + divID + field; } else { block.style.display = 'none'; displayed = false; } } //Cache le bloc. function bb_hide_block(bbfield, field, stop) { var nav = navigator.appName; //Recupère le nom du navigateur if( nav == 'Microsoft Internet Explorer' ) // Internet Explorer { if (window.event.toElement == null) //Hack pour ie... encore une fois! return; } if( stop && timeout ) { clearTimeout(timeout); } else if( displayed ) { clearTimeout(timeout); timeout = setTimeout('bb_display_block('' + bbfield + '', '' + field + '')', delay); } }
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
J'ai testé sur RC3, les scripts sont inclus. Tu mets simplement ton code.
Regarde ce code et met le dans un champs phpboost :
Code BBCODE :
[html]<div onclick="Effect.toggle('x', 'blind');return false;" style="cursor:pointer;">Test <div id="x"> contents </div> </div>[/html]
Édité par Gsgsd Le 10/05/2009 à 11h32
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Mais pourrait tu préciser, quel champs ? desolé je ne m'y connais vraiment pas...
Si j'ai un minimum compris :
Voici mon poll_mini.tpl :
Code TPL :
# START question # <form method="post" action="{PATH_TO_ROOT}/poll/poll{question.ID}" class="normal_form"> <div class="module_mini_container"> <div class="module_mini_top"> <h5 class="sub_title">{L_MINI_POLL}</h5> </div> <div class="module_mini_contents" style="text-align:center"> <span style="font-size:10px;">{question.QUESTION}</span> <hr style="width:90%;" /> <p style="padding-left: 6px;text-align: left;"> # START question.radio # <label><input type="radio" name="radio" value="forum/forum/{question.radio.NAME}" /> <span class="text_small">{question.radio.ANSWERS}</span></label> # END question.radio # # START question.checkbox # <label><input type="checkbox" name="{question.checkbox.NAME}" value="forum/forum/{question.checkbox.NAME}" /> <span class="text_small">{question.checkbox.ANSWERS}</span></label> # END question.checkbox # </p> <p style="margin:0;margin-top:10px;"> <input class="submit" name="valid_poll" type="submit" value="forum/forum/{L_VOTE}" /> <a class="small_link" href="forum/forum/{PATH_TO_ROOT}/poll/poll{U_POLL_RESULT}">{L_POLL_RESULT}</a> </p> </div> <div class="module_mini_bottom"> </div> </div> </form> # END question # # START result # <div class="module_mini_container"> <div class="module_mini_top"> <h5 class="sub_title">{L_MINI_POLL}</h5> </div> <div class="module_mini_contents" style="text-align:center"> <span style="font-size:10px;">{result.QUESTION}</span> <hr style="width:90%;" /> # START result.answers # <p style="padding-left:6px;text-align: left;"> <span class="text_small">{result.answers.ANSWERS}</span> <img src="forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll_left.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll.png" height="8px" width="{result.answers.WIDTH}" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll_right.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /> <span class="text_small"> {result.answers.PERCENT}% </span> </p> # END result.answers # <p class="text_small" style="margin:0;margin-top:10px;"> {result.VOTES} {L_VOTE} </p> </div> <div class="module_mini_bottom"> </div> </div> # END result #
Et je fait ça comme ça :
Code TPL :
<div onclick="Effect.toggle('x', 'blind');return false;" style="cursor:pointer;"><div class="module_mini_top"> <div id="x"> <div class="module_mini_contents" style="text-align:center"> <span style="font-size:10px;">{question.QUESTION}</span> <hr style="width:90%;" /> <p style="padding-left: 6px;text-align: left;"> # START question.radio # <label><input type="radio" name="radio" value="forum/forum/{question.radio.NAME}" /> <span class="text_small">{question.radio.ANSWERS}</span></label> # END question.radio # # START question.checkbox # <label><input type="checkbox" name="{question.checkbox.NAME}" value="forum/forum/{question.checkbox.NAME}" /> <span class="text_small">{question.checkbox.ANSWERS}</span></label> # END question.checkbox # </p> <p style="margin:0;margin-top:10px;"> <input class="submit" name="valid_poll" type="submit" value="forum/forum/{L_VOTE}" /> <a class="small_link" href="forum/forum/{PATH_TO_ROOT}/poll/poll{U_POLL_RESULT}">{L_POLL_RESULT}</a> </p> </div> <div class="module_mini_bottom"> </div> </div> </div>
C'est ça ?
Édité par ReidLos Le 10/05/2009 à 11h43
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
:Code TPL :
# START question # <form method="post" action="{PATH_TO_ROOT}/poll/poll{question.ID}" class="normal_form"> <div class="module_mini_container"> <div class="module_mini_top" onclick="Effect.toggle('module_mini_contents_poll', 'blind');return false;" style="cursor:pointer;"> </div> <div class="module_mini_contents" style="text-align:center" id="module_mini_contents_poll"> <hr style="width:90%;" /> <p style="padding-left: 6px;text-align: left;"> # START question.radio # # END question.radio # # START question.checkbox # # END question.checkbox # </p> <p style="margin:0;margin-top:10px;"> <input class="submit" name="valid_poll" type="submit" value="forum/forum/forum/{L_VOTE}" /> </p> </div> <div class="module_mini_bottom"> </div> </div> </form> # END question # # START result # <div class="module_mini_container"> <div class="module_mini_top" onclick="Effect.toggle('module_mini_contents_poll', 'blind');return false;" style="cursor:pointer;"> </div> <div class="module_mini_contents" style="text-align:center" id="module_mini_contents_poll"> <hr style="width:90%;" /> # START result.answers # <p style="padding-left:6px;text-align: left;"> <img src="forum/forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll_left.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="forum/forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll.png" height="8px" width="{result.answers.WIDTH}" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="forum/forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll_right.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /> <span class="text_small"> {result.answers.PERCENT}% </span> </p> # END result.answers # <p class="text_small" style="margin:0;margin-top:10px;"> {result.VOTES} {L_VOTE} </p> </div> <div class="module_mini_bottom"> </div> </div> # END result #
EDIT :
Modification à la ligne 4, 7, 36 et 39.
Édité par Gsgsd Le 10/05/2009 à 12h08
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Encore une petite question y'a t'il une redirection a faire vers le poll_mini.tpl ? ou il faut encore rajouter un script quelque part ? car la je ne vois pas de changements...
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Gsgsd Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Gsgsd
- Inscrit le : 07/12/2007
- Site internet
Code TPL :
<script type="text/javascript"> <!-- window.onload = function () { Effect.toggle('module_mini_contents_poll', 'blind'); }; --> </script> # START question # <form method="post" action="{PATH_TO_ROOT}/poll/poll{question.ID}" class="normal_form"> <div class="module_mini_container"> <div class="module_mini_top" onclick="Effect.toggle('module_mini_contents_poll', 'blind');return false;" style="cursor:pointer;"> </div> <div class="module_mini_contents" style="text-align:center" id="module_mini_contents_poll"> <hr style="width:90%;" /> <p style="padding-left: 6px;text-align: left;"> # START question.radio # # END question.radio # # START question.checkbox # # END question.checkbox # </p> <p style="margin:0;margin-top:10px;"> <input class="submit" name="valid_poll" type="submit" value="forum/forum/forum/forum/{L_VOTE}" /> </p> </div> <div class="module_mini_bottom"> </div> </div> </form> # END question # # START result # <div class="module_mini_container"> <div class="module_mini_top" onclick="Effect.toggle('module_mini_contents_poll', 'blind');return false;" style="cursor:pointer;"> </div> <div class="module_mini_contents" style="text-align:center" id="module_mini_contents_poll"> <hr style="width:90%;" /> # START result.answers # <p style="padding-left:6px;text-align: left;"> <img src="forum/forum/forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll_left.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="forum/forum/forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll.png" height="8px" width="{result.answers.WIDTH}" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /><img src="forum/forum/forum/forum/{PATH_TO_ROOT}/templates/{THEME}/images/poll_right.png" height="8px" width="" alt="{result.answers.WIDTH}%" title="{result.answers.WIDTH}%" /> <span class="text_small"> {result.answers.PERCENT}% </span> </p> # END result.answers # <p class="text_small" style="margin:0;margin-top:10px;"> {result.VOTES} {L_VOTE} </p> </div> <div class="module_mini_bottom"> </div> </div> # END result #
Vous souhaitez que vos membres contribuent ou ajoutent du contenu sur votre site ?
La solution => le module contribution !
La solution => le module contribution !
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
