L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
109179 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Activeartanima...
     Gifs animés, f...
     L'écriteau
     Le village de ...
     Je javascript
     Easy-script.com
     Trucs et astuc...
     Les javascripts
     Web creation ...
     K i s s design
     Les autres
     Votre site ici ?


Ajouter un champ supplémentaire à votre formulaire

Script posté par :

BackInBiz - (Site : Elie's Homepage)
Vous aussi, postez vos scripts en cliquant ici.


Description

Ajouter facilement un nouveau champ à votre formulaire en cliquand sur un lien/bouton.
Dans l'exemple le nombre de champs supplémentaire et bridé à 11.


Compatibilité :

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


Chiffres :

Date de création : 29/03/2006
Dernière modif : -
Visites de la page : 27440
Envois par mail : 454


Exemple :




Ajouter un champs


Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


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 azgard - le 06-06-2007
Bonjour.

Merci pour ce petit script qui marche bien.

Comment faire pour qu'au lieu d'une case, il y en ai trois par ligne, et qu'à chaque fois ça en rajoute trois au dessous, le tout ordonné dans un tableau (un input par cellule)?

J'ai essayé d'arranger le code pour l'obtenir mais je n'y suis pas vraiment parvenu.
Je serais bien content d'avoir la solution, bonne journée !
De hello-celine - le 23-06-2008
Comment on pourrait faire pour supprimer un champ ? (je ne veux pas utiliser "display:none", car il ne va juste faire disparaître le champ en laissant une "espace" avec le bouton de validation)
De hello-celine - le 23-06-2008
Pour info, j'ai trouvé ma solution pour retirer un champ sans laisser un espace :
document.getElementById(nomDeVotreDiv).style.display = "none";
De sloat - le 06-02-2009
j'ai modifier le script pour l'adapter a mon site, mais sur IE ça ne marche pas.

il genere bien les premiers champ, puis ensuite il y a une erreur de script.

voici le head
<script>
<!--
function create_champ(i) {

var i2 = i + 1;

document.getElementById('nom_cote_'+i).innerHTML = '<p><input name="nom_cote0'+i+'" type="text" ></span><span id="nom_cote_'+i2+'"></span>';
document.getElementById('regle_cote_'+i).innerHTML = '<p><input name="regle_cote0'+i+'" type="text" ></span><span id="regle_cote_'+i2+'"></span>';
document.getElementById('ajout_cote_'+i).innerHTML = '<p></span>';
document.getElementById('ajout_cote_'+i).innerHTML += (i <= 5) ? '<p><span id="ajout_cote_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a></span>' : '';

}

//-->
</script>
De momad - le 30-03-2009
merci pour cette bon script
ya-il un moyen de me permetre de créer seulement un champ a chaque clique j'essai le faire mais sont resutlat
et merci d'avance
De rozalina - le 28-04-2009
salut
J’essais de construire mes champs de manier dynamique avec cette méthode qui est parfait
Mais le problème comment récupérer ces champs et le nombre des champs dépend de l'utilisateur

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Cegetel
Fournisseur d'acces ADSL
http://www.cegetel.fr/
Cat : Haut débit
Voir l'annuaire webmaster


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

     LES MEMBRES :
58335 membres
9460 comptes CountUs
1622 comptes myCircle

     LES FORUMS :
14 forums
39658 topics
190131 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par Xenon_54
Avez-vous plusieurs comptes sur divers réseaux de messenger ? Trillian propose un logiciel pouvant gérer 5 réseaux différents: ICQ, MSN, Yahoo, AIM et IRC. Gratuit, il vous permettra de regrouper vos comptes sur une même interface. Adoptez-le! http://www.trillian.cc/products/overview_basic.php
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 04/07/2009 13:41:45 | Design by | Gen. en 0.45 sec.