Discussion :

[pol2095]

Bonjour,

je cherche le moyen de calculer la position d'un mot en ignorant les balises

exemple :

Code :

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

var str="Une chaîne de <b>caractère</b>s est une série de <b>caractère</b>s, où un <b>caractère</b> est la même chose qu'un octet.";

je voudrais calculer la position du deuxième mot "caractère" en ignorant les balises comme si la phrase était :

Code :

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

var str="Une chaîne de caractères est une série de caractères, où un caractère est la même chose qu'un octet.";

qui est dans ce cas à la position 42

Comment faire ?
merci

[SpaceFrog]

s'agit il toujours de la balise <b> ou peut il y avoir d'autre balise ?

tu peux supprimer les balises avec un replace et tester avec une regexp au moyens des groupes de capture

Code :

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

1
2
3
4
5
6
var str="Une chaîne de <b>caractère</b>s est une série de <b>caractère</b>s, où un <b>caractère</b> est la même chose qu'un octet.";
temp=document.createElement('span');
temp.innerHTML=str
str=temp.innerText
reg=/^(.*)caractères(?!caractères)/
alert(str.match(reg)[1].length)

sinon sous IE avec innerText

Code :

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

1
2
3
4
5
var str="Une chaîne de <b>caractère</b>s est une série de <b>caractère</b>s, où un <b>caractère</b> est la même chose qu'un octet.";
temp=document.createElement('span');
temp.innerHTML=str
tab=temp.innerText.split('caractère')
alert(tab[0].length+'caractère'.length+tab[1].length)

[SpaceFrog]

le innerText étant propritétaire IE il faut passer par textContent pour les autres navigateurs
Voici une solution cross browser

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
function getText(elem){
   if (elem.textContent){
      return elem.textContent;
   }else{
      return elem.innerText;
   }
}
 
var str="Une chaîne de <b>caractère</b>s est une série de <b>caractère</b>s, où un <b>caractère</b> est la même chose qu'un octet.";
temp=document.createElement('span');
temp.innerHTML=str
str=getText(temp)
alert(str)
reg=/^(.*)caractères(?!caractères)/
alert(str.match(reg)[1].length)