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

25 réponses

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
0
Utilisateur anonyme
18 févr. 2009 à 14:58
besoin d'aide ?
0
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...
0
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
0
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...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
18 févr. 2009 à 15:14
ok, je vais voir ça
0
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 :)
0
Utilisateur anonyme
18 févr. 2009 à 15:38
ça y est j'ai trouvé , dans 5minutes, je vais y faire copier-coller ici
0
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 !
0
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>
0
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>
0
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 :)
0
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
0
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 ?
0
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
0
Utilisateur anonyme
18 févr. 2009 à 16:10
Oui, mé tu sé le faire ? ou tu me demande comment il faut le faire ?
0
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...
0
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">


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

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