Discussion :

[develop' peur !]

Bonjour à tous
Je suis en train de développer un site pour lequel j'utilise le javascript suivant :

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
 
function clickIt(THIS_DIV)
{
	 var zdiv = document.getElementsByTagName('div');
 
 	 for (var i=0 ; i < zdiv.length ; i++) {
    	if (zdiv[i].getAttribute('class') == THIS_DIV) {
    		if (zdiv[i].style.display == 'none') {
				zdiv[i].style.display = 'block';
			} else {
				zdiv[i].style.display = 'none';
			}
    	}
    }
}

puis j'appele le script dans mon html comme ceci :

Code :

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

<div id="paris" onClick="javascript:clickIt('carte_paris');return (false);"><a href="#"></a></div>

J'ai un css qui génère un survol :

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
.carte_paris {
	position:			absolute;
	display:			none;
	top:				77px;
	left:				100px;
	width:				450px;
	height:				350px;
}
.carte_paris_img {
	position:			absolute;
	top:				24px;
	left:				0px;
	width:				450px;
	height:				350px;
	z-index:			1000;
	background-image:	url('../images/cartes/paris.png');
	background-repeat:	no-repeat;
}

Tout cela fonctionne parfaitement sous FFX mais rien ne se passe sous IE 7 (pour info j'ai aussi testé sous Safari3 ça marche aussi) he oui je développe sous macintosh et j'avoue ne pas savoir ce que supporte ou non ie

J'ai installé script debugger sous windows qui ne me donne aucune erreur (enfin je crois !)
Quelqu'un aurait-il une réponse

Developp' à moi la peur !!!!

[SpaceFrog]

le style est il defini par defaut dans la balise ?

[develop' peur !]

le style est il defini par defaut dans la balise ?

Excuses-moi, effectivement il est définit par défaut

Code :

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

	<div class="carte_paris" style="display: none;"><div class="carte_paris_img"></div><a href=""><div id="closer" onClick="clickIt('carte_paris');return (false);"><p>Fermer</p></div></a></div>

[DavidDeTroyes]

J'utilise la fonction display sous IE7 avec Windows XP Pro SP2 et ça fonctionne parfaitement. Tout autant que FF 2.0.0

[develop' peur !]

J'utilise la fonction display sous IE7 avec Windows XP Pro SP2 et ça fonctionne parfaitement. Tout autant que FF 2.0.0

Si j'osais je te demanderai comment tu fais pour que ça marche !?

[SpaceFrog]

essaye de remplacer

Code :

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

if (zdiv[i].getAttribute('class') == THIS_DIV)

par

Code :

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

if (zdiv[i].className == THIS_DIV)

[develop' peur !]

essaye de remplacer

Code :

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

if (zdiv[i].getAttribute('class') == THIS_DIV)

par

Code :

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

if (zdiv[i].className == THIS_DIV)

Bravo ça marche !!!, bon maintenant faut que je règle les pb de z-index qui suivent pas mais c'est un autre pb

Par contre pour ma culture perso, getAttibute et hasAttribute ne sont-ils pas supportés ?

[develop' peur !]

Merci à la grenouille de l'espace

[SpaceFrog]

non getAttribute et setAttribute ne sont pas vraiment crossbrowser