Page 1 sur 1

balises de mises en forme...

Posté : 22 mai 2006, 12:15
par jojolapine
bonjour à tous,
je suis en train de faire un petit bout de forum, et je veux mettre des boutons de mise en forme comme je les vois actuellement au dessus du text area...
voici ce que j'ai fait...

Code : Tout sélectionner

<p> <b onClick="if(this.value=='[Gras]') {document.getElementById('emoticone_1').value+='[/gras]'} else {document.getElementById('emoticone_1').value+='[gras]';}; if(this.value=='[Gras]') {this.value='[Gras]*';} else {this.value='[Gras]';}; document.getElementById('emoticone_1').focus()" >[Gras]</b> <i onClick="if(this.value=='[Italique]') {document.getElementById('emoticone_1').value+='[/italique]'} else {document.getElementById('emoticone_1').value+='[italique]'}; if(this.value=='[Italique]') {this.value='[Italique]*'} else {this.value='[Italique]'};document.getElementById('emoticone_1').focus() ;" >[Italique]</i> <u onClick="if(this.value=='[Souligne]') {document.getElementById('emoticone_1').value+='[/souligne]'} else {document.getElementById('emoticone_1').value+='[souligne]'}; if(this.value=='[Souligne]') {this.value='[Souligne]*'} else {this.value='[Souligne]'};document.getElementById('emoticone_1').focus() ;" >[Souligne]</u> <span onClick="if(this.value=='[Quote]') {document.getElementById('emoticone_1').value+='[/quote]'} else {document.getElementById('emoticone_1').value+='[quote]'}; if(this.value=='[Quote]') {this.value='[Quote]*'} else {this.value='[Quote]'};document.getElementById('emoticone_1').focus() ;" >[Quote]</span></p>
ça marche à peu près, voila ce qui ne va pas:
le contenu des balises n'est pas modifié comme c'est le cas içi avec une petite étoile pour dire que la balise est ouverte...
ensuite, j'aimerai savoir comment vous faites pour fermer tte les balises non fermée lors de la soumission..
si vous pensez que c'est plus facile de reprendre le code de phpBB, dite le moi mais j'ai regardé le source de cette page, et je comprend rien à toutes ces fonctions... :cry:

Posté : 24 mai 2006, 09:11
par jojolapine
ya personne pour m'aider à ce que les .value change?

Posté : 24 mai 2006, 10:52
par naholyr
Tu as des éléments "b", "i", "u", "span", etc... l'attribut "value" est inconnu pour ces éléments !
Seuls les éléments "input" ont un attribut "value".

Posté : 24 mai 2006, 10:59
par Ryle
Utilise effectivement plutôt .textContent à la place de .value... Ou bien comme ici, utilise des boutons (input type="button") pour pouvoir en changer la valeur via .value.

Tu peux définir le style du texte affiché (gras, italique, ...) et la largeur avec un peu de css :)

Posté : 24 mai 2006, 11:52
par jojolapine
merci pour les réponses, j'ai remplacé .value par .textContent, et ça fonctionne à merveille :D
merci encore