Script JavaScript pour formulaire
Résolu
hack_net
Messages postés
783
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Je suis à la recherche d'un script me permettant d'afficher un contenu en appuyant sur un lien. Je m'explique plus clairement :
J'ai le code suivant :
J'aimerais que lorsque l'on appuit sur ce lien,
Si possible, je souhaiterais limiter le "ainsi de suite" à 5 ou 10.
Merci de votre aide...
Je suis à la recherche d'un script me permettant d'afficher un contenu en appuyant sur un lien. Je m'explique plus clairement :
J'ai le code suivant :
<input type="file" name="fichier"><a href="#" onClick="">Ajouter un fichier</a>
J'aimerais que lorsque l'on appuit sur ce lien,
<input type="file" name="fichier"><a href="#" onClick="">Ajouter un fichier</a>apparaisse en dessous, et ainsi de suite....
Si possible, je souhaiterais limiter le "ainsi de suite" à 5 ou 10.
Merci de votre aide...
A voir également:
- Script JavaScript pour formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Script vidéo youtube - Guide
- Formulaire de reclamation instagram - Guide
- Mas script - Accueil - Windows
25 réponses
En faite, j'ai pas vraiment piger ton problème ,relie ta question, je ne sais pas ce que tu veux comme effet lorsqu'on appuiye sur le lien
Lorsqu'on appuye sur un lien, il faudrait qu'un autre champ input apparaisse en dessous du premier, mais limiter si possible cette action a 10 clic...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Voici la solution :
/***** Voici le fichier appelée solution.html (que vous pouvez copier-coller) :*****/
<html>
<head>
<script language='javascript'>
n=1;
nombreMaximum=10;
function ajouter(id)
{
if(n<=10)
{
ob=document.getElementById(id);
obj=document.getElementById('c'+n);
n=n+1;
obj.innerHTML="<br><input type='file' name='fichier'><a href='#' onClick='ajouter(id);'>Ajouter un fichier</a><span id='c"+n+"'></span>";
}
}
</script>
</head>
<body>
<h1>Jusqu'à 10 clic :</h1>
<input type="file" name="fichier1"><a href="#" id='1' onClick="ajouter(id);">Ajouter un fichier</a>
<span id='c1'></span>
</body>
</html>
/***** Voici le fichier appelée solution.html (que vous pouvez copier-coller) :*****/
<html>
<head>
<script language='javascript'>
n=1;
nombreMaximum=10;
function ajouter(id)
{
if(n<=10)
{
ob=document.getElementById(id);
obj=document.getElementById('c'+n);
n=n+1;
obj.innerHTML="<br><input type='file' name='fichier'><a href='#' onClick='ajouter(id);'>Ajouter un fichier</a><span id='c"+n+"'></span>";
}
}
</script>
</head>
<body>
<h1>Jusqu'à 10 clic :</h1>
<input type="file" name="fichier1"><a href="#" id='1' onClick="ajouter(id);">Ajouter un fichier</a>
<span id='c1'></span>
</body>
</html>
En plus j'ai affiner le code (voir en gras) pour que tu puisse traiter chaque fichier:
<html>
<head>
<script language='javascript'>
n=1;
nombreMaximum=10;
function ajouter(id)
{
if(n<=10)
{
ob=document.getElementById(id);
obj=document.getElementById('c'+n);
n=n+1;
obj.innerHTML="<br><input type='file' name='fichier"+n+"'><a href='#' onClick='ajouter(id);'>Ajouter un fichier</a><span id='c"+n+"'></span>";
}
}
</script>
</head>
<body>
<h1>Jusqu'à 10 clic :</h1>
<input type="file" name="fichier1"><a href="#" id='1' onClick="ajouter(id);">Ajouter un fichier</a>
<span id='c1'></span>
</body>
</html>
<html>
<head>
<script language='javascript'>
n=1;
nombreMaximum=10;
function ajouter(id)
{
if(n<=10)
{
ob=document.getElementById(id);
obj=document.getElementById('c'+n);
n=n+1;
obj.innerHTML="<br><input type='file' name='fichier"+n+"'><a href='#' onClick='ajouter(id);'>Ajouter un fichier</a><span id='c"+n+"'></span>";
}
}
</script>
</head>
<body>
<h1>Jusqu'à 10 clic :</h1>
<input type="file" name="fichier1"><a href="#" id='1' onClick="ajouter(id);">Ajouter un fichier</a>
<span id='c1'></span>
</body>
</html>
OUAI !
Supper ! Ca marche nikel, et en plus ton affinement c'est vraiment la pointe de ce que je voulais !
Mille merci :)
Supper ! Ca marche nikel, et en plus ton affinement c'est vraiment la pointe de ce que je voulais !
Mille merci :)
Tien dans le même sujet histoire de ne pas en ouvrir un autre pour rien, serait-il possible d'afficher un champ input avec du texte lorsque l'on choisit une option dans un select ?
Merci pour tout
Merci pour tout
bien sur, ce que tu veux c'est d'afficher le text d'une option selectionnée qque part sur une page,cé ça ?
Oui voici le code simplifié :
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Merci pour ton aide
<select name="tralala"><option value="1">Option 1</option><option value="2">Option 2</option><option value="3">Option 3</option></select>
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Tralala : <input type="text" name="tralala">
Merci pour ton aide
ok, mais il y a une question:
tout à l'heure tu as dit :
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Tralala : <input type="text" name="tralala">
tu ne t'es pas trompé, tu ne voulait pas plutot dire:
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Option 3 : <input type="text" name="Option 3">
tout à l'heure tu as dit :
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Tralala : <input type="text" name="tralala">
tu ne t'es pas trompé, tu ne voulait pas plutot dire:
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Option 3 : <input type="text" name="Option 3">
Nan je m'excuse j'ai repri un terme déjà existant autant pour moi...
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Autre : <input type="text" name="other">
Voila encore dsl
Si on selection "Option 3" par exemple, on obtien juste dessous ce select :
Autre : <input type="text" name="other">
Voila encore dsl
Franchement, j'ai pas compris plus précisement ce que tu veux mais je t'es quand méme fais un code :
/**********Solution 2.html*************/
<html>
<head>
<script language='javascript'>
function afficher(selectedIndex)
{
ob=document.getElementById('co');
if(document.form.liste.selectedIndex==0)
{ob.innerHTML="";}
else{
texte=document.form.liste[selectedIndex].text;
ob=document.getElementById('co');
ob.innerHTML="<b>"+texte+"<b> <input type='text' name='"+texte+"'>";
}
}
</script>
</head>
<body>
<form name='form'>
<h1>Sélectionnez un item dans la liste déroulante ci-dessous:</h1>
<select name='liste' id='li' onChange='afficher(selectedIndex)'>
<option>Sélectionnez ici</option>
<option>Internet explorer</option>
<option>Firefox</option>
<option>Safari</option>
<option>Opéra</option>
<option>Google chrome</option>
</select>
</form>
<br>
<span id='co'></span>
</body>
</html>
/**********Solution 2.html*************/
<html>
<head>
<script language='javascript'>
function afficher(selectedIndex)
{
ob=document.getElementById('co');
if(document.form.liste.selectedIndex==0)
{ob.innerHTML="";}
else{
texte=document.form.liste[selectedIndex].text;
ob=document.getElementById('co');
ob.innerHTML="<b>"+texte+"<b> <input type='text' name='"+texte+"'>";
}
}
</script>
</head>
<body>
<form name='form'>
<h1>Sélectionnez un item dans la liste déroulante ci-dessous:</h1>
<select name='liste' id='li' onChange='afficher(selectedIndex)'>
<option>Sélectionnez ici</option>
<option>Internet explorer</option>
<option>Firefox</option>
<option>Safari</option>
<option>Opéra</option>
<option>Google chrome</option>
</select>
</form>
<br>
<span id='co'></span>
</body>
</html>
Désolé ça ne marche pas... Je doit vraiment être nul en JS quand même...
Voici ce qu'il y a dans ma page :
Merci de ton aide et surtout de ta patience...
Voici ce qu'il y a dans ma page :
Quel est le genre du groupe : <select name="genre"><option value="HR">Hard Rock</option><option value="punk">Punk</option><option value="GM">Gothic Metal</option><option value="DM">Death Metal</option><option value="BM">Black Metal</option><option value="TM">Trash Metal</option><option value="HM">Heavy Metal</option><option value="other">Autre</option></select><br><br> <!-- Si l'option " autre" est selectionnée : -->Précisez : <input type="text" name="genre_other"><br><br>
Merci de ton aide et surtout de ta patience...
