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
     XooIt

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

MailingList :
113332 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
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Gifs animés, f...
     Le village de ...
     Easy-script.com
     Poésie et cita...
     Je javascript
     Créer son site...
     K i s s design
     Electroniq...
     Web creation ...
     L'écriteau
     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 : 32296
Envois par mail : 490


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.
Wipub
Plateforme d'affiliation. Beaucoup de petits programmes qui peuvent etre interessants.
http://www.wipub.com/
Cat : Affiliation - publicité
Voir l'annuaire webmaster


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

     LES MEMBRES :
60932 membres
7577 comptes CountUs
1709 comptes myCircle

     LES FORUMS :
14 forums
39902 topics
190795 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par cocker
Utilisez l'outil Spywords.com qui est gratuit. Il permet de faciliter le référencement de vos pages dans les moteurs de recherche.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 09/02/2010 17:15:45 | Design by | Gen. en 0.48 sec.