begin process at 2012 02 14 04:56:45
  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 112
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 BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow
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...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
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 : 7,082 sec (4)

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)