Sauts de lignes Textarea (nl2br fonctionne pas)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Sauts de lignes Textarea (nl2br fonctionne pas)

mickou64

Bonjour à toutes et à tous,

J'ai un léger soucis,

En gros, j'ai une textarea dans laquelle j'écris un peu ce que je veux, et sur un evenement onblur, j'affiche le texte écrit dans la textarea, dans une div.

Le problème, c'est que j'aimerai garder les sauts de ligne de cee texte écrit, avant de l'afficher.

Du coup, je me suis dit, reprend la fonction nl2br mais convertit la en javascript, mais malheureusement, cela ne fonctionne pas.

Code :

var texte = $("#mon_textarea" ).val();
texte = strip_tags(texte);
texte = nl2br(texte);
$("#mon_div" ).html(texte);

Voici les deux fonctions que j'utilise :

Code :

function strip_tags(chaine, allowed)
{
allowed = (((allowed || "" ) + "" ).toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join(''); // making sure the allowed arg is a string containing only tags in lowercase (<a><b><c> )
var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi,
commentsAndPhpTags = /|<\?(?:php)?[\s\S]*?\?>/gi;
return chaine.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) { return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
});
}
function nl2br(str, is_xhtml)
{
var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '' : '<br>';
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}

Si quelqu'un peut m'aider, ca serait génial ! Merci d'avance

Publicité

cetplus

Wazard dans l'ombre

Salut.
Mais tu utilises Jquery ... ça change tout !
J'ai un code à te proposer :

Code :

<html>
<title>Test</title>
<script language="Javascript">
<!--
function uping(){
var doc=document.getElementById('montexte').value;
while(doc.indexOf("\n" )>0){
doc = doc.replace("\n","<br>" );
}
document.getElementById("result" ).innerHTML = doc;
}
//--->
</script>
<body>
<textarea id="montexte" OnBlur="javascript:uping()"></textarea>
<p>Affichage :
<table cellpadding='0' cellspacing='0' border='1'>
<tr>
<td><center><div id="result"></div></center></td>
</tr>
</table>
</body></html>

Bonne chance !

Message cité 1 fois
Message édité par cetplus le 25-02-2011 à 02:41:09

mickou64

cetplus a écrit :

Salut.
Mais tu utilises AJAX ... ça change tout !
J'ai un code à te proposer :

Code :

<html>
<title>Test</title>
<script language="Javascript">
<!--
function uping(){
var doc=document.getElementById('montexte').value;
while(doc.indexOf("\n" )>0){
doc = doc.replace("\n","<br>" );
}
document.getElementById("result" ).innerHTML = doc;
}
//--->
</script>
<body>
<textarea id="montexte" OnBlur="javascript:uping()"></textarea>
<p>Affichage :
<table cellpadding='0' cellspacing='0' border='1'>
<tr>
<td><center><div id="result"></div></center></td>
</tr>
</table>
</body></html>

Bonne chance !

Je te remercie beaucoup pour ton aide, ça marche parfaitement.

En plus, c'était vraiment tout bête ! Encore merci, et bonne journée.

Cordialement,

MC L.

gatsu35

Blablaté par Harko

Il n'y a rien d'AJAX la dedans, et en plus utiliser un while sur un replace c'est un peu débile. Il faut utiliser une expression régulière avec "g" comme flag :
doc = doc.replace(/(\\n|\n)/g,"<br>" );

---------------
Blablaté par Harko

cetplus

Wazard dans l'ombre

Tu as raison. Mais je n'avais jamais utilisé cette syntaxe.
On en apprends tout les jours.

Message cité 1 fois

gatsu35

Blablaté par Harko

cetplus a écrit :

Tu as raison. Mais je n'avais jamais utilisé cette syntaxe.
On en apprends tout les jours.

Excuse moi mais maintenant tu as remplacé AJAX par Jquery, mais il n'y a rien de Jquery dans ton code

---------------
Blablaté par Harko

cetplus

Wazard dans l'ombre

Pas dans le miens : $("#mon_div" ).html(texte);

gatsu35

Blablaté par Harko

oui enfin, mais psa dans le code que tu donnes plus haut

---------------
Blablaté par Harko

FORUM HardWare.fr

Programmation

HTML/CSS

Sauts de lignes Textarea (nl2br fonctionne pas)

Sujets relatifs
déterminer le nombre de lignes d'un fichier texte	Ajout de lignes dans une table
[VBS] Supprimer un bloc de lignes	XML XSL propriété text indent sur plusieurs lignes...
traduction d'une textarea	Header tout seul qui ne fonctionne pas
Code touche clavier Flèche aut - Repérage lignes visibles non filtrée	[VBA]Supprimer les lignes identiques rapidement...
Tri_fusion en C qui ne fonctionne pas	onmouseover ne fonctionne pas
Plus de sujets relatifs à : Sauts de lignes Textarea (nl2br fonctionne pas)

Page générée en 0.068 secondes