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 : 30911
Envois par mail : 266

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

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Sivit
Un des leaders du serveur dédié en France.
http://www.sivit.fr

Cat : Serveurs dédiés
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

65973 membres
4643 comptes CountUs
1842 comptes myCircle

LES FORUMS :

14 forums
40359 topics
191688 messages
>> Les forums

SONDAGE

La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi