Probleme avec REGEX sous IE

**Death83** · 16/07/2006, 18h09

Salut a tous,

j'ai un problème avec une expression réguliere sous IE. J'ai un texte et je veut tester la présences d'une chaine de caractère. Ca marche sous FF mais sous IE il ne détecte rien.

voici le code concerné:

Code :

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

1
2
3
4
5
 
text=document.getElementById(cible).innerHTML;
	Regex='<input value="'+id+'"';
	var reg=new RegExp(Regex,'gi');
	text2=text.match(reg);

Y'a-t-il une synthaxe qu'IE n'apprécie pas?

PS: Je viens de regarder et ca ne marche pas non plus avec opéra et netscape. Il n'y a donc que sous FF que ca marche pour le moment.

**Swoög** · 16/07/2006, 20h18

normalement, les regexp sont indiquées entre / au lieu des '...

**javatwister** · 16/07/2006, 22h09

eh oui... comme chacun sait, fox est permissif, ces temps-ci

**Death83** · 16/07/2006, 22h31

Envoyé par javatwister

eh oui... comme chacun sait, fox est permissif, ces temps-ci

Ce n'est pas forcément un défaut. Ca juste tendance a rendre les programmeurs de plus en plus fénéants. Et donc de les rendre de plus en plus talentueux lol.

**Death83** · 17/07/2006, 02h26

Arf je viens d'essayer mais ca ne marche pas.

J'ai essayer ca:

Code :

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

1
2
3
4
5
 
text=document.getElementById(cible).innerHTML;
	Regex=/<input value="'+id+'"/;
	var reg=new RegExp(Regex,'gi');
	text2=text.match(reg);

et ca:

Code :

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

1
2
3
4
5
 
text=document.getElementById(cible).innerHTML;
	Regex='/<input value="'+id+'"/';
	var reg=new RegExp(Regex,'gi');
	text2=text.match(reg);

Ou est le problème?

**javatwister** · 17/07/2006, 09h27

plusieurs problèmes;

d'abord, le nommage des variables: "text" et "id" sont à proscrire;

ensuite, tu récupères une chaîne via innerHTML, et IE va donc ratiboiser tous les quotes rencontrés autour des valeurs d'attributs; bref pour faire quelque chose de compatible, voici un exemple:

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
<script type="text/javascript">
 
function check(t,idi){
 
reg=new RegExp("<input value=\"*"+idi+"\"*","gi");
 
alert(t.innerHTML.match(reg));
}
 
</script>
 
 
<p id="cible">
blablabla<br />
<input value="truc" type="text" />
blablabla<br />
<input value="truc" type="text" />
blablabla<br />
<input type="button" value="test" onclick="check(this.parentNode,'truc')" />
</p>

Ceci dit, s'il n'y a qu'une seule chaîne possible, ta regexp n'est pas très utile;

**Death83** · 18/07/2006, 02h28

Merci j'ai essayer d'adapter en faisant ca mais ca ne marche toujours pas:

Code :

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

1
2
3
4
5
 
text1=document.getElementById(cible).innerHTML;
reg=new RegExp("<input value=\"*"+id1+"\"*","gi");
text2=text1.match(reg);
alert(text2);

J'ai vérifié, sous IE text1 correspond bien a une chaine de caractère.

SOus IE text2 est toujorus null alors que sous FF il retrouve bien la chaine recherché.

**djibril** · 18/07/2006, 10h08

http://jacques-guizol.developpez.com...Exp.php#VIII.1

**Herode** · 18/07/2006, 11h00

Je viens de tester le code suivant sous IE, il marche :

Code :

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

1
2
3
4
5
6
7
8
9
 
function testRegex( idElem, search )
{
  var text1 = document.getElementById( idElem ).innerHTML;
  alert( text1 );
  var reg = new RegExp( "<input value=\"*" + search + "\"*", "gi" );
  var text2 = text1.match( reg );
  alert( text2 );
}

avec comme HTML :

Code :

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

1
2
3
4
5
 
  <div id="regexCible">
    <input value="tagada" type="text">
  </div>
  <a href="#" onclick="testRegex('regexCible', 'tagada')">Test regex</a>

Conclusion : tu dois avoir une coquille quelque part. Quelles sont les données en entrée de ta fonction ??

NB :
- le quantificateur "*" sert à tester [0-n] occurrences. Dans ton cas, tu cherches à tester [0-1] occurrences des guillemets à cause du cas spécifique IE. Pour ça, le quantificateur "?" est plus approprié.
- le drapeau "g" n'est utile que si tu as plusieurs possibilités de correspondance de motif sur la chaîne testée.
- si tu cherches à tester un attribut, cette méthode me semble peu robuste. Mieux vaudrait récupérer l'attribut qui t'intéresse en passant par DOM (getElementById, getAttribute) et le tester après, éventuellement avec une regex.

**Death83** · 18/07/2006, 13h37

Bon je vais détailler ce qu'il ce passe alors car le code se génére tout seul en AJAX.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<tr>
<td colspan="2">
<div id="affrechanime2">
</div>
</td>
<td>											                      Rechercher:											</td>
<td> 
     <input type="text" name="rechanime" id="rechanime" class="inputmoyen" onkeyup="go(document.getElementById(\'rechanime\').value,\'affrechanime\',\'\',\'../AJAX/rechercheanime6.php?'.$dvdassoc.'motcle=\');">
</td>
</tr>

Le genre de code généré par la page rechercheanime6.php est :

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
 
<br><table class="tableres" cellspacing="1"><tr class="titre"><td>Titre</td><td></td></tr><tr class="class1" > 
 
				<td onMouseOver="this.className='classhover';" onMouseOut="this.className='class1';">
					<a href="../critiques/anime.php?idanime=22" target="blank">Anime 1</a>
				</td>
				<td>
 
					<button type="button" OnClick="reanime('affrechanime2','Anime 1','22');" class="petitbouton2">Ajouter</buton>
				</td>
			</tr><tr class="class2" > 
 
				<td onMouseOver="this.className='classhover';" onMouseOut="this.className='class2';">
					<a href="../critiques/anime.php?idanime=23" target="blank">Anime 2</a>
				</td>
				<td>
 
					<button type="button" OnClick="reanime('affrechanime2','Anime 2','23');" class="petitbouton2">Ajouter</buton>
				</td>
			</tr></table>

Donc quand je clique sur le bouton Ajouter ca execute la fonction reanime:

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
 
function reanime(cible,titre,id1)
{  
	text1=document.getElementById(cible).innerHTML;
	alert(text1);
	reg=new RegExp("<input value=\"*"+id1+"\"*","i");
	text2=text1.match(reg);
	alert(text2);
 
	if(text2==null)
	{
		document.getElementById(cible).innerHTML=text1+'<span class="titresupanime">'+titre+'</span><input type=text value='+id1+' style="display:none;" name="supanime[]">&nbsp;<button type="button" name="'+id1+'" class="petitbouton2" OnClick="check=confirm(\'Confirmer vous la supression de cet anime? (la base de donné sera mise à jour)\');if(check!=false){go(document.getElementById(\'affrechanime2\').innerHTML,\''+cible+'\',\'rien\',\'../AJAX/supanimepcritdvd.php?idsupanime='+id1+'&text=\');}">Supprimer</button><br>'; 
	}
	else
	{
		alert('Cet anime à déjà été ajouté!');
	}
}

Et avec cette fonction je fait une REGEX pour voir si la ligne avec l'id correspondant existe deja. Car si je clique sur un autre id ca rajoute une nouvelle ligne, si je clique sur un élément qui a déja été ajouté ca renvoi un alert en disant que l'élément est déjà présent. Mais pour l'instant ca ne fait ca que sous FF.

Savez vous d'ou peut venir cette erreur.

N'hésitez pas à demander si vous avez besoin de plus de détail.

**Death83** · 18/07/2006, 13h43

Doublon

**javatwister** · 18/07/2006, 13h47

Merci j'ai essayer d'adapter en faisant ca mais ca ne marche toujours pas

comment ça "essayé d'adapter"? avant d'avoir chargé, testé et compris le code?
une regexp, c'est aussi con qu'une calculatrice! ça te sort le résultat voulu quelle que soit la météo ou l'époque où tu l'utilises

**Death83** · 18/07/2006, 13h50

Envoyé par javatwister

comment ça "essayé d'adapter"? avant d'avoir chargé, testé et compris le code?
une regexp, c'est aussi con qu'une calculatrice! ça te sort le résultat voulu quelle que soit la météo ou l'époque où tu l'utilises

Je voulais dire que j'ai utiliser ta syntaxe. J'ai juste garder la structure de ma fonction. Je vois pas le rapport avec les calculatrices?

Et j'ai tres bien compris la regex. Tu as juste rajouté des * qui sont a mon avis ne sont pas obligatoire.

**javatwister** · 18/07/2006, 13h53

topic illisible; tu ne prends pas le temps de regarder ce que tu écris...

**Death83** · 18/07/2006, 13h55

Envoyé par javatwister

topic illisible; tu ne prends pas le temps de regarder ce que tu écris...

Comment ca?

**Death83** · 18/07/2006, 14h08

J'ai trouvé d'ou viens l'erreur!

.

Mais j'ai pas trouver la cause.

J'ai regarder le code généré sous IE. Et dans mon input ca inverse les postitions des éléments.

sous FF ca fait:

Code :

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

1
2
 
<input value="22" style="display:none"...

et sous IE et compagnie ca fait:

Code :

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

1
2
 
<input style="display:none" value="22"...

C'est normal que ces navigateurs change l'ordre des éléménts dans la balises?

**Herode** · 18/07/2006, 18h16

J'imagine que ça dépend comment tu construis ton code

Si tu codes ton HTML en dur, la réponse est sans doute non. Si tu construis ta page en passant par DOM, il n'y a pas à ma connaissance de garantie que les noeuds soient conservés exactement dans l'ordre où tu les déclares, tant que ça ne change pas la sémantique de la page.

En tout cas, ça rejoint ce que je disais à propos de la robustesse du code : ta regex dépend trop de la manière (arbitraire) dont sont ordonnés les attributs de la balise que tu testes. Si quoi que ce soir dans ta balise change (navigateur, évolution du code), ton code devient obsolète...

**Death83** · 18/07/2006, 20h02

Envoyé par Herode

J'imagine que ça dépend comment tu construis ton code

Si tu codes ton HTML en dur, la réponse est sans doute non. Si tu construis ta page en passant par DOM, il n'y a pas à ma connaissance de garantie que les noeuds soient conservés exactement dans l'ordre où tu les déclares, tant que ça ne change pas la sémantique de la page.

En tout cas, ça rejoint ce que je disais à propos de la robustesse du code : ta regex dépend trop de la manière (arbitraire) dont sont ordonnés les attributs de la balise que tu testes. Si quoi que ce soir dans ta balise change (navigateur, évolution du code), ton code devient obsolète...

Oui mais je n'ai pas vraiment d'autre choix je crois. Je suis obliger de faire comme ca. Ce qui est marrant c'est que l'ordre est différent pour chaque navigateur. Avec opéra il a un ordre différents encore.

J'ai tripplé mes expression régulière comme ca tout les cas sont couvert. J'aurai peut etre pu en faire une seul mais il y a un problème d'échappement. Sous IE et sous FF ca réagis totalement différement avec AJAX. Sous FF j'ai des type=\"text\" et sous IE type=text avec la meme source. Donc je préfere faire plusieurs regex, au moin ca marche.

Probleme avec REGEX sous IE

JavaScript

Discussions similaires

Partager

Partager