balises de mises en forme...

ViPHP
ViPHP | 3607 Messages

22 mai 2006, 12:15

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:

ViPHP
ViPHP | 3607 Messages

24 mai 2006, 09:11

ya personne pour m'aider à ce que les .value change?

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

24 mai 2006, 10:52

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".

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

24 mai 2006, 10:59

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 :)

ViPHP
ViPHP | 3607 Messages

24 mai 2006, 11:52

merci pour les réponses, j'ai remplacé .value par .textContent, et ça fonctionne à merveille :D
merci encore