Javascript ajouter des champs de saisie.
Fermé
Lazarey
Messages postés
3231
Date d'inscription
vendredi 3 novembre 2006
Statut
Membre
Dernière intervention
21 mai 2012
-
16 mai 2008 à 16:26
kwala - 5 juin 2012 à 10:32
kwala - 5 juin 2012 à 10:32
A voir également:
- Javascript ajouter des champs de saisie.
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Le fichier contient le nombre de voyageurs dans 3 gares. dans la cellule b5, saisissez une formule qui calcule le total et se met à jour si on change une valeur du tableau. quel total obtenez-vous ? quelle formule avez-vous saisie ? ✓ - Forum Excel
- Telecharger javascript - Télécharger - Langages
- Test de recrutement opérateur de saisie ✓ - Forum Études / Formation High-Tech
- Javascript round ✓ - Forum Javascript
4 réponses
alexdelareunion
Messages postés
544
Date d'inscription
dimanche 18 mars 2007
Statut
Membre
Dernière intervention
24 février 2012
142
16 mai 2008 à 17:15
16 mai 2008 à 17:15
<html>
<head>
<script type="text/javascript">
var c,c2, ch1, ch2;
// ajouter un champ avec son "name" propre;
function plus(){
c=document.getElementById('cadre');
c2=c.getElementsByTagName('input');
ch1=document.createElement('input');
ch2=document.createElement('input');
ch1.setAttribute('type','text');
ch1.setAttribute('name','ch1'+c2.length);
ch1.setAttribute('readonly','readonly');
ch1.setAttribute('value', 'etiquette'+c2.length/2);
ch1.setAttribute('style','border:none');
ch2.setAttribute('type','text');
ch2.setAttribute('name','ch2'+c2.length);
c.appendChild(ch1);
c.appendChild(ch2);
document.getElementById('sup').style.display='inline';
}
// supprimer le dernier champ;
function moins(){
if(c2.length>0){
c.removeChild(c2[c2.length-1]);
c.removeChild(c2[c2.length-1]);
}
if(c2.length==0){document.getElementById('sup').style.display='none'};
}
</script>
</head>
<body>
<form id="frm" action="">
<div id="cadre" style="margin-left:100px;width:200px">
</div>
<p>
<input type="button" value="ajouter un champ" onclick="plus()" />
<input type="button" style="display:none" id="sup" value="supprimer un champ" onclick="moins()" />
</p>
</form>
</body>
</html>
C'est un début, mais pour la mise en page c un peu la merde
alexdelareunion
Messages postés
544
Date d'inscription
dimanche 18 mars 2007
Statut
Membre
Dernière intervention
24 février 2012
142
16 mai 2008 à 17:26
16 mai 2008 à 17:26
Lignes 14 à 18 : c'est mieux comme ça (joue avec le nombre de px pour augmenter ou reduire l'espace entre les champs)
ch1.setAttribute('type','text');
ch1.setAttribute('name','ch1'+c2.length);
ch1.setAttribute('readonly','readonly');
ch1.setAttribute('value', 'etiquette'+c2.length/2);
ch1.setAttribute('style','border:none; margin-top:10px;');
Lazarey
Messages postés
3231
Date d'inscription
vendredi 3 novembre 2006
Statut
Membre
Dernière intervention
21 mai 2012
742
16 mai 2008 à 17:30
16 mai 2008 à 17:30
Que dire à part un énorme et un grand merci !!!!!!
Ca fonctionne nikel.!!!!!
Je vais me débrouiller pour faire la mise en forme.
Merci encore et à bientôt.
Ca fonctionne nikel.!!!!!
Je vais me débrouiller pour faire la mise en forme.
Merci encore et à bientôt.