|
Tsunam!s
{ Membre }
Messages : 45
| Bonjour, bonsoir. Je vous écrit parce que j'ai un petit problème (sans blague?) En fait, j'ai un code pour une PA à onglet et j'aimerais savoir si on pouvait la mettre dans un i-frame? J'ai essayer et ça a "l'air" de marcher puisque quand on clique, rien ne se passe :O pourtant tout marche bien quand on mets le code sur la PA . Le code de base ; - Code:
-
<table width="100%" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto;"><tr><td><center> <table style="margin-right: auto; margin-left: auto;" cellspacing="0" cellpadding="0"><tr><td><div onmouseover="javascript:afficher('message1');cacher('message2');cacher('message3');cacher('message4');">Onglet 1</div></td> <td> <div onmouseover="javascript:afficher('message2');cacher('message1');cacher('message3');cacher('message4');">Staff</div></td>
<td> <div onmouseover="javascript:afficher('message3');cacher('message1');cacher('message2');cacher('message4');">Partenaires</div> </td> <td> <div onmouseover="javascript:afficher('message4');cacher('message1');cacher('message2');cacher('message3');">Onglet 4</div> </td></tr></table></center> </td></tr> <tr><td><div class="pa_tab"> <div id="message1" style="display: block;" >Contenu onglet 1</div> <div id="message2" style="display: none;" >Contenu onglet 2</div> <div id="message3" style="display: none;">Contenu onglet 3</div> <div id="message4" style="display: none;" >Contenu onglet 4</div> </div></td></tr></table> Le code que j'ai mis dans l'i-frame (en spoiler parce qu'il est long XDD) - Spoiler:
- Code:
-
<style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:2px solid #999; border-bottom:0px solid #999; cursor:pointer; } .onglet_0 { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background:#F5F5F5; border-bottom:0px solid #999; } .onglet_1 { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background:#F5F5F5; border-bottom:0px solid #999; padding-bottom:4px; } .contenu_onglet { -moz-border-radius: 15px; background:#F5F5F5; border:2px solid #999; margin-top:-1px; padding:5px; display:none; width: 600px; }
a { font-variant: small-caps; text-decoration: none !important; } a:hover { text-decoration: none !important; text-shadow: 2px 2px 3px #777; letter-spacing : 1px; }
</style> <script language="javascript" src="http://twilight-rpg.forumotion.com/script-onglet-h4.htm"> </script> <table width="100%" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto;"><tr><td><center> <table style="margin-right: auto; margin-left: auto;" cellspacing="0" cellpadding="0"><tr><td><div onmouseover="javascript:afficher('message1');cacher('message2');cacher('message3');cacher('message4');">Onglet 1</div></td> <td> <div onmouseover="javascript:afficher('message2');cacher('message1');cacher('message3');cacher('message4');">Staff</div></td>
<td> <div onmouseover="javascript:afficher('message3');cacher('message1');cacher('message2');cacher('message4');">Partenaires</div> </td> <td> <div onmouseover="javascript:afficher('message4');cacher('message1');cacher('message2');cacher('message3');">Onglet 4</div> </td></tr></table></center> </td></tr> <tr><td><div class="pa_tab"> <div id="message1" style="display: block;" >Contenu onglet 1</div> <div id="message2" style="display: none;" >Contenu onglet 2</div> <div id="message3" style="display: none;">Contenu onglet 3</div> <div id="message4" style="display: none;" >Contenu onglet 4</div> </div></td></tr></table>
</div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'accueil'; change_onglet(anc_onglet); //--> </script>
Voilaaa voilou, merci à ceux qui m'aideront ♥ | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| Lol , c'est le PA qu'as fait l'Abbé ^^ , essaye avec son script pour voir : - Code:
-
<script language="Javascript" type="text/javascript" SRC="http://www.atelier-forum.com/Script-onglet-survol-h23.htm"> A suivre | | |
|
| |
Tsunam!s
{ Membre }
Messages : 45
| (L'abbé = Basil Hawkins? xD)
Une question: je suis censée le mettre ou le script? xDD | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| - Tsunam!s a écrit:
- (L'abbé = Basil Hawkins? xD)
Une question: je suis censée le mettre ou le script? xDD Honte a moi , je me suis trompé , ils se ressemblent tellement dans ce cas ma réponse n'est pas bonne , sorry . | | |
|
| |
Tsunam!s
{ Membre }
Messages : 45
| Ah m*rde :S
Quelqu'un sait-il comment faire? | | |
|
| |
Invité Invité
| Après la balise body, mais tu le mets bien après dès que tu vois la balise, tu fais coller après cette balise. | | |
|
| |
Tsunam!s
{ Membre }
Messages : 45
| Je ne suis pas sur de comprendre :boulet: xDDD | | |
|
| |
Invité Invité
| - Code:
-
<body> <---Script à mettre entre ces balises---> le reste... </body> | | |
|
| |
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Votre problème est-il résolu ? Si oui, merci de bien vouloir cocher l'icône "résolu" en éditant votre premier poste. Merci. | | |
|
| |
Tsunam!s
{ Membre }
Messages : 45
| Bonjour, mon problème est toujours d'actualité parce que quand j'ajoute ce que Teal me dit...le code ne marche quand même pas :S | | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Bonjour,
Le plus étonnant c'est que tu dis que le code marche une fois mit sur la PA , il n'a aucune chance de marcher ce cela nulle part ! Il est incomplet autant niveau html , css que script . Je te conseille donc de revoir le tuto concernant la réalisation d'onglet de Pa. [c'est possible de le mettre dans uen I frame] Après avoir hébergé ta feuille html ou l'avoir mit dans le module html de forumactif [En appliquant le tutoriel proposé par Imari à cet effet ]
Donc avant de pouvoir t'aider ou du moins pour t'aider à résoudre tout tes soucis :
1-Tu revois le tuto d'onglet !
2-Tu revois le tuto d'Iframe ! xD
Si après cela tu n'arrives toujours pas à avoir le résultat que tu as en tête , je me ferait un plaisir de te détailler les étapes à suivre pour aboutir à un résultat convenable .
| | |
|
| |
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Votre problème est-il toujours d'actualité ? Si tel n'est pas ne cas, merci de bien vouloir éditer votre premier message et cocher l'icône " résolu". Merci. | | |
|
| |
Contenu sponsorisé
| |
| |
|