Discussion :

[shgeoffrey]

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 :

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

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 :

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
 
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!

[Matthieu2000]

comment fais tu référence au scrip t externe?

[shgeoffrey]

Code :

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

<script type="text/javascript" src="js/index.js"></script>

[andry.aime]

Salut

if (Nom ==="tous")

Code :

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

if (Nom =="tous")

[shgeoffrey]

if (Nom ==="tous")

Désolé c'était une faute de frappe, j'ai bien mis "if (Nom == "tous")"

Le problème n'est pas là.

[shgeoffrey]

Bon ben écoutez, je ne sais pas pourquoi, je ne sais pas comment, mais le code comme je vous l'ai décris s'est mis à fonctionner normalement sur IE7...

Merci quand même et bonne soirée!

[Bovino]

Peut-être un problème de cache avec une version précédente de la fonction...