[HTML] Petit beugue au niveau du final

bondjeje Messages postés 22 Statut Membre -  
macgawel Messages postés 676 Statut Membre -
Bonjour,

Alors j'ai enfin réussi à mettre les bons codes dans le menu à gauche, dans actualités

http://jeuxvideo.net.xooit.com/index.php


Le seul problème, et c'est un très gros problème ! C'est que lorsque l'on clique sur Tests par exemple, et bien c le nom du dernier dossier qui est remplacé (c'est à dire ici le nom "Dossiers" qui est en dernier).

Alors je ne sais vraiment pas quoi faire pour modifier cela.

Voici le code entier : 

<center><u><b>Actualités</b></u><br /><br />

<html><body>
    <script type="text/javascript">
    function change_calque(elm) {
    var div = elm.parentNode.getElementsByTagName('div')[0];
    if (div.style.display=="none" ) {
     div.style.display = "block";
     elm.innerHTML = "Tests";
   } else {
     div.style.display = "none";
   elm.innerHTML = "Tests";
   }
   }
   </script>
   <div>
   <div>
    <a onclick="javascript:change_calque(this)">Tests</a><br />
    <div style="display:none;"><a href="http://jeuxvideo.net.xooit.com/f116-PC.htm" title="PC"><br />PC<br /></a><a href="http://jeuxvideo.net.xooit.com/f117-Playstation-3.htm" title="PS3">PS3<br /></a><a href="http://jeuxvideo.net.xooit.com/f118-Xbox-360.htm" title="Xbox 360">Xbox 360<br /></a><a href="http://jeuxvideo.net.xooit.com/f119-Wii.htm" title="Wii">Wii<br /></a><a href="http://jeuxvideo.net.xooit.com/f120-PSP.htm" title="PSP">PSP<br /></a><a href="http://jeuxvideo.net.xooit.com/f121-Nintendo-DS.htm" title="Nintendo DS">Nintendo DS<br /></a><a href="http://jeuxvideo.net.xooit.com/f122-Autres.htm" title="Autres">Autres<br /><br /></a></div>
   </div>
   </div>
   </div>
   </body></html>



<html><body>
    <script type="text/javascript">
    function change_calque(elm) {
    var div = elm.parentNode.getElementsByTagName('div')[0];
    if (div.style.display=="none" ) {
     div.style.display = "block";
     elm.innerHTML = "News";
   } else {
     div.style.display = "none";
   elm.innerHTML = "News";
   }
   }
   </script>
   <div>
   <div>
    <a onclick="javascript:change_calque(this)">News</a><br />
    <div style="display:none;"><a href="http://jeuxvideo.net.xooit.com/f116-PC.htm" title="PC"><br />PC<br /></a><a href="http://jeuxvideo.net.xooit.com/f117-Playstation-3.htm" title="PS3">PS3<br /></a><a href="http://jeuxvideo.net.xooit.com/f118-Xbox-360.htm" title="Xbox 360">Xbox 360<br /></a><a href="http://jeuxvideo.net.xooit.com/f119-Wii.htm" title="Wii">Wii<br /></a><a href="http://jeuxvideo.net.xooit.com/f120-PSP.htm" title="PSP">PSP<br /></a><a href="http://jeuxvideo.net.xooit.com/f121-Nintendo-DS.htm" title="Nintendo DS">Nintendo DS<br /></a><a href="http://jeuxvideo.net.xooit.com/f122-Autres.htm" title="Autres">Autres<br /><br /></a></div>
   </div>
   </div>
   </div>
   </body></html>



<html><body>
    <script type="text/javascript">
    function change_calque(elm) {
    var div = elm.parentNode.getElementsByTagName('div')[0];
    if (div.style.display=="none" ) {
     div.style.display = "block";
     elm.innerHTML = "Previews";
   } else {
     div.style.display = "none";
   elm.innerHTML = "Previews";
   }
   }
   </script>
   <div>
   <div>
    <a onclick="javascript:change_calque(this)">Previews</a><br />
    <div style="display:none;"><a href="http://jeuxvideo.net.xooit.com/f116-PC.htm" title="PC"><br />PC<br /></a><a href="http://jeuxvideo.net.xooit.com/f117-Playstation-3.htm" title="PS3">PS3<br /></a><a href="http://jeuxvideo.net.xooit.com/f118-Xbox-360.htm" title="Xbox 360">Xbox 360<br /></a><a href="http://jeuxvideo.net.xooit.com/f119-Wii.htm" title="Wii">Wii<br /></a><a href="http://jeuxvideo.net.xooit.com/f120-PSP.htm" title="PSP">PSP<br /></a><a href="http://jeuxvideo.net.xooit.com/f121-Nintendo-DS.htm" title="Nintendo DS">Nintendo DS<br /></a><a href="http://jeuxvideo.net.xooit.com/f122-Autres.htm" title="Autres">Autres<br /><br /></a></div>
   </div>
   </div>
   </div>
   </body></html>



<html><body>
    <script type="text/javascript">
    function change_calque(elm) {
    var div = elm.parentNode.getElementsByTagName('div')[0];
    if (div.style.display=="none" ) {
     div.style.display = "block";
     elm.innerHTML = "Soluces";
   } else {
     div.style.display = "none";
   elm.innerHTML = "Soluces";
   }
   }
   </script>
   <div>
   <div>
    <a onclick="javascript:change_calque(this)">Soluces</a><br />
    <div style="display:none;"><a href="http://jeuxvideo.net.xooit.com/f116-PC.htm" title="PC"><br />PC<br /></a><a href="http://jeuxvideo.net.xooit.com/f117-Playstation-3.htm" title="PS3">PS3<br /></a><a href="http://jeuxvideo.net.xooit.com/f118-Xbox-360.htm" title="Xbox 360">Xbox 360<br /></a><a href="http://jeuxvideo.net.xooit.com/f119-Wii.htm" title="Wii">Wii<br /></a><a href="http://jeuxvideo.net.xooit.com/f120-PSP.htm" title="PSP">PSP<br /></a><a href="http://jeuxvideo.net.xooit.com/f121-Nintendo-DS.htm" title="Nintendo DS">Nintendo DS<br /></a><a href="http://jeuxvideo.net.xooit.com/f122-Autres.htm" title="Autres">Autres<br /><br /></a></div>
   </div>
   </div>
   </div>
   </body></html>



<html><body>
    <script type="text/javascript">
    function change_calque(elm) {
    var div = elm.parentNode.getElementsByTagName('div')[0];
    if (div.style.display=="none" ) {
     div.style.display = "block";
     elm.innerHTML = "Vidéos";
   } else {
     div.style.display = "none";
   elm.innerHTML = "Vidéos";
   }
   }
   </script>
   <div>
   <div>
    <a onclick="javascript:change_calque(this)">Vidéos</a><br />
    <div style="display:none;"><a href="http://jeuxvideo.net.xooit.com/f116-PC.htm" title="PC"><br />PC<br /></a><a href="http://jeuxvideo.net.xooit.com/f117-Playstation-3.htm" title="PS3">PS3<br /></a><a href="http://jeuxvideo.net.xooit.com/f118-Xbox-360.htm" title="Xbox 360">Xbox 360<br /></a><a href="http://jeuxvideo.net.xooit.com/f119-Wii.htm" title="Wii">Wii<br /></a><a href="http://jeuxvideo.net.xooit.com/f120-PSP.htm" title="PSP">PSP<br /></a><a href="http://jeuxvideo.net.xooit.com/f121-Nintendo-DS.htm" title="Nintendo DS">Nintendo DS<br /></a><a href="http://jeuxvideo.net.xooit.com/f122-Autres.htm" title="Autres">Autres<br /><br /></a></div>
   </div>
   </div>
   </div>
   </body></html>



<html><body>
    <script type="text/javascript">
    function change_calque(elm) {
    var div = elm.parentNode.getElementsByTagName('div')[0];
    if (div.style.display=="none" ) {
     div.style.display = "block";
     elm.innerHTML = "Dossiers";
   } else {
     div.style.display = "none";
   elm.innerHTML = "Dossiers";
   }
   }
   </script>
   <div>
   <div>
    <a onclick="javascript:change_calque(this)">Dossiers</a><br />
    <div style="display:none;"><a href="http://jeuxvideo.net.xooit.com/f116-PC.htm" title="PC"><br />PC<br /></a><a href="http://jeuxvideo.net.xooit.com/f117-Playstation-3.htm" title="PS3">PS3<br /></a><a href="http://jeuxvideo.net.xooit.com/f118-Xbox-360.htm" title="Xbox 360">Xbox 360<br /></a><a href="http://jeuxvideo.net.xooit.com/f119-Wii.htm" title="Wii">Wii<br /></a><a href="http://jeuxvideo.net.xooit.com/f120-PSP.htm" title="PSP">PSP<br /></a><a href="http://jeuxvideo.net.xooit.com/f121-Nintendo-DS.htm" title="Nintendo DS">Nintendo DS<br /></a><a href="http://jeuxvideo.net.xooit.com/f122-Autres.htm" title="Autres">Autres<br /><br /></a></div>
   </div>
   </div>
   </div>
   </body></html>


</center>
<br /><br />




Merci de m'aider.
A voir également:

5 réponses

Réponse 1 / 5
bondjeje Messages postés 22 Statut Membre
 
C'est urgent svp
0
Réponse 2 / 5
bondjeje Messages postés 22 Statut Membre
 
help
0
Réponse 3 / 5
macgawel Messages postés 676 Statut Membre 89
 
Bonjour.

D'abord, un petit coup de gueule :
Tu postes un messages un dimanche, en plein mois de juillet (vacances), à 22.31.
Pas la peine de relancer une heure après, si personne n'a répondu c'est que personne, dans les (je suppose) rares présents, n'a la solution !

D'autant plus qu'en agissant de la sorte, tu sors de la liste des sujets sans réponse, et ton message perds en visibilité...

Maintenant, le coup de pouce :
Tu as créé 5 fonctions change_calque, en "écrasant" à chaque fois la précédente.

Quand ensuite on clique sur un lien, on appelle la fonction change_calque. Et le Javascript exécute la dernière fonction, et donc affiche "Dossiers"...
Il faut que tu crées une fonction JS, qui puisse s'appliquer à toutes tes demandes.
=> Soit tu renommes tes fonctions en change_calque_tests, change_calque_news etc (mauvaise méthode).
Soit tu conçois ta fonction change_calque de façon à ce qu'elle soit réutilisable (bonne méthode).

En l'occurence, ça tombe bien : je ne vois pas trop l'utilité de tes elm.innerHTML = "***";
Tu n'as donc qu'à les supprimer !

Au passage :
- Les balises HTML et BODY sont un peu nombreuses !
Généralement, la page est structurée comme ça : 
<html>
<head>
//Ici, les informations d'en-tête
</head>
<body>
// Ici, l'ensemble du code HTML
</body>
</html>

Regarde le source de pages html pour voir comment c'est construit...

- On ne pourra pas utilise ton site si le JS est désactivé :-(
Mauvais point ! (Encore que vu le sujet traité, je ne suis pas sûr qu'il y ait beaucoup d'utilisateurs ne disposant pas de JS...)
0
Réponse 4 / 5
bondjeje Messages postés 22 Statut Membre
 
Mais quel est le bon code alors ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
bondjeje Messages postés 22 Statut Membre
 
Oula, j'ai essayé de faire ce que tu m'a dit mais ça m'a tout planter !!

Est-ce tu pourrai me modifier qu'un seul code stp pour que je puisse m'en sortir

Et comment je fais pour regrouper ensuite tous ensemble ?
0
macgawel Messages postés 676 Statut Membre 89
 
ça m'a tout planter !!
En clair ?
Message d'erreur, page blanche, autre ?

Tu peux remettre le code source de ta page ?
0

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses
[Ecrire Exposant 12] 10² ou 10³ ok mais...
tessai -
rayous -

43 réponses
Comment écrire un chiffre en petit caractè
Essegnon -
transat -

5 réponses
comment écrire des petits chiffres ?
Elisa-x3 -
Luka_65 -

9 réponses
Quel est le raccourci clavier pour m2 et m3 ?
Patou -
Ivan -

35 réponses