CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 06 02:24:02

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 966 membres
20 nouveaux aujourd'hui
15 046 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 047 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

PERSONNALISER UN FORMULAIRE

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 : 20 786

Auteur : revinc

Ecrire un message privé

Note :

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

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

CALCULS RAYNAUX V2 par Ali Bibi

VALIDATION D'UN FORMULAIRE par grarestephane

CHAT VIRTUEL par grarestephane

AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane

TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

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