Probleme avec REGEX sous IE

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

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, 21h18

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

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

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

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

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, 03h26

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, 10h27

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;

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

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

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

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, 14h37

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.

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

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, 14h50

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.

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

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, 21h02

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.

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

Doublon

Probleme avec REGEX sous IE

JavaScript

Vue hybride

Discussions similaires

Partager

Partager