[HTML] Petit code à modifier

Bonjour,

Alors voilà mon problème,

Sur mon forum (http://jeuxvideo.net.xooit.com/index.php?theme=test), quand je clique sur "Tests" pour afficher le contenu, et bien la page revient automatiquement en haut du forum car il y a un code lien où il y a le "#", et je ne sais pas comment faire pour enlever cette anomalie pour ne plus à avoir remonter en haut du forum.

Voici le code en question :

<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 href="#" onclick="javascript:change_calque(this)">Tests</a><br /><br />
    <div style="display:none;">Mon texte caché</div>
   </div>
   </div>
   </div>
   </body></html>


Et voici le lien qui pose problème :

<a href="#" onclick="javascript:change_calque(this)">Tests</a>


Comment faire pour enlever le "#" ?

Merci de votre réponse.
Configuration: Windows XP
Firefox 2.0.0.14

14 réponses

  1. au lieu de mettre un lien tu peux mettre <input type="button" onclick="etc..>

    avec les css tu pourra changer l'apprence de ton bouton si tu le desrie
    1. Et je ne suis pas tres bon en css donc explique moi un peu stp
      1. Nan , en faite, je veux juste que ça fasse comme sur ce sujet : http://jeuxvideo.net.xooit.com/t850-dddddd.htm?theme=test#p9322

        Je ne veux pas que quand on clique, qu'il y ai la page qui revienne en haut
        1. Et désolé , cété un erreur sur la page tout à l'heure,

          http://jeuxvideo.net.xooit.com/index.php?theme=test
          1. tu rajoutes ca dans tes css:

            .lienButton{
            background-color:#B8B7FD;
            border:0px;
            }

            et tu mets ca pour le lien:

            <input class="lienButton" type="button" onclick="javascript:change_calque(this)" value="test">

            pour le background-color, tu met la couleur que tuveux biensur
            1. Dans mes CSS ???

              Mais je suis sur un forum donc je fais comment pour le mettre ?
              1. fais directement ca alors:

                <input style="background-color:#B8B7FD;border:0px" type="button" onclick="javascript:change_calque(this)" value="test">
                1. Nan mais en faite, je voulai garder comme avant mais juste enlever le "#" sans tout faire beuguer.

                  Merci.
                  1. nan ca beugue pas faut juste que tu change la couleur de ton background-color en l'occurence #E3E3E3
                    1. Nan c'est bon j'ai trouvé, merci pour tout

                      <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 /><br />
                          <div style="display:none;">Mon texte caché</div>
                         </div>
                         </div>
                         </div>
                         </body></html>
                      1. oui par exemple ossi jsai pa pourkoi jsuis parti a fond sur l'input mais bon