Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Générateur d'input

Script posté par :

sheirkus - (Site : sheirkus website)
Vous aussi, postez vos scripts en cliquant ici.

Description

Ce script permet de créer des formulaires du type input avec pas mal de détails modulables

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 25/04/2006
Dernière modif : -
Visites de la page : 21062
Envois par mail : 223

Exemple :

> type du formulaire
> texte
>action JavaScript - faire un lien
> couleur du texte
> couleur d'arrière plan
> bordure :
> police
> curseur

Le code :

Entre <BODY> et </BODY> :

<form name="form" id='form1'>
        <p align="left"><select name="type"  style="width:155px">
            <option value="text">texte</option>
            <option value="button">boutton</option
										   >
            <option value="checkbox">checkbox</option>
            <option value="radio">boutton radio</option>
            <option value="password">mot de passe</option>
            <option value="file">boutton parcourir</option>
          </select>
          
          &gt;
          type du formulaire<br/>
          <input type="text" name="valeur"  style="width:150px"/>
          &gt; texte 
 <br/>
 <input type="text" name="action" onclick="if (this.value=='NaN') this.value=''"  style="width:150px" />
 &gt;action JavaScript - <input type="checkbox" onclick="lier()" id="check"/><label for="check">faire un lien</label>
 <br/>
 <script>
 function lier () {
 document.form.action.value = (document.getElementById('check').checked==false)? document.form.action.value='':document.form.action.value ='location.href=\" \"'}
   </script>
 <select name="couleur"   style="width:155px">
            <option value="black">noir</option>
            <option value="red">rouge</option>
            <option value="purple">violet</option>
            <option value="magenta">magenta</option>
            <option value="pink">rose</option>
            <option value="navy">bleu marine</option>
            <option value="blue">bleu</option>
            <option value="cyan">cyan</option>
            <option value="skyblue">bleu ciel</option>
            <option value="coral">corail</option>
            <option value="teal">turquoise</option>
            <option value="tan">ocre</option>
            <option value="orange">orange</option>
            <option value="gold">or</option>
            <option value="yellow">jaune</option>
            <option value="green">vert foncé</option>
            <option value="seagreen">vert</option>
            <option value="silver">gris</option>
            <option value="lightgrey">gris clair</option>
            <option value="brown">marron</option>
            <option value="white">blanc</option>
          </select>
 &gt;
          couleur du texte<br/>
          <select name="bgcouleur" style="width:155px">
		    <option value="inherit">aucune</option>
            <option value="white">blanc</option>
            <option value="red">rouge</option>
            <option value="purple">violet</option>
            <option value="magenta">magenta</option>
            <option value="pink">rose</option>
            <option value="navy">bleu marine</option>
            <option value="blue">bleu</option>
            <option value="cyan">cyan</option>
            <option value="skyblue">bleu ciel</option>
            <option value="coral">corail</option>
            <option value="teal">turquoise</option>
            <option value="tan">ocre</option>
            <option value="orange">orange</option>
            <option value="gold">or</option>
            <option value="yellow">jaune</option>
            <option value="green">vert foncé</option>
            <option value="seagreen">vert</option>
            <option value="silver">gris</option>
            <option value="lightgrey">gris clair</option>
            <option value="brown">marron</option>
            <option value="black">noir</option>
          </select>
          &gt;
          couleur d'arri&egrave;re plan<br/>
          <select name="bordure"   style="width:155px">
            <option value="hidden">normale</option>
            <option value="dashed">pointillés 1</option>
            <option value="dotted">pointillés 2</option>
            <option value="double">double</option>
            <option value="groove">rainures</option>
            <option value="inset">interieur</option>
            <option value="outset">éxterieur</option>
            <option value="ridge">épaisse</option>
            <option value="none">aucune</option>
          </select>
          &gt; bordure :<br/>
          <input type="text" name="police" style="width:150px" value="Arial" onfocus="this.select()">
          <select name="potaille" style="width:60px">
            <option value="8px">8px</option>
            <option value="10px">10px</option>
            <option value="12px" selected="selected">12px</option>
            <option value="14px">14px</option>
            <option value="16px">16px</option>
            <option value="18px">18px</option>
            <option value="20px">20px</option>
            <option value="24px">24px</option>
            <option value="36px">36px</option>
            <option value="48px">48px</option>
            <option value="72px">72px</option>
            <option value="116px">116px</option>
          </select>
          &gt; police<br/>
          <select name="curseur"   style="width:155px">
            <option value="default">normal</option>
            <option value="pointer">main (lien)</option>
            <option value="text">texte</option>
            <option value="crosshair">crosshair</option>
            <option value="help">point d'interrogation</option>
            <option value="wait">sablier</option>
            <option value="move">positionnement</option>
            <option value="e-resize">positionnement horizontal</option>
            <option value="n-resize">positionnement vertical</option> 
          </select>
          &gt; curseur <br/>
          <input type='button' onclick='button()' value="générer" style="width:155px; height:30px"/>
</form>
  <script>
    function button ()
  {
document.frm.textarea.value += "<input type='"+document.form.type.options[form.type.selectedIndex].value+"' name='monbutton' value='"+document.form.valeur.value+"' style='color:"+document.form.couleur.options[form.couleur.selectedIndex].value+"; background-color:"+document.form.bgcouleur.options[form.bgcouleur.selectedIndex].value+";border:"+document.form.bordure.options[form.bordure.selectedIndex].value+";font-family:"+document.form.police.value+";font-size:"+document.form.potaille.options[form.potaille.selectedIndex].value+";cursor:"+document.form.curseur.value+"' onclick='"+document.form.action.value+"'/>"
  }
  </script>

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De corentinf - le 25-11-2006

J'ai recontré une ereur dans ce script: Au niveau du textaea il y a l'erreur "objet attendu". Pour corriger cette erreur, supprimez juste les évènements

onfocus=codecreat(this.value)

onblur=codecreat(this.value)

onkeyup=codecreat(this.value)

De sanannuaires - le 23-11-2008

meme quand on supprimez les

onfocus=codecreat(this.value)
,
onblur=codecreat(this.value)
et
onkeyup=codecreat(this.value)

ca ne marche pas

>> Poster une annotation sur ce script

19 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Internet services
Internet Services offre de nombreux services gratuits et de très bonne qualité pour dynamiser votre site Web ! Forums, chats, livre d'or, etc ...
http://www.i-services.net

Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

56132 membres
8368 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi