Discussion :

[dimainfo]

bonjour a tous ,
les amis j'ai un probleme genre je suis entrain de creer une petite application de chat et je veux ajouter les boutons 'Gras ,Italique,souligné'....etc
et là j'arrive pas a metre mon texte en gras dans la zone de texte j'ai essayé ceci par exemple

echo "<br>"." hello world "."</br>"

mais les balises ne sont pas reconnu , avez vous une idée sur mon probleme ? et merci .

[Amara]

<br> c'est la balise saut de ligne, pour mettre en gras c'est <b>

[dimainfo]

excuse moi je voulais dire <b> mai ca ne marche pas

[Petibidon]

Si par "zone de texte" tu veux dire bloc textarea ou même un input, c'est normal, ces zones sont faites pour afficher le texte brut.

[dimainfo]

alors comment faire pour que mon texte devienne en gras par exemple en cliaquant sur un boutton ?

[Petibidon]

L'afficher hors d'une zone textarea ou input

[dimainfo]

moi je veux realiser une petite application de chat ce qui fais mes messages que j'ai ecris en gras doivent figurer en gras dans mon textarea apres biensur l'insertion dans la base de donnée ,c'est a dire le probleme c'est comment l'afficher en gras en provenance de la base !!!

[morgan47]

regarde du coté de fckeditor ou tinymce

[spooffi]

essaie TINYMCE/ pour un formatage 100% sophistiqué!

[firehist]

Bonjour,

Si c'est pour une application de chat, je te conseille d'utiliser une balise div pour afficher les messages.

Code :

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

<div id="chat"></div>

Ensuite tu écris une fonction en JavaScript qui va écrire dans cette div grâce à la propriété innerHTML.

Code :

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

1
2
3
4
5
 
function envoyerTexte(txt) {
var a = document.getElementById('chat');
a.innerHTML = a.innerHTML + '<ta mise en page>' + txt;
}

Sachant que innerHTML remplace le code HTML de la balise div, dans ce cas là les balise <b>, <i>, etc. seront pris en compte.

Tu peux aller voir sur ce lien, cela pourrai peut être t'aider.
https://developer.mozilla.org/fr/DOM:element.innerHTML

Le lien vers "TINYMCE/" est un éditeur wysiwyg, c'est à dire ça imite Microsoft Word ou OpenOffice Writer, c'est plutôt pour la partie de l'envoi du message, mais est-ce vraiment nécessaire pour un chat? à toi de voir.

[smpinf]

bonjour!!
A ta place je jouerais sur le style de mon champs de texte donc j'utiliserais du css, donc tu peux faire simple comme suit:

<input type="text" name="textfield2" id="textfield" style="font-weight:bold" />

smpinf

[sachav]

Problème, ceci mettra toute la zone de texte en gras...

[firehist]

Le mieux est d'utiliser soit un simple <input type="text"> pour la barre d'envoi de tes messages ou d'intégrer un éditeur wysiwyg (FCKeditor etc. mais je trouve ca lourd), tu peut également utiliser du BBCode du style avec des balises [enGras][/enGras] etc.

Et une balise div pour le contenu du chat, qui pourra afficher en gras/couleur/souligné, etc.