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! |
| loolaa
{ Membre }
Messages : 16
| Alors voilà j'ai demandé de l'aide sur acide edulcoré et on m'a dit que je trouverais mon bonheur ici sauf que j'ai parcouru un peu le forum et la quiche que je suis n'a pas trouvé ce qui lui fallait XD Donc je m'excuse d'avance si il y avait une réponse à mon probleme déjà présente sur le forum mais je ne l'ai pas trouvé... Voilà j'ai voulu faire une PA en onglet avec du javascript donc, et à chaque contenu j'ai mis une mini PA graphée que je comptais coder. Là où le probleme se pose, une fois que j'ai fait tout mes codage de chaque mini PA et que j'insère le tout dans le javascript les code de lien ne marchent pas... C'est comme si à chaque fois j'avais mis les mêmes coordonnées (celle de la premiere mini PA) alors que j'ai tout vérifié et mes coordonnées sont bonnes. Au cas où je ne sois pas bien clair voici le lien du forum http://new-tree-hill.forumactif.com/index.htm vous pourrez voir par vous même la PA et ce qui ne va pas. Voici aussi le code que j'ai utilisé, j'ai tout mis dans la description de la PA. Sur acide edulcoré on m'a dit que j'avais suivi un tuto pour site internet et non pour forum d'où le probleme, j'aimerais donc régler ce probleme lol! - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Un système d'onglet en javascript</title> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script> <style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid white; cursor:pointer; } .onglet_0 { background:white; border-bottom:1px solid white; } .onglet_1 { background:white; border-bottom:0px solid white; padding-bottom:4px; } .contenu_onglet { background-color:white; border:1px solid white; margin-top:-1px; padding:5px; display:none; } ul { margin-top:0px; margin-bottom:0px; margin-left:-10px } h1 { margin:0px; padding:0px; } </style> </head> <body> <div class="systeme_onglets"> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_home" onclick="javascript:change_onglet('home');"><IMG SRC="http://img255.imageshack.us/img255/1363/homeb.jpg"></span> <span class="onglet_0 onglet" id="onglet_annonce" onclick="javascript:change_onglet('annonce');"><IMG SRC="http://img841.imageshack.us/img841/2948/annonces.jpg"></span> <span class="onglet_0 onglet" id="onglet_predefini" onclick="javascript:change_onglet('predefini');"><IMG SRC="http://img835.imageshack.us/img835/8769/predefinis.jpg"></span> <span class="onglet_0 onglet" id="onglet_amis" onclick="javascript:change_onglet('amis');"><IMG SRC="http://img337.imageshack.us/img337/7536/amis.jpg"></span> <span class="onglet_0 onglet" id="onglet_famille" onclick="javascript:change_onglet('famille');"><IMG SRC="http://img693.imageshack.us/img693/4633/famillec.jpg"></span> </div> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_home"> <h1><center><IMG NAME="accueil0" SRC="http://img228.imageshack.us/img228/3279/papartie2home.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil"></center>
<MAP NAME="accueil"> <AREA SHAPE="rect" COORDS="22,61,94,83" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Règlement">
<AREA SHAPE="rect" COORDS="32,99,96,124" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-groupes-t17.htm" ALT="Groupes">
<AREA SHAPE="rect" COORDS="23,145,93,171" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-staff-a-votre-service-t18.htm"ALT="Le Staff">
<AREA SHAPE="rect" COORDS="22,198,92,224" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-credits-t16.htm" ALT="Crédit">
<AREA SHAPE="rect" COORDS="607,223,685,251" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Contexte">
<AREA SHAPE="rect" COORDS="686,50,894,234" HREF="http://new-tree-hill.forumactif.com/profile.forum?mode=register"ALT="Join Us"> </MAP> </h1> </div> <div class="contenu_onglet" id="contenu_onglet_annonce"> <center><IMG SRC="http://a.imageshack.us/img375/5438/papartie2annonces.jpg"></center> </div> <div class="contenu_onglet" id="contenu_onglet_predefini"> <h3><center><IMG NAME="accueil0" SRC="http://img64.imageshack.us/img64/9127/papartie2predef.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil"></center>
<MAP NAME="accueil"> <AREA SHAPE="rect" COORDS="23,32,96,54" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Règlement">
<AREA SHAPE="rect" COORDS="39,73,98,96" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-groupes-t17.htm" ALT="Groupes">
<AREA SHAPE="rect" COORDS="24,122,96,145" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-staff-a-votre-service-t18.htm"ALT="Le Staff">
<AREA SHAPE="rect" COORDS="25,172,97,195" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-credits-t16.htm" ALT="Crédit">
<AREA SHAPE="rect" COORDS="598,191,643,211" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Contexte">
<AREA SHAPE="rect" COORDS="683,16,905,207" HREF="http://new-tree-hill.forumactif.com/profile.forum?mode=register"ALT="Join Us"> </MAP> </div><div class="contenu_onglet" id="contenu_onglet_amis"> <h4> <center><IMG NAME="accueil0" SRC="http://img825.imageshack.us/img825/10/papartie2amis.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil"></center>
<MAP NAME="accueil"> <AREA SHAPE="rect" COORDS="259,31,339,68" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/nos-partenaires-t21.htm" ALT="Partenaires">
<AREA SHAPE="rect" COORDS="806,25,886,62" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/demandez-votre-partenariat-t20.htm" ALT="Devenir Partenaire">
<AREA SHAPE="rect" COORDS="398,254,535,291" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/fiche-de-partenariat-t27.htm"ALT="Fiche">
<AREA SHAPE="rect" COORDS="553,254,691,292" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/demandez-votre-partenariat-t20.htm" ALT="Bouton">
<AREA SHAPE="rect" COORDS="381,91,480,125" HREF="http://" ALT="TOP 1">
<AREA SHAPE="rect" COORDS="494,91,593,125" HREF="http://"ALT="TOP 2">
<AREA SHAPE="rect" COORDS="607,91,706,125" HREF="http://"ALT="TOP 3">
<AREA SHAPE="rect" COORDS="381,140,480,175" HREF="http://"ALT="TOP 4">
<AREA SHAPE="rect" COORDS="494,140,593,175" HREF="http://"ALT="TOP 5">
<AREA SHAPE="rect" COORDS="607,140,706,175" HREF="http://"ALT="TOP 6">
<AREA SHAPE="rect" COORDS="381,189,480,223" HREF="http://"ALT="TOP 7">
<AREA SHAPE="rect" COORDS="494,189,593,223" HREF="http://"ALT="TOP 8">
<AREA SHAPE="rect" COORDS="606,189,705,223" HREF="http://"ALT="TOP 9">
<AREA SHAPE="rect" COORDS="123,141,243,264" HREF="http://www.root-top.com/topsite/obsession27/in.php?ID=15570"ALT="VOTEZ"> </MAP> </div><div class="contenu_onglet" id="contenu_onglet_famille"> <h5><center><IMG NAME="accueil0" SRC="http://a.imageshack.us/img704/5010/papartie2famille.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil"></center>
<MAP NAME="accueil"> <AREA SHAPE="rect" COORDS="361,108,575,157" HREF="http://the-gossip-life.forumactif.com/" ALT="TGL">
<AREA SHAPE="rect" COORDS="320,173,512,222" HREF="http://gossip-people.forumactif.com/" ALT="GP">
<AREA SHAPE="rect" COORDS="600,142,760,179" HREF="http://life-in-losangeles.forums-actifs.com/forum.htm"ALT="LILA">
<AREA SHAPE="rect" COORDS="555,218,794,255" HREF="http://charmed-lifeofthewit.forumotion.com/forum.htm" ALT="LITH"> </MAP> </div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'home'; change_onglet(anc_onglet); //--> </script> </body> </html>
Si vous avez besoin de plus d'information dite le moi ça fait un moment que je me prend la tête avec ça vous êtes mon dernier espoir! lol! |
Dernière édition par loolaa le Lun 13 Sep 2010, 16:58, édité 1 fois | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Bonjour =)
En parlant de code des liens tu parles des liens de "Règlement" "groupes" "staff" et "crédits" ? | | |
| | | eckinox
{ Membre }
Messages : 195
| Bonjour, Je me permets un message après celui de Kimy pour un autre question... ton problème est que lorsque tu passe ta souris sur "home" "les annonces" "les prédéfinis" " nos amis" "notre famille", ta PA ne change pas ? Si oui, je te répond directement --> c'est normal --> Car dans ton code tu a renseigner, que tu devais cliquer dessus pour faire changer la PA si j'ai pas compris, désolé pour mon post inutile | | |
| | | Lylinee
{ Membre }
Messages : 98
| Ah mon avis si moi j'ai compris son problème c'est que ces autres lien comme pour Voter pour nous, ne fonctionne pas puisqu'il n'y a que le lien pour s'enregistrer qui fonctionne dans ses mini-pa.
(desoler pour mon français, l'anglais ne me réussis pas) | | |
| | | loolaa
{ Membre }
Messages : 16
| - Lylinee a écrit:
- Ah mon avis si moi j'ai compris son problème c'est que ces autres lien comme pour Voter pour nous, ne fonctionne pas puisqu'il n'y a que le lien pour s'enregistrer qui fonctionne dans ses mini-pa.
C'est tout à fait ça, lorsque l'on clique sur les onglet on est redirigé vers les autres mini PA normalement mais les lien que j'ai codé ne fonctionne pas, par contre si vous parcourez la mini PA là où se trouvait les liens de la première mini PA vous verrez qu'il y a les même lien que sur la première. Désolé j'ai peur de ne pas être bien clair mais je sais pas trop comment l'expliquer... | | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Trouvé ^^ En fait pour tout tes mappages tu avais donné le nom de "Accueil" il suffit simplement de changer le nom pour chaque mappage ^^ Je t'ai donc mis Accueil, Accueil1, Accueil2, Accueil3 et Accueil4 - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Un système d'onglet en javascript</title> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script> <style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid white; cursor:pointer; } .onglet_0 { background:white; border-bottom:1px solid white; } .onglet_1 { background:white; border-bottom:0px solid white; padding-bottom:4px; } .contenu_onglet { background-color:white; border:1px solid white; margin-top:-1px; padding:5px; display:none; } ul { margin-top:0px; margin-bottom:0px; margin-left:-10px } h1 { margin:0px; padding:0px; } </style> </head> <body> <div class="systeme_onglets"> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_home" onclick="javascript:change_onglet('home');"><IMG SRC="http://img255.imageshack.us/img255/1363/homeb.jpg"></span> <span class="onglet_0 onglet" id="onglet_annonce" onclick="javascript:change_onglet('annonce');"><IMG SRC="http://img841.imageshack.us/img841/2948/annonces.jpg"></span> <span class="onglet_0 onglet" id="onglet_predefini" onclick="javascript:change_onglet('predefini');"><IMG SRC="http://img835.imageshack.us/img835/8769/predefinis.jpg"></span> <span class="onglet_0 onglet" id="onglet_amis" onclick="javascript:change_onglet('amis');"><IMG SRC="http://img337.imageshack.us/img337/7536/amis.jpg"></span> <span class="onglet_0 onglet" id="onglet_famille" onclick="javascript:change_onglet('famille');"><IMG SRC="http://img693.imageshack.us/img693/4633/famillec.jpg"></span> </div> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_home"> <h1><center><IMG NAME="accueil0" SRC="http://img228.imageshack.us/img228/3279/papartie2home.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil"></center>
<MAP NAME="accueil"> <AREA SHAPE="rect" COORDS="22,61,94,83" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Règlement">
<AREA SHAPE="rect" COORDS="32,99,96,124" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-groupes-t17.htm" ALT="Groupes">
<AREA SHAPE="rect" COORDS="23,145,93,171" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-staff-a-votre-service-t18.htm"ALT="Le Staff">
<AREA SHAPE="rect" COORDS="22,198,92,224" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-credits-t16.htm" ALT="Crédit">
<AREA SHAPE="rect" COORDS="607,223,685,251" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Contexte">
<AREA SHAPE="rect" COORDS="686,50,894,234" HREF="http://new-tree-hill.forumactif.com/profile.forum?mode=register"ALT="Join Us"> </MAP> </h1> </div> <div class="contenu_onglet" id="contenu_onglet_annonce"> <center><IMG SRC="http://a.imageshack.us/img375/5438/papartie2annonces.jpg"></center> </div> <div class="contenu_onglet" id="contenu_onglet_predefini"> <h3><center><IMG NAME="accueil0" SRC="http://img64.imageshack.us/img64/9127/papartie2predef.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil2"></center>
<MAP NAME="accueil2"> <AREA SHAPE="rect" COORDS="23,32,96,54" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Règlement">
<AREA SHAPE="rect" COORDS="39,73,98,96" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-groupes-t17.htm" ALT="Groupes">
<AREA SHAPE="rect" COORDS="24,122,96,145" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-staff-a-votre-service-t18.htm"ALT="Le Staff">
<AREA SHAPE="rect" COORDS="25,172,97,195" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/les-credits-t16.htm" ALT="Crédit">
<AREA SHAPE="rect" COORDS="598,191,643,211" HREF="http://new-tree-hill.forumactif.com/reglement-et-contexte-f5/le-contexte-de-nth-t15.htm" ALT="Contexte">
<AREA SHAPE="rect" COORDS="683,16,905,207" HREF="http://new-tree-hill.forumactif.com/profile.forum?mode=register"ALT="Join Us"> </MAP> </div><div class="contenu_onglet" id="contenu_onglet_amis"> <h4> <center><IMG NAME="accueil0" SRC="http://img825.imageshack.us/img825/10/papartie2amis.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil3"></center>
<MAP NAME="accueil3"> <AREA SHAPE="rect" COORDS="259,31,339,68" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/nos-partenaires-t21.htm" ALT="Partenaires">
<AREA SHAPE="rect" COORDS="806,25,886,62" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/demandez-votre-partenariat-t20.htm" ALT="Devenir Partenaire">
<AREA SHAPE="rect" COORDS="398,254,535,291" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/fiche-de-partenariat-t27.htm"ALT="Fiche">
<AREA SHAPE="rect" COORDS="553,254,691,292" HREF="http://new-tree-hill.forumactif.com/partenariat-f17/demandez-votre-partenariat-t20.htm" ALT="Bouton">
<AREA SHAPE="rect" COORDS="381,91,480,125" HREF="http://" ALT="TOP 1">
<AREA SHAPE="rect" COORDS="494,91,593,125" HREF="http://"ALT="TOP 2">
<AREA SHAPE="rect" COORDS="607,91,706,125" HREF="http://"ALT="TOP 3">
<AREA SHAPE="rect" COORDS="381,140,480,175" HREF="http://"ALT="TOP 4">
<AREA SHAPE="rect" COORDS="494,140,593,175" HREF="http://"ALT="TOP 5">
<AREA SHAPE="rect" COORDS="607,140,706,175" HREF="http://"ALT="TOP 6">
<AREA SHAPE="rect" COORDS="381,189,480,223" HREF="http://"ALT="TOP 7">
<AREA SHAPE="rect" COORDS="494,189,593,223" HREF="http://"ALT="TOP 8">
<AREA SHAPE="rect" COORDS="606,189,705,223" HREF="http://"ALT="TOP 9">
<AREA SHAPE="rect" COORDS="123,141,243,264" HREF="http://www.root-top.com/topsite/obsession27/in.php?ID=15570"ALT="VOTEZ"> </MAP> </div><div class="contenu_onglet" id="contenu_onglet_famille"> <h5><center><IMG NAME="accueil0" SRC="http://a.imageshack.us/img704/5010/papartie2famille.jpg" WIDTH="896" HEIGHT="308" BORDER="0" USEMAP="#accueil4"></center>
<MAP NAME="accueil4"> <AREA SHAPE="rect" COORDS="361,108,575,157" HREF="http://the-gossip-life.forumactif.com/" ALT="TGL">
<AREA SHAPE="rect" COORDS="320,173,512,222" HREF="http://gossip-people.forumactif.com/" ALT="GP">
<AREA SHAPE="rect" COORDS="600,142,760,179" HREF="http://life-in-losangeles.forums-actifs.com/forum.htm"ALT="LILA">
<AREA SHAPE="rect" COORDS="555,218,794,255" HREF="http://charmed-lifeofthewit.forumotion.com/forum.htm" ALT="LITH"> </MAP> </div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'home'; change_onglet(anc_onglet); //--> </script> </body> </html>
| | |
| | | loolaa
{ Membre }
Messages : 16
| oh merci! c'est ça!!!!
Ca doit faire plus d'une semaine que je me prend la tête à chercher des tuto partout pour une erreur aussi idiote de ma part lol! Merci beaucoup en tout cas, j'avais pas pensé à ça j'aurais pu y passer du temps mdr! Merci merci merci!!!!!
Merci à tout ceux qui ont essayé de trouver aussi! Vous pouvez archivez le sujet! | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Je classe | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|