Discussion :

[Polymorph]

Bonjour !

J'ai un petit souci sur avec un script !

voila je souhaite quand survolant une image un block div vienne se caller par dessus et affiche des liens dedans !
le div ne prend pas toutes l'image et ce place au milieu !

mais ca bug un coup je survol l'image et ça apparait et un coup ça disparait pas !
je ne sais pas trop d'ou viens l'erreur !

voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
10
function category(id)
{
	var div = document.getElementById(id).style;
	var display;
 
	with(div)
	{
		display = (display == "none") ? "block" : "none";
	}
}

le coté html :

Code :

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

1
2
3
4
5
6
<div class="thumb">
<div class="category">category</div>
<div class="subCategory" id="1" >subcategory</div>
<a href="#" onmouseover="category('1');"><img src="img/paint.jpg"></a>
<div class="thumbottom">&nbsp;</div>
</div>

la party css pour ce au cas ou

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
.category
 {
 	position: relative;
 	text-align: center;
 	padding: 4px;
 	font-size: 1.2em;
 	font-weight: bold;
 	background: #F0F0F0;
 	margin-bottom: 10px;
 }
 
 .subCategory
 {
 	position: absolute;
 	height: 100px;
 	margin: 65px 10px 0 10px;
 	background: transparent url("../img/alpha.png");
 	width: 210px;
 	color: #FFFFFF;
 	z-index: 50;
 	display: none;
 }

voilà si quelqu'un peut me dire ou j'ai fais l'erreur !

merci !

[Bovino]

Code :

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

1
2
3
4
5
function category(id)
{
	var display = document.getElementById(id).style;
	display = (display == "none") ? "block" : "none";
}

Ne te semble pas plus simple ?
Pour info, l'instruction with est dangereuse à manipuler car il est difficile d'être sûr de quels éléments de tes expressions vont être évalués par l'argument du with.

[Polymorph]

merci pour l'astuce !

maintenant j'ai retirer le with et ça ne marche plus il ne se produit aucune action ?

En faite vois pas pourquoi ca marche sans le with puis que je survole et ca appel la fonction qui dois affectée le comportement...

[Auteur]

bonjour,

utiliser des mots-clefs (display, div) comme variables d'un script ce n'est pas recommandé

[Bovino]

bonjour,

utiliser des mots-clefs (display, div) comme variables d'un script ce n'est pas recommandé

Absolument...

Code :

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

1
2
3
4
5
function category(id)
{
	var affiche = document.getElementById(id).style;
	affiche.display = (affiche.display == "none") ? "block" : "none";
}

[javatwister]

tiens, Polymorph, à méditer: http://javatwist.imingo.net/imagemasque.php