Vintage Phonic
{ Membre }
Messages : 50
| Bonjour =) adresse du forum: http://elysion-forumtest.forumgratuit.org/ Explication du problème: J'ai trouvé un tutoriel pour faire un qeel avec onglet. Jusque là tout va bien, mais j'ai voulu rajouter un onglet en plus pour y mettre les crédits, et j'y suis presque. Seulement, malgré des heures de recherche, je n'arrive pas à afficher les informations. L'onglet est présent, mais quand je passe ma souris dessus, il ne se passe rien =(. J'ai pensé que c'était un problème de Java Script, et c'est peut être le cas, mais si c'est ça, je n'arrive pas à le régler. Je pense que c'est juste un petit détail, mais impossible de trouver. Voilà l'HTML de mon Index Body: - Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall"><script type="text/javascript"> function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet5').style.display='none'; } function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet5').style.display='none'; } function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='block'; document.getElementById('onglet5').style.display='none'; } function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet4').style.display='block'; document.getElementById('onglet5').style.display='none'; } function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet3').style.display='none';
document.getElementById('onglet4').style.display='none'; document.getElementById('onglet5').style.display='block'; }</script>
<!-- BARRE D'ONGLETS --> <table width="100%"><tr> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet1()">Ici et maintenant</div></td> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet2()">Ils sont tous différents</div></td> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet3()">Récemment passés à Paris</div></td> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet3()">Crédit</div></td></tr></table> <table width="100%"> <tr width="100%"> <td width="100%"> <!-- PREMIER MODULE --> <div id="onglet1"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"><span class="gensmall">{TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}
{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}</span> </td> </tr> </table> </div> </div> <!-- DEUXIEME MODULE --> <div id="onglet2" style="display: none;"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"> <span class="groupes"> <a href="http://www.yellow-tricycle.com/groupcp.forum?g=2"><font color="#377799" size="2"><b>Parisiens</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://www.yellow-tricycle.com/groupcp.forum?g=3"><font color="#7F6494" size="2"><b>Etrangers</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://www.yellow-tricycle.com/groupcp.forum?g=4"><font color="#BA422C" size="2"><b>Forces de l'Ordre</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://www.yellow-tricycle.com/groupcp.forum?g=8"><font color="#5B8F61" size="2"><b>Resistants</b></font></a> </span><br><br> </td> </tr> </table> </div> </div> <!-- TROISIEME MODULE --> <div id="onglet3" style="display: none;"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"> {L_CONNECTED_MEMBERS} </td> </tr> </table> </div> </div> <!-- QUATRIEME MODULE --> <div id="onglet4" style="display: none;"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"> BLABLABLA </td> </tr> </table> </div> </div> </td> </tr> </table> </div> </td> </tr> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true }); //]]> </script> <!-- END switch_fb_index_login -->
Merci d'avance à qui pourra m'aider =) |
Dernière édition par Elysion le Dim 13 Fév 2011, 15:45, édité 1 fois | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hello ^^
Si j'ai bien compris, le problème vient d'ici :
- Code:
-
<td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet3()">Crédit</div></td></tr> Tu as deux onglets qui portent le même nom donc "patonglet3" Il suffit de changer le numéro et voir ce que ça t'affiche ^^
J'ai pas de CSS pour pouvoir vérifier par moi-même ^^"" | | |
|
Vintage Phonic
{ Membre }
Messages : 50
| Je te remercie de ton aide. J'ai essayé, et maintenant ça s'affiche, mais j'ai toujours un problème, le qeel se rétrécie. Voilà le CSS que j'ai oublié pardooooon - Code:
-
/* QEEL */ .ongletqeel { background-color: #; font-family: segoe print; font-weight: bold; text-align: center; color: #; font-size: 16px; }
.ongletqeel:hover { background-color: #; font-family: segoe print; font-weight: bold; text-align: center; text-shadow: #635f5e 1px 1px 1px; color: #f9fced; font-size: 16px; }
.message { background-color: #; font-family: segoe print; text-align: justify; color: #; background-image: url("http://img19.imageshack.us/img19/9325/qeel1v.png"); height:200px; }
.groupes {font-family: segoe print; font-size: 20px;} | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Reh
J'ai trouvé ce qui cloche, voila le code :
- Code:
-
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall"><script type="text/javascript"> function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet5').style.display='none'; } function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet5').style.display='none'; } function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='block'; document.getElementById('onglet5').style.display='none'; } function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet5').style.display='block'; document.getElementById('onglet5').style.display='none'; } function patonglet5() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet3').style.display='none';
document.getElementById('onglet5').style.display='none'; document.getElementById('onglet5').style.display='block'; }</script>
<!-- BARRE D'ONGLETS --> <table width="100%"><tr> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet1()">Ici et maintenant</div></td> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet2()">Ils sont tous différents</div></td> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet3()">Récemment passés à Paris</div></td> <td width="20%"><div class="ongletqeel" onmouseover="javascript:patonglet5()">Crédit</div></td></tr></table> <table width="100%"> <tr width="100%"> <td width="100%"> <!-- PREMIER MODULE --> <div id="onglet1"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"><span class="gensmall">{TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}
{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}</span> </td> </tr> </table> </div> </div> <!-- DEUXIEME MODULE --> <div id="onglet2" style="display: none;"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"> <span class="groupes"> <a href="http://www.yellow-tricycle.com/groupcp.forum?g=2"><font color="#377799" size="2"><b>Parisiens</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://www.yellow-tricycle.com/groupcp.forum?g=3"><font color="#7F6494" size="2"><b>Etrangers</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://www.yellow-tricycle.com/groupcp.forum?g=4"><font color="#BA422C" size="2"><b>Forces de l'Ordre</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://www.yellow-tricycle.com/groupcp.forum?g=8"><font color="#5B8F61" size="2"><b>Resistants</b></font></a> </span><br><br> </td> </tr> </table> </div> </div> <!-- TROISIEME MODULE --> <div id="onglet3" style="display: none;"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"> {L_CONNECTED_MEMBERS} </td> </tr> </table> </div> </div> <!-- QUATRIEME MODULE --> <div id="onglet5" style="display: none;"> <div class="message"> <table width="100%" border="0" cellpadding="10" cellspacing="1"> <tr> <td style="text-align: center;" width="100%"> BLABLABLA </td> </tr> </table> </div> </div> </td> </tr> </table> </div> </td> </tr> </table> <!-- END disable_viewonline --> Tu le place entre BEGIN disable_viewonline et END disable_viowonline | | |
|
Vintage Phonic
{ Membre }
Messages : 50
| C'est parfait merciii *.*
Tu pourrais juste me dire ce qui n'allait pas? Comme ça je serais capable de me débrouiller toute seule (comme une grande... ou pas XD) la prochaine fois. Ca serait super
Merci encore | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| En fait voici le problème :
- Code:
-
document.getElementById('onglet3').style.display='block'; document.getElementById('onglet5').style.display='none'; } function patonglet4() J'ai trouvé 4-3 et ça ne peut pas marcher vu qu'un onglet a déjà cet attribut ^^ Fallait donner le même numéro pour tout ce qui a un rapport avec le dernier onglet que j'ai nommé onglet5 ^^
Et n'oublies pas de cocher l'icône "résolu"
| | |
|
Vintage Phonic
{ Membre }
Messages : 50
| Okaaaay merci *.*
Je viens de le faire ^^ | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Je t'en prie, ravie d'avoir pu t'aider \o/ Je classe donc | | |
|