Fonction JavaScript sous IE

**feldi** · 11/04/2011, 21h32

Bonsoir,

j'ai besoin de votre aide pour une fonction JavaScript ne fonctionnant pas sous IE (mais qui fonctionne très bien sous Firefox 3.4 et 4.0).
La fonction :

Code php :

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
 
echo '<script type="text/javascript">';
				echo 'function lancer(elt)
				{
					if(elt.value == "Modifier")
					{
						document.forms[0].action="modifLivre.php";
						document.forms[0].submit();
					}
					else
					{
						document.forms[0].action="supprimerLivre.php";
						document.forms[0].submit();
					}
				}
				';
			echo '</script>';
 
		echo '<p><input type="button" name="action" value="Modifier" onClick ="javascript:lancer(this)"/></p>';
		echo '<p><input type="button" name="action" value="Supprimer" onClick ="javascript:lancer(this)"/></p>';
		echo '</div>';

Donc en résumé : 1 form, 2 choix pour l'utilisateur.
Le message d'erreur sous IE :
"Cet objet ne gère pas cette propriété ou cette méthode" et m'indique la ligne 70 comme étant fausse (je n'ai bien évidement pas de ligne 70, ça serait trop simple sinon...)

Vous voyez le problème ? Un composant à activer/désactiver sous IE ?

Merci !

**NoSmoking** · 11/04/2011, 22h47

Bonsoir,
tu joues avec le feu et tu te brûles
tes INPUT on le même NAME et en plus il s'appellent action, donc comme IE sait récupérer un objet en faisant directement un document.NAME comment veux tu qu'il s'y retrouve entre une action a mettre sur une FORM et la référence à des éléments DOM.

Change le NAME de tes INPUT.

**Bovino** · 12/04/2011, 09h01

Et au passage, merci de poster le code JavaScript généré, pas le code PHP qui ne sert à rien !

**feldi** · 12/04/2011, 17h24

Envoyé par NoSmoking

Bonsoir,
tu joues avec le feu et tu te brûles
tes INPUT on le même NAME et en plus il s'appellent action, donc comme IE sait récupérer un objet en faisant directement un document.NAME comment veux tu qu'il s'y retrouve entre une action a mettre sur une FORM et la référence à des éléments DOM.

Change le NAME de tes INPUT.

D'accord merci, n'importe quel nom fera l'affaire ? Ou un que j'appelle action et l'autre button par exemple ?

@Bovino : ou vois tu le code JS généré ? Merci

**NoSmoking** · 12/04/2011, 20h57

Envoyé par feldi

D'accord merci, n'importe quel nom fera l'affaire ? Ou un que j'appelle action et l'autre button par exemple ?

N'importe quel nom fait l'affaire, exemple btn_action, pour les 2 et à toi de récupérer et tester coté serveur, mais pas sûr d'ailleurs que tu aies besoin d'un name puisque tu envoies vers 2 destinations différentes.

Envoyé par feldi

@Bovino : ou vois tu le code JS généré ? Merci

dans le navigateur, click droit -> afficher la source ou un truc pas loin.

**feldi** · 12/04/2011, 21h19

Hum, y a un truc que j'arrive pas à saisir la.

Le code source :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf_8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
		<title>Gestion livres, films et jeux</title>
    </head>
	<body>
		<br/>
<div id="imageMenu" align=center>
<a href="index.php"><img src="mediatheque_espaceadulte.jpg" alt="Livres et films" /></a>
</div>
 
<h1 align=center>Gestion des livres, films et jeux </h1>
 
<div id="menu">
	<ul>
		<li><h4> Espace Visualisation &nbsp&nbsp&nbsp&nbsp&nbsp</h4>
			<ul>
				<li><a href="livre.php">Livres</a></li>
				<li><a href="film.php">Films</a></li>
				<li><a href="jeux.php">Jeux</a></li>
			</ul>
		</li>
		&nbsp&nbsp&nbsp&nbsp&nbsp		<li><h4> Espace Ajout &nbsp&nbsp&nbsp&nbsp&nbsp</h4>
			<ul>
				<li><a href="AjoutLivre.php">Livres</a></li>
				<li><a href="AjoutFilm.php">Films</a></li>
				<li><a href="AjoutJeux.php">Jeux</a></li>
			</ul>
		</li>
		&nbsp&nbsp&nbsp&nbsp&nbsp		<li><h4> Espace Edition/Suppression</h4>
			<ul>
				<li><a href="EditLivre.php">Livres</a></li>
				<li><a href="EditFilm.php">Films</a></li>
				<li><a href="EditJeux.php">Jeux</a></li>
			</ul>
		</li>
	</ul>
	<br/>
	<br/>
</div>
<br/><form method="get"><div align=center><select name="nomLivre" size="1" ><option value=""><Option value="bleu">bleu</option></select><br/><br/><br/><script type="text/javascript">function lancer(elt)
				{
					if(elt.value == "Modifier")
					{
						document.forms[0].action="modifLivre.php";
						document.forms[0].submit();
					}
					else
					{
						document.forms[0].action="supprimerLivre.php";
						document.forms[0].submit();
					}
				}
				</script><p><input type="button" name="action" value="Modifier" onClick ="javascript:lancer(this)"/></p><p><input type="button" name="action" value="Supprimer" onClick ="javascript:lancer(this)"/></p></div></form>	</body>
</html>

Et toujours la même erreur. J'ai bien mis un nom différent à chaque bouton...
Quand tu parles de "récupérer et tester coté serveur", tu entends quoi par la ?
Merci

Edit : Par acquis de conscience j'ai remplacé le type "button" en type "submit" mais ça ne change rien (normal je pense, vu que la fonction JS est censée faire une redirection)

**NoSmoking** · 12/04/2011, 22h31

quand je parles de nom ou de name il s'agit de l'attribut name de tes INPUT type=button

Code html :

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

1
2
<input type="button" name="btn_action" value="Modifier"  onclick ="lancer(this)"/>
<input type="button" name="btn_action" value="Supprimer" onclick ="lancer(this)"/>

si tu n'utilises pas l'information du bouton qui a été cliqué coté serveur alors n'en mets pas

Code html :

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

1
2
<input type="button" value="Modifier"  onclick ="lancer(this)"/>
<input type="button" value="Supprimer" onclick ="lancer(this)"/>

**feldi** · 13/04/2011, 12h06

Merci, ça fonctionne au poil !

Fonction JavaScript sous IE

JavaScript

Discussions similaires

Partager

Partager