masquer/afficher

27 juin 2005, 18:57

Bonjour je suis a la recherche d'un script (ny conaissant rien du tout en javascript)

http://demo.molos.be/ogame/index.asp

je recherche donc un script qui me permetrait de faire exactement la meme chose que le +/- ou afficher/masquer du lien ci dessu.

merci de me lire.

27 juin 2005, 23:05

Salut,

Je ne sais pas si c'est ce que tu cherches, mais tu peux essayer ça:

<HTML>
<TITLE>Cache-Cache</TITLE>
<HEAD>
<script type="text/javascript">
function look(id)
{
var show = document.getElementById(id).style ;
show.display = show.display == 'inline' ? "none" : "inline" ;
}
</script>
</HEAD>
<BODY>
<div id="Text1" style="display:none">Cache moi !<--</div>
<a  href="javascript:void( look( 'Text1' ) );">[+]</a><br>
</BODY>
</HTML>

28 juin 2005, 09:50

Joue avec les styles CSS, Javascript allant modifier les styles par clic sur lien ou bouton.
Tu as deux solutions :
- celle proposée par PhilFree = jouer sur le display (inline/block ou none).
Conséquences : la place n'est pas réservée pour l'élément et il pousse les autres éléments de la page.
- modifier visibility (hidden/visible) : même invisible la place où se trouve l'élément (paragraphe, div, etc...) est conservée dans la mise en page.

Le javascript

Code : Tout sélectionner

function afficheSuite(id, symbole){
div = document.getElementById(id);
//alert(div.style.display);
	if(div.style.display == 'inline'){
		div.style.display = 'none';
		modifSymbole(symbole, '+');
	}else{
		div.style.display = 'inline';
		modifSymbole(symbole, '-');
	}
}
function cacherSuite(){
div = document.getElementById(id);
//alert(div.style.display);
		div.style.display = 'none';
}

Dans le HTML

Code : Tout sélectionner

<a href="#" onClick="javascript:afficheSuite('tout','plus1');" id="plus1">[+]</a>

29 juin 2005, 21:42

Ma très Sainte Mère-Teresa,

J'ai testé votre script, mais il doit y avoir un petit bug...

Je pense qu'il manque la fonction modifSymbole

30 juin 2005, 09:13

Code : Tout sélectionner

function modifSymbole(id, caractere){
symbole = document.getElementById(id);
symbole.firstChild.replaceData(1,1, caractere);
}

Avec le symbole de comme ça : [+] sur lequel il y a le lien

Mais tu aurais pu le contruire tout seul.

masquer/afficher

Qui est en ligne