PERSONNALISER UN FORMULAIRE , Source N°16027

Information sur la source

Catégorie :Formulaire Niveau : Débutant Date de création : 14/02/2003 Date de mise à jour : 16/02/2003 16:39:29 Vu : 18 819

Auteur : revinc

Ecrire un message privé

Note :

10,00 / 10

1
2
3
4
5
6
7
8
9
10

Commentaire sur cette source (6)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Si vous avec un forum ou un chat ou tout autre script de ce type, afin que l'internaute puisse prévisualiser ce qu'il va envoyer... La capture d'écran vaut mieux qu'un long discours...

Source

<html>
<head>
<title>Personnaliser un formulaire</title>
<script>
function style_1(couleur) {
document.formulaire.couleur.value = couleur;
document.all["message"].style.color = "#"+ couleur;
}
function style_2() {
if(!formulaire.message.style.fontWeight) {
formulaire.message.style.fontWeight = "bold";
} else {
formulaire.message.style.fontWeight = "";
}
}
function style_3() {
if(!formulaire.message.style.fontStyle) {
formulaire.message.style.fontStyle = "italic";
} else {
formulaire.message.style.fontStyle = "";
}
}
function style_4() {
if(!formulaire.message.style.textDecoration) {
formulaire.message.style.textDecoration = "underline";
} else {
formulaire.message.style.textDecoration = "";
}
}
function focus() {
// Donne le focus au champ message du formulaire
document.formulaire.message.focus()
}
</script>
</head>
<body>
<form method="post" name="formulaire">
<input type="hidden" name="couleur">
<input type="text" name="message">      <input name="soumettre" type="submit" value="Envoyer">
<br><br>
<table cellpadding=5 cellspacing=0>
<tr>
<td>
<table cellpadding=2 cellspacing=0>
<tr>
<td>
Couleur du texte :
</td>
<td width=2>
</td>
<td>
<acronym title="Noir"><a href="javascript:style_1('000000')" style="background-color : #000000">   </a></acronym>
</td>
<td>
<acronym title="Bleu"><a href="javascript:style_1('0000ff')" style="background-color : #0000ff">   </a></acronym>
</td>
<td>
<acronym title="Rouge"><a href="javascript:style_1('ff0000')" style="background-color : #ff0000">   </a></acronym>
</td>
<td>
<acronym title="Vert"><a href="javascript:style_1('00ff00')" style="background-color : #00ff00">   </a></acronym>
</td>
<td width=25 align="center">
?
</td>
<td>
Gras :
</td>
<td>
<input type=checkbox name="gras" value=1 onclick="style_2()">
</td>
<td width=25 align="center">
?
</td>
<td>
Italique :
</td>
<td>
<input type=checkbox name="italique" value=1 onclick="style_3()">
</td>
<td width=25 align="center">
?
</td>
<td>
Souligné :
</td>
<td>
<input type=checkbox name="souligne" value=1 onclick="style_4()">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<script>
focus();
</script>
</body>
</html>

<html>
<head>
<title>Personnaliser un formulaire</title>
<script>
function style_1(couleur) {
document.formulaire.couleur.value = couleur;
document.all["message"].style.color = "#"+ couleur;
}

function style_2() {

if(!formulaire.message.style.fontWeight) {
formulaire.message.style.fontWeight = "bold";
} else {
formulaire.message.style.fontWeight = "";
}

}

function style_3() {

if(!formulaire.message.style.fontStyle) {
formulaire.message.style.fontStyle = "italic";
} else {
formulaire.message.style.fontStyle = "";
}

}

function style_4() {

if(!formulaire.message.style.textDecoration) {
formulaire.message.style.textDecoration = "underline";
} else {
formulaire.message.style.textDecoration = "";
}

}

function focus() {
// Donne le focus au champ message du formulaire
document.formulaire.message.focus()
}
</script>
</head>
<body>
<form method="post" name="formulaire">
<input type="hidden" name="couleur">
<input type="text" name="message">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="soumettre" type="submit" value="Envoyer">
<br><br>
<table cellpadding=5 cellspacing=0>
 <tr>
  <td>
<table cellpadding=2 cellspacing=0>
 <tr>
  <td>
Couleur du texte :
  </td>
  <td width=2>
  </td>
  <td>
<acronym title="Noir"><a href="javascript:style_1('000000')" style="background-color : #000000">&nbsp;&nbsp;&nbsp;</a></acronym>
  </td>
  <td>
<acronym title="Bleu"><a href="javascript:style_1('0000ff')" style="background-color : #0000ff">&nbsp;&nbsp;&nbsp;</a></acronym>
  </td>
  <td>
<acronym title="Rouge"><a href="javascript:style_1('ff0000')" style="background-color : #ff0000">&nbsp;&nbsp;&nbsp;</a></acronym>
  </td>
  <td>
<acronym title="Vert"><a href="javascript:style_1('00ff00')" style="background-color : #00ff00">&nbsp;&nbsp;&nbsp;</a></acronym>
  </td>
<td width=25 align="center">
?
  </td>
  <td>
Gras :
  </td>
  <td>
<input type=checkbox name="gras" value=1 onclick="style_2()">
  </td>
  <td width=25 align="center">
?
  </td>
  <td>
Italique :
  </td>
  <td>
<input type=checkbox name="italique" value=1 onclick="style_3()">
  </td>
  <td width=25 align="center">
?
  </td>
  <td>
Souligné :
  </td>
  <td>
<input type=checkbox name="souligne" value=1 onclick="style_4()">
  </td>
 </tr>
</table>
  </td>
 </tr>
</table>
</form>
<script>
focus();
</script>
</body>
</html>

Sources du même auteur

Toutes les sources de revinc

Sources de la même categorie

Toutes les sources de la catégorie Formulaire

Commentaires

Commentaire de mdelteil le 15/02/2003 12:25:18

JE crois qu'il y a eu gourance... ce n'est pas le bon script
Commentaire de revinc le 16/02/2003 16:38:42

euh ouais c pas faux.
je remets ca en ordre
Commentaire de jefftremblay20 le 19/11/2004 02:09:31

Nice !

ça ressemble à ce que je cherche...

Est-il possible de faire la modification seulement sur une partie du texte
par exemple la partie sélectionné !

merci
Commentaire de smekone le 10/04/2007 17:40:24

il marche pas.....
+ d'explication svp
Commentaire de smekone le 27/04/2007 11:48:27

merci
Commentaire de origamiste le 14/11/2007 21:45:19

Intéressant comme code. Merci et bravo pour ce joli travail.