[DOM] Avis aux amateurs RegExp

**LEK** · 26/05/2007, 13h06

Bonjour,
j'essaye en partant d'une chaine contenant :

Code :

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

1
2
3
4
<span valID="a">contenu</span>
<span valID="b">contenu 2</span>
<span valID="c">contenu 3</span>
<span valID="d">contenu 4</span>

d'écrire une expression régulière (comme on pourrait faire avec xsl) qui me permette de remplacer l'ancien contenu de la chaine en :

Code :

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

1
2
3
4
<div valID="a" id="oSpan_1">contenu</div>
<div valID="b" id="oSpan_2">contenu 2</div>
<div valID="c" id="oSpan_3">contenu 3</div>
<div valID="d" id="oSpan_4">contenu 4</div>

Le problème vient de la valeur X de id="oSpan_X" : est-il possible de connaitre l'index du numéro d'occurence dans la chaine pour pouvoir l'incrémenter?
Si ceci n'est pas réalisable : est-il au moins possible de créer un attribut alternatif d'une occurence sur deux de cette manière :

Code :

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

1
2
3
4
<div valID="a" altern="oSpan_1">contenu</div>
<div valID="b" altern="oSpan_2">contenu 2</div>
<div valID="c" altern="oSpan_1">contenu 3</div>
<div valID="d" altern="oSpan_2">contenu 4</div>

**Auteur** · 26/05/2007, 18h11

bonjour,

voici un exemple (j'ai considéré que la chaine à traiter était dans une seule variable et ne possèdait aucun caractère d'échappement comme le retour à la ligne) :

Code javascript :

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
 
  var chaine = "";
  var tabChaine = new Array();
  var i, n, chaine2, exp;
 
  // la chaine est consituee d une ligne...
  chaine  = '<span valID="a">contenu</span>';
  chaine += '<span valID="b">contenu 2</span>';
  chaine += '<span valID="c">contenu 3</span>';
  chaine += '<span valID="d">contenu 4</span>';
 
 
  //on remplace les span par les div
  chaine = chaine.replace(/<span valID=/gi,"<div valID=");
  chaine = chaine.replace(/<\/span>/gi,"</div>");
 
  //on ajoute \n entre chaque div (plus simple ensuite pour le split)
  chaine = chaine.replace(/></gi,">\n<");
 
  //on separe chaque chaine au niveau du \n ajoute precedemment
  tabChaine = chaine.split(/\n/gi);
  n = tabChaine.length;
  //alert(tabChaine);
 
 
  //<div valID="a" sous forme de regexp (sans le > a la fin):
  //on considere que valID est constitue uniquement de lettres (intervalle [a-z])
  exp = /<div\s*valID=\"[a-z]*\"/gi;
 
  for (i=0; i<n; i++)
  {
     //extraction du debut de la chaine
     chaine2 = tabChaine[i].match(exp).toString();
 
     //insertion des id
     chaine2 = chaine2 + " id=\"oSpan_"+parseInt(i+1)+"\"";
 
     //on remplace la regexp par la nouvelle chaine
     tabChaine[i] = tabChaine[i].replace(exp, chaine2);
  }
 
  alert(tabChaine);

**cerede2000** · 26/05/2007, 18h41

Les regex pour ajouter??? Drole d'utilisation... Le code de Auteur est bien

**Auteur** · 26/05/2007, 18h55

Envoyé par cerede2000

Les regex pour ajouter??? Drole d'utilisation... Le code de Auteur est bien

Plus précisément, pour insérer une chaine au milieu d'une autre

Il y a sans doute plus simple, mais merci pour le compliment cerede2000

**SpaceFrog** · 26/05/2007, 19h05

je hais les regExp ...
Alors quand je peux faire sans ...

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
 
 
<script type='text/javascript'>
function populate(){
var SpanCollect=document.getElementsByTagName('span');
for (i=0;i<SpanCollect.length;i++){
   SpanCollect[i].id="oSpan_"+Number(i+1);
   SpanCollect[i].onclick=function(){alert(this.id)}
   }
   }
</script>
</head>
 
<body onload='populate()'>
 
<span valID="a">contenu</span>
<span valID="b">contenu 2</span>
<span valID="c">contenu 3</span>
<span valID="d">contenu 4</span>
 
 
</body>

**Auteur** · 26/05/2007, 19h08

certes.... mais il faut aussi transformer les span en div

[DOM] Avis aux amateurs RegExp

JavaScript

Vue hybride

Discussions similaires

Partager

Partager