Discussion :

[Jihnn]

Bonjour,

Je suis débutant en JavaScript, j'utilise très peu ce langage script (seulement quand nécessaire).

Ben justement, pour le moment, j'en ai besoin ^^

Je veux faire un système de réponse, lorsqu'on appuie sur un bouton, envoie l'auteur + contenu du message dans un textarea.
Voilà ma fonction :

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
16
17
function reply(author, message)
{
	document.getElementById('msg').value = document.getElementById('msg').value + '<div class="bbcode_container">
	<div class="bbcode_quote">
		<div class="quote_container">
			<div class="bbcode_quote_container"></div>
 
				<div class="bbcode_postedby">
					<img src="https://forum.developpez.be/images/misc/quote_icon.png" alt="Citation" /> Envoyé par <strong> + author + </strong>
 
				</div>
				<div class="message">' + message + '</div>
 
		</div>
	</div>
</div>';
}

Je l'appelle avec un lien de ce genre :
<a href="#comment" onclick="javascript: reply('auteur', 'message');">Répondre</a>

Je fais donc un lien vers ma boîte de texte (à l'aide d'un ancre), j'appelle ma fonction, et ça marche parfaitement.

Où est le problème donc ?

En fait, je n'appelle pas réellement cette fonction comme ça. J'utilise du PHP.

Code :

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

echo '<a href="#comment" onclick="javascript: reply(\'' . $data['cauthor'] . '\', \'' . $data['cmessage'] . '\');">Répondre</a>'

C'est ici que ça bloque. La seule fois où ça marche, c'est lorsqu'il n'y a pas de retour à la ligne. Le problème, c'est que ça marche absolument pas lorsqu'il y en a un.

Je ne sais pas quoi faire, j'aimerais vraiment faire un système de réponse de ce genre.

Merci d'avance si vous pouvez m'aider,

Jihnn

Edit: Y'a un problème avec le code on dirait...

[SpaceFrog]

1) mets un return false après la fonction dasn le onclick:
2) echappe la chaine en paramètre

Code :

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

echo '<a href="#comment" onclick="javascript: reply(\'' . $data['cauthor'] . '\', escape(\'' . $data['cmessage'] . '\'));return false">Répondre</a>'

[Jihnn]

Bonjour,

Premièrement, merci pour la réponse :-)

Deuxièmement, ça marche pas :-(

Code :

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

echo '<a href="#comment" onclick="javascript: reply(\'' . $data['cuser'] . '\', escape(\'' . $data['cmessage'] . '\')); return false;">Répondre</a>';

Encore une fois, ça marche pour les lignes simples, ne marche pas avec les lignes comportant un ou plusieurs sauts de ligne, mais en plus me change mes caractère en "%XX" (à cause de la fonction escape(), j'imagine).

Y a-t-il quelque chose d'autre à rajouter dans la fonction pour remettre ces "%XX" en caractères normaux ?
Toutefois, ça ne marche toujours pas avec les sauts de ligne :-(

Merci d'avance encore une fois,

Jihnn

Edit: Après une petite recherche, il y a la fonction unescape(). Par contre, toujours rien pour "échapper" les sauts de ligne :-(

[SpaceFrog]

ben fais un replace du \n par <br /> avoir des sauts de lignes html et plus javascript

[Zwiter]

remplacer \n par <br /> s'effectue avec la fonctione nl2br(string).

Apres, ton textarea accepte les sauts de lignes \n. Ca fonctionne tres bien si tu ne lui laisse faire gerer tout seul ses retours de lignes (pas de parametre wrap).
Peux tu nous montrer le code de ton textarea?
Z.

[SpaceFrog]

oui mais précison que nl2br est une fonction php, pas javascript ...
il n'existe pas de focntion tout faite en js poru faire ça, mais ça se code rapidement avec une regExp et un replace

[Jihnn]

C'est compliqué à expliquer ce truc

Je veux ajouter ce que j'ai à copier ($data['cmessage'] dans ce cas-ci) dans un champ de texte <textarea>.
Bref, pas de <br />, je dois garder mes sauts de ligne pour les voir dans le textarea lorsque le texte sera copié.

Par exemple :

Le commentaire à copier est : "Bonjour!"
Si j'appuie sur le lien Répondre, dans mon textarea, je vais voir "Bonjour!" et ça, ça marche.

Si le commentaire à copier est :
"Bonjour !

J'ai fait deux sauts de ligne !"

Ça ne marchera pas, ça va bloquer. En fait, rien ne se passe. Comme ça marche lorsqu'il y a une seule ligne, j'imagine que le problème se situe à ce niveau.

Donc tu m'as conseillé la fonction escape(). Parfait, elle fait ce qu'elle devrait faire, mais ça n'échappe pas les sauts de ligne.
J'ai essayé de convertir \n et <br /> avant l'appel de la fonction (fonction PHP nl2br), ça ne semble pas marcher non plus (donc impossible après de remplacer <br /> par \n.
Et justement, je comprends pas pourquoi la fonction nl2br ne marche pas dans ce cas-ci...

Enfin, je crois que je suis plus clair là ?

[SpaceFrog]

pas de \n dans un div ..
il faut convertir dans les deux sens

à la limite fasi un explode sur \n comme ça soit tu implodes \n ou <br />

[Jihnn]

J'ai essayé de convertir dans les deux sens, à l'aide de la fonction nl2br() de PHP. Ben, on dirait que ça ne convertit pas tout, ça ne marche pas non plus :/

Edit: En fait, j'ai l'impression que nl2br() garde le caractère de saut de ligne et ajoute tout simplement un <br />.

Edit2: Ah! nl2br() ne remplace pas TOUS les caractères de retour à la ligne (\n, \r, \n\r). Voici une fonction qui marche pour ceux ayant le même problème que moi :

Code :

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

1
2
3
4
5
6
 
function nl2br2($string)
{
	$string = str_replace(array("\r\n", "\r", "\n"), "<br />", $string);
	return $string;
}

Après, j'ai tout simplement remplacer <br /> par un \n, c'est parfait :-)

Merci pour l'aide