[POO] "Cet objet ne gère pas cette action" dans IE7
Bonjour à tous,
J'ai un petit souci de débutant en Javascript.
J'ai fait un petit script qui permet de reproduire des boutons de formulaire mais avec des design différent que ceux proposés par les navigateurs.
Les Div "tous", "offre" et "recherche" sont donc en fait des boutons de sélection.
Ca marche très bien sous FF3 mais sous IE7 il me met cette erreur : "Cet objet ne gère pas cette action"
Voici le code de la page index.php :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<form style="position:absolute; top:250px; left:448px; height:181px; width:300px;">
<input type="text" name="motcle" id="motcle" style="position:absolute; left: 5px; top: 25px; height: 17px; width: 291px; border:none;" />
<div id="tous" style="position:absolute; top:49px; left:26px; height:21px; width:21px; cursor:pointer; background:url(img/boutons/selection_actif.jpg);" onclick="selection('tous');">
</div>
<div id="offre" style="position:absolute; top:49px; left:79px; height:21px; width:21px; cursor:pointer; background:url(img/boutons/selection_inactif.jpg);" onclick="selection('offre');">
</div>
<div id="recherche" style="position:absolute; top:49px; left:140px; height:21px; width:21px; cursor:pointer; background:url(img/boutons/selection_inactif.jpg);" onclick="selection('recherche');">
</div>
</form> |
Et celui de la page index.js :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
function selection(Nom)
{
if (Nom == "tous")
{
document.getElementById("tous").style.background = "url(img/boutons/selection_actif.jpg)";
document.getElementById("offre").style.background = "url(img/boutons/selection_inactif.jpg)";
document.getElementById("recherche").style.background = "url(img/boutons/selection_inactif.jpg)";
}
else if (Nom == "offre")
{
document.getElementById("tous").style.background = "url(img/boutons/selection_inactif.jpg)";
document.getElementById("offre").style.background = "url(img/boutons/selection_actif.jpg)";
document.getElementById("recherche").style.background = "url(img/boutons/selection_inactif.jpg)";
}
else if (Nom == "recherche")
{
document.getElementById("tous").style.background = "url(img/boutons/selection_inactif.jpg)";
document.getElementById("offre").style.background = "url(img/boutons/selection_inactif.jpg)";
document.getElementById("recherche").style.background = "url(img/boutons/selection_actif.jpg)";
}
} |
Ou aurais-je fais une erreur??
Merci d'avance pour votre aide! ;)
