[JS]Probleme avec un script

Discussion dans 'Web, design' créé par Ezekiel !, 24 Janvier 2005.

Statut de la discussion:
Fermée.
  1. Offline
    Ezekiel ! Elite
    Bonjour,
    J'avais trouvé il y a très longtemps un petit script qui permettait d'afficher/masquer un texte. Ce petit script marche très bien mais j'ai un problème. J'ai 3 textes à afficher/masquer sur ma page mais j'aimerais que lorsque un texte s'affiche, les 2 autres se masque automatiquement pour n'avoir qu'un texte afficher à la fois. Je suis sur que mon script peut le faire mais vu que j'ai formater, je ne retrouve plus les pages qui contenait un exemple de ce type.
    Voila donc le code dans head

    Code:
    <script language="javascript" type="text/javascript">
    	function Ihide(id)
    	  {
     	   	if (document.getElementById(id).style.display == 'none') 
        	current = 'block'; 
     	    else 
     	   	current = 'none';
    			
     	    document.getElementById(id).style.display = current;
    	  }
    	function hide(id)
    	  {
    	  document.getElementById(id).style.display = 'none' ;
     	  }
    </script>
    
    Et le code dans le body
    Code:
    <a href="#" onClick="Ihide('1');return false;">Affiche texte1</a>
    <a href="#" onClick="Ihide('2');return false;">Affiche texte2</a>
    <span id="1">
    texte1
    <script language = javascript>Ihide('1');</script>
    </span>
    <span id="2">
    texte2
    <script language = javascript>Ihide('2');</script>
    </span>
    
    Voila merci d'avance.
    Ezekiel !, 24 Janvier 2005
    #1
  2. Offline
    null ose();
    Perso je fais pas comme ça. Utilise <div></div>. Ensuite tu mets dans la propriété "style" : visibility: hidden

    Ensuite, tu fais une fonction qui gère les calques en fonction de l" ID et la tu fais : document...calqueId.style.visibility = "visible";

    Je viens de rentrer, j'espère que c'est clair :p
    null, 24 Janvier 2005
    #2
  3. Offline
    Ezekiel ! Elite
    lol je suis désolé mais j'ai juste des petites notions de base en JS. Je vois ce que tu veux dire mais pas comment le faire :p. Mais avec le code que je donne plus haut, il y a eu 2 fonction:
    une Ihide et une hide. Hors je n'en utilise qu'une seule. Je dois donc utiliser la fonction hide pr cacher le texte mais je ne sais pas cmt faire et quel code insérer. Je suis sur que c un truc tout simple mais je sais pas quoi
    Ezekiel !, 24 Janvier 2005
    #3
  4. Offline
    Ezekiel ! Elite
    apres avoir dezippé mes 18 backups jviens de retrouver le code :p
    c'est <a href="#" onClick="Ihide('2'); hide('1') ; hide('3');return false;"> pr ceux ke ça intéresse :p
    Ezekiel !, 24 Janvier 2005
    #4
Statut de la discussion:
Fermée.