Discussion :

[sayannara]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

basculer(imageQuiBascule2)"

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id ='bla'

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('bla')

par son name

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

name='bla'

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('bla')[0]

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

par son tag

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByTagName('img')

par son type de tag exemple image:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<img id="monimage" ...>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

que tu appelles comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Cache('monimage')

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

[sayannara]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>