Script JavaScript pour formulaire

Résolu/Fermé

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 - 18 févr. 2009 à 00:32
Utilisateur anonyme - 18 févr. 2009 à 16:42

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 :

<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
Script vidéo youtube - Guide
Formulaire de réclamation facebook - Guide
Telecharger javascript - Télécharger - Langages
Formulaire de reclamation instagram - Guide
Microsoft activation script - Accueil - Windows

25 réponses

Réponse 1 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 14:49

UP :)

Help SVP

Utilisateur anonyme
18 févr. 2009 à 14:58

besoin d'aide ?

Réponse 2 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 15:00

Oui c'est le but d'un forum...

Réponse 3 / 25

Utilisateur anonyme
18 févr. 2009 à 15:08

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

Réponse 4 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 15:12

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

Réponse 5 / 25

Utilisateur anonyme
18 févr. 2009 à 15:14

ok, je vais voir ça

Réponse 6 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 15:16

Merci :)

Réponse 7 / 25

Utilisateur anonyme
18 févr. 2009 à 15:38

ça y est j'ai trouvé , dans 5minutes, je vais y faire copier-coller ici

Réponse 8 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 15:41

Merci merci !

Réponse 9 / 25

Utilisateur anonyme
18 févr. 2009 à 15:42

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>

Réponse 10 / 25

Utilisateur anonyme
18 févr. 2009 à 15:46

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>

Réponse 11 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 15:50

OUAI !

Supper ! Ca marche nikel, et en plus ton affinement c'est vraiment la pointe de ce que je voulais !

Mille merci :)

Réponse 12 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 15:55

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

Réponse 13 / 25

Utilisateur anonyme
18 févr. 2009 à 15:57

bien sur, ce que tu veux c'est d'afficher le text d'une option selectionnée qque part sur une page,cé ça ?

Réponse 14 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 16:01

Oui voici le code simplifié :

<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

Réponse 15 / 25

Utilisateur anonyme
18 févr. 2009 à 16:10

Oui, mé tu sé le faire ? ou tu me demande comment il faut le faire ?

Réponse 16 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 16:13

Je te demande comment le faire...

Je n'y connait rien en JS faut que je prenne des cours...

Réponse 17 / 25

Utilisateur anonyme
18 févr. 2009 à 16:16

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">

Réponse 18 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 16:19

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

Réponse 19 / 25

Utilisateur anonyme
18 févr. 2009 à 16:22

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>

Réponse 20 / 25

hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
18 févr. 2009 à 16:30

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 :

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...

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Javascript Arrondi à 2 chiffres après la virgule

Je n'arrive plus à récuperer mon compte Outlook

Google Chrome : "Nouvel envoi du formulaire"