A voir également:
- Ajouter champs text dynamiquement
- Sms to text - Télécharger - Sauvegarde
- Ajouter liste déroulante excel - Guide
- Ajouter signature word - Guide
- Ajouter à l'écran d'accueil iphone - Guide
- Impossible d'ajouter un ami sur facebook - Guide
5 réponses
Salut, bon ben c'est pas trop dur regarde l'exemple suivant.
Bon, ceci est un petit code qui permet d'ajouter des champs texte, j'ai fixé une taille limite a 9 champs texte. Le code est simple est paramètrable.
A+
Gaerebut
<html>
<head>
<script type="text/javascript">
function create()
{
var compteur = document.getElementById('compteur');
var fields = document.getElementById('fields');
var error = document.getElementById('error');
if(compteur.value < 9)
{
++compteur.value;
fields.innerHTML += "<input type='text' name='text" + compteur.value + "' value='Champ numéro " + compteur.value + "' /><br />";
}
else
{
error.innerHTML = "<font color=red>Vous ne pouvez pas avoir plus de 9 champs</font>";
}
}
</script>
</head>
<body>
<div onclick="create()" style="cursor:pointer; text-decoration: underline;">Ajouter un champ texte</div>
<br />
<form action="#" method="post" id="fields">
<input type="text" name="text1" value="Champ numéro 1" />
<br />
</form>
<div id="error" style="color: red; font-weight: bold"></div>
<input type="hidden" id="compteur" value="1" />
</body>
</html>
Bon, ceci est un petit code qui permet d'ajouter des champs texte, j'ai fixé une taille limite a 9 champs texte. Le code est simple est paramètrable.
A+
Gaerebut
En fait, tu veux qu'à chaque fois que tu ajoutes un champ, le champ précédent passe en dessous pour ne laisser en premier que le champ vide. Est-ce cela ?
Ha ok !
J'ai changé juste une ligne mais je remet tout quand même :
A+
Gaerebut
J'ai changé juste une ligne mais je remet tout quand même :
<html>
<head>
<script type="text/javascript">
function create()
{
var compteur = document.getElementById('compteur');
var fields = document.getElementById('fields');
var error = document.getElementById('error');
if(compteur.value < 9)
{
++compteur.value;
fields.innerHTML = "<input type='text' name='text" + compteur.value + "' value='Champ numéro " + compteur.value + "' /><br />" + fields.innerHTML;
}
else
{
error.innerHTML = "<font color=red>Vous ne pouvez pas avoir plus de 9 champs</font>";
}
}
</script>
</head>
<body>
<div onclick="create()" style="cursor:pointer; text-decoration: underline;">Ajouter un champ texte</div>
<br />
<form action="#" method="post" id="fields">
<input type="text" name="text1" value="Champ numéro 1" />
<br />
</form>
<div id="error" style="color: red; font-weight: bold"></div>
<input type="hidden" id="compteur" value="1" />
</body>
</html>
A+
Gaerebut
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question