Fonction JavaScript sous IE [Résolu]

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

Citation:

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

Citation:

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.

Citation:

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
 
&#65279;<!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>&#65279;	</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 !

11/04/2011, 22h47	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 933 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 933 Points : 4 756 Points : 4 756	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.
	00

12/04/2011, 09h01	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	Et au passage, merci de poster le code JavaScript généré, pas le code PHP qui ne sert à rien ! __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

13/04/2011, 12h06	#8
feldi Membre régulier Nicolas Étudiant Inscription : mai 2010 Messages : 308 Détails du profil Informations personnelles : Nom : Nicolas Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2010 Messages : 308 Points : 74 Points : 74	Merci, ça fonctionne au poil !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email