Formation Google AnalyticsSavez-vous bien utiliser les outils de mesure d'audience ?
Effectuez-vous un calcul de ROI (Retour sur investissement) pour savoir comment améliorer vos campagnes emarketing ?
Savez-vous utiliser les bons outils pour booster votre taux de transformation ?
La formation Web Analytics de Ranking Metrics, présentée par un expert reconnu officiellement par Google Analytics, vous apportera les réponses à toutes vos questions !
===> Informations et inscriptions.

Javascript ajouter un nombre de champs de texte

Poster un nouveau sujet Imprimer cette discussion    Forum -> Développement d'un site Web   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
webac
WRInaute impliqué
WRInaute impliqué

Inscrit le: 04 Mar 2005
Messages: 322
Localisation: Ile de France

URL permanente de ce messagePosté le : Mer Nov 21, 2007 22:58    Sujet du message: Javascript ajouter un nombre de champs de texte

Bonsoir,

Je souaite générer un nombre donné de champs de texte automatiquement je m'explique :

j'ai un champs quantité et un champs N° de serie je souhaite créer autant de champs n° de serie que la valeur du champs quantité.


j'ai trouvé ce script que j'ai bidouillé mais je n'arrive pas à générer le nombre souhaité de champs merci de m'éclairer.

Code:
<form name=frm method=post action=page.ext>
<label></label>
<Div ID=saisies> Produit
  <input type=text name=P1>
   Quantité
   <select name="QTE" id="QTE">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
  </select>
  N°de serie
  <input type=text name=SER1>
  <input type=Button value="OK" onclick=Ajouter() />
</Div>
</Form>
<script>

var qte = document.frm.QTE.value;
var nlignes = 1;
function Ajouter(){
nlignes++
if(nlignes>=11){return false;}
saisies.insertAdjacentHTML('BeforeEnd','<BR>N° Serie '+nlignes+' <input type=text name=SER'+nlignes+'>');
};
</script>
 
 
webac Visiter le site web du posteur
YoyoS
WRInaute accro
WRInaute accro

Inscrit le: 14 Sep 2006
Messages: 2379

URL permanente de ce messagePosté le : Jeu Nov 22, 2007 0:37    Sujet du message: Javascript ajouter un nombre de champs de texte

Une bouclette en php ? Mr. Green Désolé j'ui une brelle en javascript, je sors Very Happy
 
YoyoS Visiter le site web du posteur
julienr
WRInaute passionné
WRInaute passionné

Inscrit le: 05 Aoû 2003
Messages: 691

URL permanente de ce messagePosté le : Jeu Nov 22, 2007 13:51    Sujet du message: Javascript ajouter un nombre de champs de texte

je pense que document.frm.QTE.value ne va pas pour un select
Code:
var qte = document.frm.QTE.options[document.frm.QTE.selectedIndex].value


ensuite il te faut en effet une boucle
Code:
for( i=0; i<qte; i++ ) {
...
}
 
julienr Visiter le site web du posteur
webac
WRInaute impliqué
WRInaute impliqué

Inscrit le: 04 Mar 2005
Messages: 322
Localisation: Ile de France

URL permanente de ce messagePosté le : Jeu Nov 22, 2007 14:32    Sujet du message: Javascript ajouter un nombre de champs de texte

ok je suis pas expert en javascript mais ce petit bout de code fonctionne quasiment comme je le souhaite pour ceux que ça interesse voici mon code :

Code:
<html>
<head></head>
<body>
<form name=frm method=post action=page.ext>
<div id=saisies> Produit
  <input type=text name=P1>
   Quantité
   <input name=QTE type=text id="QTE" size="3" maxlength="2">
  N°de serie
  <input type=text name=SER>
  <input type=Button value="Ajouter les champs" onclick=Ajouter() />
</Div>
</Form>
<script>
var nlignes = 1;
function Ajouter(){
for(nlignes=1;nlignes<=document.frm.QTE.value-1;nlignes++){
var donnee=document.getElementById("P1").value ;
saisies.insertAdjacentHTML('BeforeEnd','<BR>Produit <input type=text name=P'+nlignes+' value='+donnee+'>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
N°de serie <input type=text name=SER'+nlignes+'>');
};
};
 
</script>
</body>
</html>


Merci pour la piste julienr
 
webac Visiter le site web du posteur
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Développement d'un site Web Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1 - 
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort