[POO] argument nom d'un calque à afficher

Version imprimable

Bonjour

J'espère que message comme le mien ne vous dérengera pas, j'ai constaté que sur le forum il n'y a quasiment que des problèmes complexes.

Je voudrais lors de l'appel d'une fonction, passer en argument le nom d'un calque que celle-ci doit afficher ou cacher, mais je ne sais pas comment procéder.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var montrer = true function basculer(calque) { if (montrer == true) { document.all.calque.style.visibility = "hidden" montrer = false } else { document.all.calque.style.visibility = "visible" montrer = true } return true }
Et voici comment j'appelle ma fonction
Code:

1 2 <img src="Images_CSS/Boutons/infos.gif" alt="Infos" name="infos" width="37" height="32" id="infos" onClick="basculer(imageQuiBascule)"> <img src="Images_CSS/Boutons/infos.gif" alt="Infos2" name="infos2" width="37" height="32" id="infos2" onClick="basculer(imageQuiBascule2)">
En espérant être clair je vous remercie par avance

Code:

1
2
<img src="Images_CSS/Boutons/infos.gif" alt="Infos"  name="infos"  width="37" height="32" id="infos"  onClick="basculer(this)">
 <img src="Images_CSS/Boutons/infos.gif" alt="Infos2" name="infos2" width="37" height="32" id="infos2" onClick="basculer(this)">

tu passes quoi en paramètre ???

Code:

1
2
3
function basculer(calque){
 calque.style.visibility =(calque.style.visibility=='visible')?'hidden':'visible';
   }

mais bon une fois hidden tu ne peux plus clicker dessus :mouarf3:

13/12/2007, 17h55
sayannara

Merci pour ta réponse

Ce que je veux passer en paramètre, c'est le nom du calque qui doit apparaitre ou disparaitre, que j'ai appelé imageQuiBascule. Et non le bouton, donc je devrais pouvoir clicker dessus à volonté. (c'est pas très clair pour moi, donc de la peine à me faire comprendre)

A la base, ma fonction ne transportait pas d'argument et cette ligne était ainsi écrite,

Code:

document.all.imageQuiBascule.style.visibility = "hidden"

cependant si j'ai plusieurs calques sur ma page, il faudrait créer autant de scripts identiques. C'est pour cette raison que j'essaie de faire passer en argument le nom du calque à cacher/afficher grâce au bouton

Code:

<img src="Images_CSS/Boutons/infos.gif" alt="Infos2" name="infos2" width="37" height="32" id="infos2" onClick="basculer(imageQuiBascule2)">
13/12/2007, 18h48
SpaceFrog

Code:

basculer(imageQuiBascule2)"

jke ne vois rien qui identifie l'image ...

On peut mettre la maiun sur un elementpar son id ...

Code:

id ='bla'

Code:

document.getElementById('bla')

par son name

Code:

name='bla'

Code:

document.getElementsByName('bla')[0]

0 etant l'indice de l'element si plusieurs portent le même nom

par son tag

Code:

document.getElementsByTagName('img')

par son type de tag exemple image:

Code:

document.images[i]

i étant l'indice ordinal de l'image dasn le flux de la page ...
etc ....

commence peut être par mettre des id à tes images et les appeler comme il faut ?

par exemple avec l'id

Code:

<img id="monimage" ...>

Code:

function Cache(calque){ document.getElementById(calque).style.visibility='hidden';}

que tu appelles comme ceci:

Code:

Cache('monimage')

en passant en paramètre le string de l'id ...

Un grand merci à toi, tu m'as fait faire un grand pas en JavaScript, j'ai eu un déclic.

En fait, je me suis dès le début mal expliqué je suppose. J'ajoutais bien un id mais aux calques que je voulais faire apparaître/disparaître ! J'aurais du montrer ceci depuis le début. C'est la syntaxe que je recherchais

Bref grâce à ton aide j'ai réussi, voila le résultat ci-dessous, reste un petit problème lorsqu'on fait apparaître le premier calque, que l'on veut afficher la deuxième on doit cliquer deux fois. J'ai été d'abords surpris que je puisse utiliser une seule variable, mais je suppose qu'il m'en faudrait deux ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <script language="javascript"> var montrer = true function cacheMontrer(calque) { if (montrer == true) {document.getElementById(calque).style.visibility='visible' montrer = false } else {document.getElementById(calque).style.visibility='hidden' montrer = true } return true } </script> </head> <body> <div id="infosHTML" background-color: #330066; visibility:hidden"></div> <div id="infosJS" background-color: #009999; visibility:hidden"></div> <img src="infos.gif" onClick="cacheMontrer('infosHTML')"> <img src="infos.gif" onClick="cacheMontrer('infosJS')"> </body>

pense a fermer tes balises img ...

ton code fonctionne presque mais tu as un souci avec la variable flag 'montrer'...
tu l'attribues pour un objet mais tu ne la rechange pas pour l'autre
..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type='text/javascript'>
	function cacheMontrer(calque,obj)
		{ 
				document.getElementById(calque).style.visibility=(document.getElementById(calque).style.visibility=='visible')?'hidden':'visible';;
				return true;
		}
 
</script>
</head>
 
<body>
<div id="infosHTML" style="background-color: #330066; visibility:hidden">&nbsp;</div>
<div id="infosJS" style="background-color: #009999; visibility:hidden">&nbsp;</div>
<img src="infos.gif" onclick="cacheMontrer('infosHTML',this)" />
<img src="infos.gif" onclick="cacheMontrer('infosJS',this)" />
</body>

14/12/2007, 17h50
sayannara

Super ça fonctionne parfaitement.

Code:

=='visible')?'hidden':'visible'

C'est une bonne formule merci bien, pour ce qui est du this, faut que je revoie mais pour ceci je peux me débrouiller merci encore.