Mode multiline et option ungreedy ?

**tintin72** · 07/02/2010, 11h54

Bonjour,

Après une bonne prise de tête pour récupérer le texte (sur plusieurs lignes) contenu
dans une balise div, je me suis aperçu que le mode multiline ne fonctionnait pas
toujours notamment sous FF. Donc exit l'option m.

Suite à des recherches j'ai trouvé un code qui contourne le problème:

Code :

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

var div_content = /<div class="maclasse">([^þ]*)<\/div>/i;

Le truc consiste à cibler tous les caractères exceptés ceux qui n'ont, à priori, aucune chance d'apparaitre
dans la chaine. ici en l'occurence: þ

Voici mon code:

Texte à matcher:

<div class="maclasse">
contenu du div maclasse
</div>

<div class="uneclasse">
contenu du div uneclasse
</div>

Code:

Code :

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

1
2
3
var div_content = /<div class="maclasse">([^þ]*)<\/div>/i;
		  var result = data.match(div_content);
		  alert (result[1]);

Ce qui m'affiche le résultat suivant:

contenu du div maclasse
</div>

<div class="uneclasse">
contenu du div uneclasse

c'est presque bon sauf qu'au lieu de s'arrêter au 1er </div> après <div class="maclasse">, il
continue jusqu'au bout.

Y a t-il une équivalence de ungreedy (U) comme en PHP ?
Je sais qu'il y a l'option g, mais que je la mette ou pas le résultat est le même.

Quelqu'un pourrait-il maider ?

Merci

**SpaceFrog** · 07/02/2010, 19h35

Curieusement hormis le fait que IE sorte le tag div en majuscules il semblerait que les quotes dans les tags posent aussi problèmes

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
<script >
function bar(){
chaine=document.getElementById('foo').innerHTML.replace(/\r|\n/,'')
reg=new RegExp("<div class=\W*maclasse\W*>([^<]*)<\/div>",'gim')
reg.exec(chaine)
alert(RegExp.$1)
}
</script >
</head>
 
<body onload="bar()">
<div id="foo">
<div class="maclasse">
contenu du div maclasse
</div>
 
<div class="uneclasse">
contenu du div uneclasse
</div> 
</div>
</body>

P.S le replace \r\n est inutile ça fonctionne tout aussi bien sans le modifier m est actif

**SpaceFrog** · 07/02/2010, 19h46

ha oui et entre FFX qui reconnait " mais pas \W et IE inversement

Voici une bidouille qui fonctionne pour les deux:

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
<script >
function bar(){
chaine=document.getElementById('foo').innerHTML
reg=new RegExp("<div class=(\"|\W*)maclasse\\1>([^<]*)</div>",'gim')
result=reg.exec(chaine)
alert(result[2])
}
</script >
</head>
 
<body onload="bar()">
<div id="foo">
<div class="maclasse">
contenu du div maclasse
</div>
 
<div class="uneclasse">
contenu du div uneclasse
</div> 
</div>
</body>

ou

Code :

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

reg=/<div class=("|\W*)maclasse\1>([^<]*)<\/div>/gim

.

**tintin72** · 08/02/2010, 09h56

Salut et merci pour ta réponse.

La regex fonctionne bien, mais je me demande si le <\/div> à la fin
est vraiment utile car :

Code :

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

var reg = /<div class=("|\W*)media\1>([^<]*)/gim;

fonctionne également puisque [^<] arrête le match au 1er chevron.

Cependant, ça ne marche qu'avec du texte. Je ne l'ai pas précisé
mais il y a également des balises à l'intérieur du div, ce qui
fait que la regex ne fonctionne plus avec par ex:

contenu du div <b>maclasse</b>

le résultat s'arrête à "div".

J'imagine que le truc serait d'exclure la chaîne </div mais je n'y
arrive pas. J'ai essayé avec le test avant positif et négatif mais
je ne m'en sort pas.

Quelle serait la bonne syntaxe ?

**tintin72** · 08/02/2010, 14h17

Toujours avec mon problème.

pour le résoudre il faudrait exclure le caractère "<" seulement s'il est
suivit de "/div>"
Avec un test avant positif ça donnerait:

Code :

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

(?=\/div>)

mais comment concaténer les 2 expressions ??????
J'ai essayé dans tous les sens:

Code :

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

1
2
3
var reg = /<div class=("|\W*)media\1>([^<](?=\/div>)*)/gim;
var reg = /<div class=("|\W*)media\1>([^<(?=\/div>)]*)/gim;
var reg = /<div class=("|\W*)media\1>([^<]+(?=\/div>)*)/gim;

et j'en passe et des meilleurs, mais aucune ne marche.

Heeelp!

**SpaceFrog** · 08/02/2010, 14h24

tu oublies le < ouvrant ...

Code :

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

var reg = /<div class=("|\W*)media\1>([^<]+<(?=\/div>)*)/gim;

Mode multiline et option ungreedy ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager