Mise en forme de texte dans un formulaire HTML

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Mise en forme de texte dans un formulaire HTML

Profil supprimé

Salut,

J'essaye de permettre a l utilisateur de personaliser son texte dans un formulaire qui est a la base en HTML.
D'apres ce que j'ai compris, il y a plusieurs facon de s'y prendre. PHP/Javascript... avec balises, ou alors comme un vrai editeur.
Le PHP je connais un peu mais le javascript pas du tout. Il me semble que c'est plus simple avec les boutons inserant des balises dans le formulaire, mais je ne sais pas comment faire le lien entre le bouton qui ne rechargera pas la page et l insertion de balises dans le formulaire avec placement du curseur entre les deux.
J'aimerais le faire moi-meme histoire d'apprendre donc
Pouvez-vous m expliquer les differences entre toutes les options et peut etre m'indiquer un bon tuto?

Merci

Publicité

Profil supprimé

En essayant de jouer un peu avec javascript, que je ne connais pas du tout, je suis arrive au code suivant:

Code :

function clicboutton(form_de_test, style)
{
var str = "<"+style+"></"+style+">";
document.form_de_test.boite_de_texte.value="ca marche : "+str
}

Code :

<FORM NAME="form_de_test">
<INPUT type=text size=30 name="titre" value="">
<textarea cols="50" rows="10" name="boite_de_texte" ></textarea>
<INPUT TYPE="button" NAME="bouton" VALUE="G" onClick="clicboutton(form_de_test, "b" )">
<INPUT TYPE="button" NAME="bouton" VALUE="S" onClick="clicboutton(form_de_test, "u" )">
<INPUT TYPE="button" NAME="bouton" VALUE="I" onClick="clicboutton(form_de_test, "i" )">
<INPUT TYPE="button" NAME="bouton" VALUE="Centrer" onClick="clicboutton(form_de_test, "center" )">
</FORM>

Cependant, je n'arrive a faire fonctionner ce code que si je ne passe pas l'argument "x" par l evenement onclick et que la fonction clicboutton ne prend qu'un argument comme ceci:

Code :

function clicboutton(form_de_test)
{
var style = "b";
var str = "<"+style+"></"+style+">";
document.form_de_test.boite_de_texte.value="ca marche : "+str
}
...
<INPUT TYPE="button" NAME="bouton" VALUE="G" onClick="clicboutton(form_de_test)">

Je n'arrive pas a comprendre pourquoi le code du dessus ne marche-t'il pas? Le onclick lie aux bouttons de formulaires est il limite a un seul argument?

Merci

mvdp

Javascript:
changer "clicboutton(form_de_test, "b" )" en "clicboutton(form_de_test, 'b' )"
Ce qui veut dire: appliquer la fonction clicboutton avec les variables form_de_test, 'b'

Dans ton javascript tu récupère ces variables:
function clicboutton(form_de_test) donc ici tu ignore le deuxième
faudra mettre function clicboutton(var1,var2)
On peut en mettre autant qu'on veut...

Ensuite tu te bourre dans
var str = "<"+style+"></"+style+">";
document.form_de_test.boite_de_texte.value="ca marche : "+str
1. ce que tu mets revient à écrire ca marche: <B></B> donc ca ne fonctionne pas
2. dans textarea les balises html ne fonctionnent pas

Pour changer so mise en page il faut directement changer le style de textarea....

Code :

<script>
function clicboutton(form_de_test,mef)
{
var styl=mef //récuperer dans styl la valeur de mef
var p = document.form_de_test.boite_de_texte;
switch (styl){
case "b": {p.style.fontWeight = "bold"; break}
case "u": {p.style.textDecoration = "underline"; break}
case "i": {p.style.fontStyle= "italic"; break}
case "center" : {p.style.textAlign= "center"; break}
default:
//Instruction_par_défaut
break;
}
}
</script>

Code :

<br> <FORM NAME="form_de_test">
<br> <INPUT type=text size=30 name="titre" value="">
<br> <textarea cols="50" rows="10" name="boite_de_texte" >Texte dans textarea</textarea>
<br> <INPUT TYPE="button" NAME="bouton" VALUE="G" onClick="clicboutton(form_de_test, 'b')">
<br> <INPUT TYPE="button" NAME="bouton" VALUE="S" onClick="clicboutton(form_de_test, 'u' )">
<br> <INPUT TYPE="button" NAME="bouton" VALUE="I" onClick="clicboutton(form_de_test, 'i' )">
<br> <INPUT TYPE="button" NAME="bouton" VALUE="Centrer" onClick="clicboutton(form_de_test, 'center' )">
</FORM>

lorem

Salut tt le monde,

Par zazar, quelle serait la petite ligne de code pour réinitialiser ????

:sarcastic:

zezette

"Allez hop, au revoir"

Et pour mettre en forme juste une partie (sélectionnée) dans le textarea ? C'est faisable ?

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

FORUM HardWare.fr

Programmation

HTML/CSS

Mise en forme de texte dans un formulaire HTML

Sujets relatifs
Texte coupé dans un textarea	[html] forcer à 100% la hauteur d'une image sous FF
[VBS] Inserer du texte dans un textarea ?	Exporter données dans une page html
[PHP/MsSQL] Mise en forme de date	VBA [Résolu] Placer du texte obtenu par VBA dans un formulaire Outlook
Affichage de zone de texte.	mise en page à l'aide de div
Plus de sujets relatifs à : Mise en forme de texte dans un formulaire HTML

Page générée en 0.063 secondes