begin process at 2012 05 27 19:37:53
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > PERSONNALISER UN FORMULAIRE

PERSONNALISER UN FORMULAIRE


 Information sur la source

Note :
10 / 10 - par 2 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :14/02/2003 Date de mise à jour :16/02/2003 16:39:29 Vu :24 308
Auteur : revinc

Ecrire un message privé
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">&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>
<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

Source avec une capture METTRE UN LIEN EN RELIEF AU PASSAGE DE LA SOURIS
METTRE UNE IMAGE EN RELIEF AU PASSAGE DE LA SOURIS
LES NOMBRES PREMIERS
Toutes les sources de revinc

 Sources de la même categorie

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture FORMULAIRE DYNAMIQUE par Niidhogg
Source avec Zip Source avec une capture CONTRAINTE DE SAISIE SUR CHAMPS INPUT par ryosama
SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Toutes les sources de la catégorie Formulaire

Commentaires et avis

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 10/10

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

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,421 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)