Discussion :

[masseur]

Salut.

J'ai codé un petit morceau qui permet de faire afficher un calque et le cacher quand on clic dessus.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
function switchMenu(obj)
{
var el = document.getElementById(obj);
if(el.style.display != "block")
{
el.style.display = "block";
}
else
{
el.style.display = "none";
}
}
</script>

et voici le code du body.

Code :

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

1
2
3
4
5
6
7
<a onclick="switchMenu('cadre');" title="Switch the Menu"><img src="haut.gif" /></img></a></p>
 
<div id="cadre" style="display:none;">
		<div id="bloccadre" >
		<p><?php include ("http://127.0.0.1/div%20good/news_rss.php?url=http://127.0.0.1/div%20good/rss.xml"); ?></p>
		</div>
	</div>

Jusque la aucun problème.

Maintenant j'ai une grande image que je découpe en quelques sortes grace à des area.

Code :

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

1
2
3
<map name="Map" id="Map">
  <area shape="rect" coords="0,141,40,188" href="#" />
</map>

Et maintenant j'aimerai que le calque s'affiche quand je clic sur cette zone mais y a rien à faire je n'y arrive pas même si je rajoute un onclick apres le href

Help me.

Merci

[dhjapan]

Hello,
Chez moi ça marche...
Ton image ressemble bien à ca ? :

Code :

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

<img src=".." usemap="#Map"></img>

... parce que sans le "#" IE ignore ton usemap.

[masseur]

Je fait comme ceci.

Code :

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

1
2
3
4
5
6
<img src="Sans titre-1.jpg" alt="" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="0,141,40,188" href="#" />
  <area shape="rect" coords="0,94,40,141" href="#" />
<area shape="rect" coords="0,47,40,94" href="#" />
<area shape="rect" coords="0,0,40,47" href="#" /></map>

[masseur]

Code :

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

1
2
3
4
5
6
7
<area shape="rect" coords="0,0,40,47" href="#" onclick="switchMenu('cadre');"/> </map>
 
<div id="cadre" style="display:none;">
		<div id="bloccadre" >
		<p><?php include ("http://127.0.0.1/div%20good/news_rss.php?url=http://127.0.0.1/div%20good/rss.xml"); ?></p>
		</div>
	</div>

En faisant ceci, quand je clic sur la zone ca ne m'ouvre pas le calque c'est bizarre ca.

[masseur]

Ah ca y est ca marche.

Par contre le calque se met sous mon image qui est assez grande.
Y a possibilité de le faire apparaitre dessus?

[dhjapan]

z-index en CSS :

Code :

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

style="z-index:2;"

[masseur]

Ca reste quand meme en dessous.