Discussion :

[Amnesiak]

Bonjour � tous,

Supposons qu'une page contienne un �l�ment dont le texte s'�tale sur plusieurs lignes :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<div id="demo">
line1
line2
line3
</div>

Si je souhaite en extraire le contenu et le d�couper pour en s�parer chaque ligne, il m'a sembl� logique de faire tout simplement :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<script type="text/javascript">
var text = document.getElementById('demo').innerHTML;
var split = text.split(/\r\n|\r|\n/);
alert('Nombre de lignes:'+split.length);             
</script>

Le r�sultat est OK sous Firefox, Opera, Chrome et Safari. Par contre IE pose probl�me, dans le sens ou le split ne retourne qu'une seule ligne. Quelqu'un a-t-il une autre id�e pour r�aliser la d�coupe ?

Merci d'avance !

[bigboomshakala]

salut
remplace ton expression r�guli�re par

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

/\s/

[Amnesiak]

Salut,

Merci pour ta r�ponse ! J'avais d�j� essay� cette possibilit�, mais j'ai oubli� de pr�ciser dans mon exemple ci-dessus que les lignes peuvent contenir des caract�res d'espacement, aussi bien que d'autres caract�res sp�ciaux... d�sol�

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<div id="demo">
line (1) ?
line #2...
line [3] !!
</div>

J'ai donc bien peur qu'il s'agisse plut�t d'un probl�me d'expression r�guli�re...
Ne pourrait-on pas ajouter � ton expression une exception pour le caract�re "espace" et le "tab" ? Ca devrait faire l'affaire non ?

[Amnesiak]

Apr�s de longues recherches, il semblerait qu'il ne s'agisse pas simplement d'un probl�me d'expression r�guli�re, mais plut�t d'une particularit� d'Internet Explorer dans la mani�re dont son parser DOM g�re les espaces et les retours � la ligne.

J'ai eu beau tester diverses m�thodes d'acc�s aux donn�es, mais sans succ�s :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
text = document.getElementById('demo').element.childNodes[0].data; // acces DOM
text = document.getElementById('demo').element.childNodes[0].nodeValue;
text = $('demo').get('html'); // MooTools

La seule alternative compatible multi-browsers que j'ai trouv�e consiste � englober mon <div> dans un �l�ment <pre>, de telle sorte que les espaces et retours chariot soient conserv�s. J'ai alors logiquement pens� reproduire cette situation dynamiquement via le DOM, mais malheureusement sans succ�s:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
var demo = document.getElementById('demo');
var monPre = document.createElement('pre');
demo.parentNode.appendChild(monPre);
monPre.appendChild(demo);

Ou m�me simuler le comportement d'un <pre> � l'aide des CSS... en vain.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="demo" style="white-space:pre;">

Je me trouve d�s lors comme qui dirait en manque d'inspiration pour trouver une solution correcte et portable face � ce probl�me. Si quelqu'un a d�j� eu l'occasion de se pencher l�-dessus, toute id�e ou retour d'exp�rience seront les bienvenus !

D'avance, un grand merci !