[résolu] Problème javascript IE

[hyoga78]

Bonjour à tous =)

J'ai créer un script grace auquel l'utilisateur peut remplir un formulaire dans lequel il doit entrer deux coordonnées en cliquant sur la case correspondante ; ainsi, s'il clique sur la case A1, cette valeur est rentrée dans un premier temps dans le champs "old" puis, au second clique, dans le champs "new"

Ca donne ceci au niveau du formulaire ::

		<form name="choix">
		 <select name="options">
		  <option value="old" selected>Anciennes coordonnées</option>
		  <option value="new">Nouvelles coordonées</option>
		 </select>
		</form>
		<form name="form" method="POST" action="envoie.php">
		 Anciennes coordonnées<input type="text" name="old" maxlength="2" size="2" value=""></input><br>
		 Nouvelle coordonnées <input type="text" name="new" maxlength="2" size="2" value=""></input>
		 <input type="submit" name="Jouer!" value="Jouer"></input>
		 </form>

Les liens sont sous cette forme

<a href="#" OnClick="remplissage('A8')">A8</a>

Et le script qui se lance :

 <script language="javascript">
function remplissage(Case)
{
 var type;
 type = document.forms[0].elements['options'].value;
 if (type == 'new')
  {
   form.new.value = Case;
  }
 else
  {
   form.old.value = Case;	  
   document.forms[0].elements['options'].value = 'new';
  }
}
 </script>

Marche nickel sous Firefox, mais pas du tout sous IE.

Je sais que c'est un peu complexe, mais ... Avez-vous une solution ? ^_^

[SyGEN]

J'ai juste regardé en diagonale, mais jouer avec des mots réservés genre (new, type, case) comme variables avec IE, c'est droit dans le mur bien souvent.

Essaye déjà de rectifier ça.

Oxsy

[hyoga78]

J'ai un peu creusé, et c'était à peu près ça, un problème de variable dans son ensemble en fait, mais pas dans le nom, plus dans ma façon chaotique de les déclarer, (ou pas, en l'occurence)... en bien, ça donne ça, pour ceux qui voudraient le réutiliser ::

<form name="form1">
<select name="options">
<option value="old" selected>Anciennes coordonnées</option>
<option value="new">Nouvelles coordonnées</option>
</select>

<br>
Anciennes coordonnées : <input type="text" name="old" maxlength="2" size="2" value=""></input><br>
Nouvelles coordonnées : <input type="text" name="new" maxlength="2" size="2" value=""></input>
<input type="submit" name="Jouer!" value="Jouer"></input>
</form>

<a href="java script:remplissage('A8')">A8</a>

et la fonction remplissage ;

  <script language="javascript">
function remplissage(Case)
{
 var type;
 var Case;
 type = document.forms["form1"].elements['options'].value;
 if(type=='old')
  {
   document.forms["form1"].elements['options'].value = 'new';
   document.forms["form1"].elements['old'].value = Case;
  }
 if(type=='new')
  {
   document.forms["form1"].elements['options'].value = 'old';
   document.forms["form1"].elements['new'].value = Case;
  }
}
 </script>

Merci d'y avoir jeté un coup d'oeil

[SyGEN]

Oui ben le prob vient a mon avis typiquement de là.

Comme si tu déclares function(Var) { ... }

var étant réservé, ie va jamais te le prendre. par contre no bleme avec les autres browser.

Si tu assignes alors ca passe, ou bien sur si tu changes de nom de variable.

Enfin voilà, bien content que t'aies résolu ton prob

[hyoga78]

Merci à toi pour ces précisions !

C'est vrai que je n'y avais jamais pensé... Je vais changer ça, "au cas où"... =)