Discussion :

[Bis�n�rs]

Hello,

J'aimerais savoir s'il existe un moyen simple d'interpr�ter du texte comme du HTML avec les fonctions DOM.

Pour illustrer mes propos :

Code :

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

1
2
3
4
5
var div = document.createElement( 'div' );
 
var texte = '<i>mon texte</i>';
 
div.appendChild( document.createTextNode( texte ) );

Evidemment, ce code ne fonctionne pas, il m'affiche "<i>mon texte</i>". Or, j'aimerais pouvoir afficher "mon texte".

Sachant que la variable texte est remplie par les donn�es d'un XML, et que je peux tr�s bien recevoir du texte simple, sans balise.

Avez-vous une id�e ?

[bigboomshakala]

Code :

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

1
2
3
4
5
6
var div = document.createElement( 'div' );
var italique = document.createElement('i');
var texte = document.createTextNode("mon texte");
 
italique.appendChild(texte);
div.appendChild(italique);

cela dit les balise comme <i>, <center>, <font> etc... sont d�conseill�s. aujourd'hui on privil�gie les classes CSS

Code :

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

1
2
3
4
var div = document.createElement( 'div' );
var texte = document.createTextNode("mon texte");
div.appendChild(texte);
div.className = "italique"; // .italique { font-style: italic; }

[SpaceFrog]

ou

Code :

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

1
2
var texte = document.createTextNode("mon texte");
texte.style.fontStyle='italic'

sinon en passant par data ?

Code :

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

1
2
3
 
var texte = document.createTextNode("");
texte.data="<i>mon texte</i>"

test� ... ni l'un ni l'autre ne passent :oops;

[Bovino]

Ben Spaffy, tu es fatigu�...

Code :

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

1
2
3
4
var div = document.createElement( 'div' );
div.style.fontStyle = 'italic';
var texte = 'mon texte';
div.appendChild( document.createTextNode( texte ) );

[Bezout]

Code :

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

document.createElement("<i style="...">texte</i>")

Ca marche pas ?

[Bovino]

@Bezout :
Non, c'est pas cross-browser.

[Bezout]

Ah oui possible, sous IE ca devait marcher

[Bis�n�rs]

Je crois que vous avez tous zapp� cette partie de l'�nonc� :

Sachant que la variable texte est remplie par les donn�es d'un XML, et que je peux tr�s bien recevoir du texte simple, sans balise.

Mais je vais tenter la proposition de Spafy avec le data.


Edit : Sans succ�s, le r�sultat est le m�me.

[Bovino]

Et le "sans innerHTML", il y a une raison particuli�re ?

[Bis�n�rs]

Parce que l'�l�ment en question n'existe pas encore dans la page. Il me semble que dans ce cas-l�, le innerHTML g�n�re une erreur non ?

[Bovino]

Non :

Code :

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

1
2
3
4
var madiv = document.createElement('div');
var texte = "<i>Du texte</i>";
madiv.innerHTML = texte;
document.body.appendChild(madiv);

Teste �a et tu verras le texte apparaitre tout en bas de la page.

[Bis�n�rs]

Effectivement ... Bon, au temps pour moi, je vais utiliser le innerHTML.

Merci � tous.

[E.Bzz]

Salut

Code :

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

1
2
3
4
5
var madiv = document.createElement('div');
madiv.id = 'id_div';
document.body.appendChild(madiv);
var texte = "<i>Du texte</i>";
document.getElementById('id_div').innerHTML = texte;

Non ?

EDIT : oups, un peu tard

A+

[bigboomshakala]

tu peux m'expliquer le soucis avec �a ?

Code :

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

1
2
3
4
var div = document.createElement( 'div' );
var texte = document.createTextNode("mon texte");
div.appendChild(texte);
div.className = "italique"; // .italique { font-style: italic; }

meme si "mon texte" est remont� par le xml, �a change rien

[Bis�n�rs]

@bigboomshakala : Ce que je re�ois du XML, ce n'est pas que "mon texte", c'est "<i>mon texte</i>", avec la balise <i>. Et je ne peux pas mettre une classe enti�re sur le texte que je re�ois, parce qu'il peut y avoir du texte en dehors des balises, d'autres balises, etc.

[bigboomshakala]

l� j'ai compris

[SpaceFrog]

parser le xml avec une regExp pour virer les balises ??

[Bis�n�rs]

Non plus, parce que je veux quand m�me garder la mise en forme propos�e par ces balises.

[RomainVALERI]

Sans savoir si ton contexte de projet particulier le permet, j'aurais quand m�me envie de te proposer une autre possibilit�, non encore �voqu�e : avec la biblioth�que Prototype, la m�thode Element.update(chaine) r�soud ce probl�me et tous ceux qui peuvent �tre associ�s � l'utilisation d'innerHTML, est totalement cross-browser, et enfin (au cas o� �a te soit utile mais je l'ignore ^^) les scripts �ventuellement pr�sents dans le fragment html � ins�rer (entre balises script bien s�r) seront ex�cut�s juste apr�s l'insertion, avec juste le petit d�calage de 10ms suffisant pour que l'�l�ment soit bien pris en compte dans le DOM.

Bref... � envisager peut-�tre si jamais les autres qualit�s de ce framework te s�duisent d�j� ^^

[Bis�n�rs]

@RomainVALERI : J'avoue que l�, �a serait �craser la mouche avec un bazooka. ^^

Mais comme mon application va commencer � regorger d'AJAX, je pense qu'il va falloir que je me tourne vers les librairies qui g�rent �a, plut�t que d'essayer de r�inventer la poudre.

A voir.