Bonjour,
J'ai une div sur mon site, construite avec Javascript. En fait, j'appelle une fonction JS, dans laquelle je passe un paramètre (du texte), qui est inséré automatiquement dans la div avec document.createTextNode();
Je voudrais permettre l'écriture de balises html dans cette div (notamment <br />), mais javascript ne me le traduit pas. Les \r\n ne renvoient pas à la ligne non plus ...
Comme elle est construite en JS, j'imagine qu'il doit exister une solution.
Merci de votre aide.
la communauté d'entraide francophone dédiée au PHP
écrire du html dans une div DOM
il faut séparer les éléments de chaine avec l'équivalent JavaScript de explode() sur les retours chariot, avec, sauf erreur, split() qui marche bien.
Tu vas obtenir un tableau et en bouclant, tu crées un textNode et tu y ajoutes ensuite un <br /> obtenu avec createElement('br'). Tu ajoutes ton contenu avec appendChild au fur et à mesure bien entendu et ça devrait fonctionner
Tu vas obtenir un tableau et en bouclant, tu crées un textNode et tu y ajoutes ensuite un <br /> obtenu avec createElement('br'). Tu ajoutes ton contenu avec appendChild au fur et à mesure bien entendu et ça devrait fonctionner
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse 
ben si tu le dis...dans ce cas unComme je dis toujours quand j'ai pas envie de me faire chier :
les utilisateurs iront se faire foutre.
C'est dit.
Code : Tout sélectionner
document.getElementById('ton_div_id').innerHTML=texte; 
Ben oui, mais il faudra quand même faire un split sur le texte pour isoler les retours chariot ... à un détail près : si les \r\n ne sont pas transformés, il n'y aura aucun retours à la ligne dans l'affichage... CQFD, une méthode ou l'autre ça revient au même.dans ce cas unComme je dis toujours quand j'ai pas envie de me faire chier :
les utilisateurs iront se faire foutre.
C'est dit.suffitCode : Tout sélectionner
document.getElementById('ton_div_id').innerHTML=texte;
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse
@cyrano pas si sur :
@mcorgnet: désolé de vouloir t'aider, promis je le referas plus... 
Code : Tout sélectionner
document.getElementById('ton_div_id').innerHTML=texte.replace(/\r\n/,'<br />');Ha non, ça m'a fait plaisir.@mcorgnet: désolé de vouloir t'aider, promis je le referas plus...
Mais il y a des modifications que je suis prêt à faire, d'autres pas. Ici, en l'occurence, il s'agit seulement de mettre un retour ligne sur une information sans importance, je n'ai pas envie de me casser la tête. Si la solution avait été plus simple, je l'aurais fait, en l'occurrence, elle ne l'est pas ...
elle est simple la modif...mais sans ton code on peut pas faire mieux...
voici un exemple qui fonctionne (a adapter a ton cas)
voici un exemple qui fonctionne (a adapter a ton cas)
Code : Tout sélectionner
<textarea id="toto">titi
tutu
tata
toto
</textarea>
<div id="tutu"></div>
<script type="text/javascript">
var texte=document.getElementById('toto').value;
texte=texte.replace(/\r\n/g,'<br />');
document.getElementById('tutu').innerHTML=texte;
</script>