CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Problème d'onglets sur Page d'accueil [Résolu] | |
| DisneyDream2
{ Membre }
Messages : 40
| Bonjour ! Alors voilà on a un problème, on a réussi à insérer cinq onglets sur notre PA mais le sixième ne veut pas marcher et je ne comprend pas pourquoi, pourtant on a fait tout ce qu'il fallait mais il refuse d'afficher les gifs et les informations :/ Merci de votre aide - Code:
-
<justify><div class=q3><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('onglet4').style.display='none'; document.getElementById('onglet5').style.display='none'; document.getElementById('onglet6').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('onglet4').style.display='none'; document.getElementById('onglet5').style.display='none'; document.getElementById('onglet6').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('onglet4').style.display='none'; document.getElementById('onglet5').style.display='none'; document.getElementById('onglet6').style.display='none';}
function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none'; document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block'; document.getElementById('onglet5').style.display='none'; document.getElementById('onglet6').style.display='none';}
function patonglet5() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none'; document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; document.getElementById('onglet5').style.display='block'; document.getElementById('onglet6').style.display='none';}
function patonglet6() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none'; document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; document.getElementById('onglet5').style.display='none'; document.getElementById('onglet6').style.display='block'; }
</script>
<!-- BARRE D'ONGLETS --> <center><table width="100%"><tbody><tr> <td width="25%"><div class="onglet" onmouseover="javascript:patonglet1()"><center><img src="http://fotoforum.fr/photos/2013/10/06.190.jpg" height="30" width="30" /><center></center></center></div></td> <td width="25%"><div class="onglet" onmouseover="javascript:patonglet2()"><center><img src="http://fotoforum.fr/photos/2013/10/06.191.jpg" height="30" width="30" /></center></div></td>
<td width="25%"><div class="onglet" onmouseover="javascript:patonglet3()"><center><img src="http://fotoforum.fr/photos/2013/10/06.192.jpg" height="30" width="30" /><center></center></center></div></td> <td width="25%"><div class="onglet" onmouseover="javascript:patonglet4()"><center><img src="http://fotoforum.fr/photos/2013/10/06.193.jpg" height="30" width="30" /><center></center></center></div></td>
<td width="25%"><div class="onglet" onmouseover="javascript:patonglet5()"><center><img src="http://fotoforum.fr/photos/2013/10/06.194.jpg" height="30" width="30" /><center></center></center></div></td> <td width="25%"><div class="onglet" onmouseover="javascript:patonglet6()"><center><img src="http://fotoforum.fr/photos/2013/10/06.191.jpg" height="30" width="30" /></center></div></td>
</tr></tbody></table></center>
<table width="100%"> <tbody><tr width="100%"> <td width="100%"> <!-- PREMIER MODULE --> <div id="onglet1" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"> <img src="http://fotoforum.fr/photos/2013/10/07.32.gif" height="50" width="150" /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Sky E. Petters</i></div> Aucun double compte</span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=9><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u9><strong> Mon profil</strong></a></div></div></span></div> <!-- TROISIEME MODULE --> <div id="onglet2" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://fotoforum.fr/photos/2013/10/07.34.gif" height="55" width="150" /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Adam E. Kingsley</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=6><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u6><strong> Mon profil</strong></a></div></div></span> </div>
<div id="onglet3" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://media.tumblr.com/87a0bab9d57cdc2f9083a288a246f017/tumblr_inline_mm11fjHfrv1qz4rgp.gif" height="50" width="150" /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Julia L. Bowen</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=8><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u8><strong> Mon profil</strong></a></div></div></span></div>
<div id="onglet4" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://25.media.tumblr.com/tumblr_lzrvytxqSN1rq3dtbo2_250.gif" height="55" width="150" /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>A. Primvert O'Brien</i></div> Aucun double compte</span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=2><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u2><strong> Mon profil</strong></a></div></div></span></div> <div id="onglet5" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://da.img.v4.skyrock.net/4874/84454874/pics/3175072663_1_12_Mzu8f0fd.gif" height="57" width="150" /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Austin M. Bethell</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=12><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u12><strong> Mon profil</strong></a></div></span> </div>
<div id="onglet6" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://fotoforum.fr/photos/2013/10/07.34.gif" height="55" width="150" /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Adam E. Kingsley</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=6><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u6><strong> Mon profil</strong></a></div></div></span> </div> </div> </td> </tr> </tbody></table>
</td></table> Voilà le code en question :/ |
Dernière édition par DisneyDream2 le Mer 09 Oct 2013, 15:51, édité 1 fois | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Vérifie bien l'ouverture et la fermeture de tes balises En effet, la div#onglet5 se ferme en englobant la div#onglet6 actuellement. Du coup, quand tu survoles pour l'onglet 6, le code JS dis --> tu affiches onglet6 en block, tu masques onglet5. Comme onglet6 est dans onglet5 bah... ça ne marchait pas ^^ | | |
| | | DisneyDream2
{ Membre }
Messages : 40
| Merci beaucoup de ta réponse, ça marche maintenant | | |
| | | Contenu sponsorisé
| | | | | Problème d'onglets sur Page d'accueil [Résolu] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|