La fonction display est-elle fonctionnelle sous ie7
Bonjour à tous
Je suis en train de développer un site pour lequel j'utilise le javascript suivant :
Code:
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:
<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:
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 !!!!