Accueil > Forum > > > > Ajout d'un champ sur clic
Ajout d'un champ sur clic
mardi 12 octobre 2004 à 08:14:42 |
Ajout d'un champ sur clic

keryg
|
kerygJ'ai une liste deroulante avec un certain nombre de select. Je voudrais qu'en cliquant sur l'un d'eux, 2 champs de texte et 2 cases à cocher apparaissent. comment proceder?
|
|
mardi 12 octobre 2004 à 08:33:31 |
Re : Ajout d'un champ sur clic

bultez
|
Bonjour, le plus simple (?) c'est de mettre ce que l'on veut faire apparaitre dans un div caché ( style=" display:'none' " ) et à la demande faire : name du div.style.display="inline"; Cordialement Bul. [Site] [Mail]
|
|
mardi 12 octobre 2004 à 23:02:04 |
Re : Ajout d'un champ sur clic

keryg
|
J'ai une vingtaine d'option dans le select. Que l'on clic sur n'importe laquelle, cela fait apparaitre un calque comprenant deux champs texte et 2 cases à cocher. J'arriv à cacher ce calque mais impossible de l'amener en cliquant sur la liste deroulante.
|
|
mercredi 13 octobre 2004 à 09:50:08 |
Re : Ajout d'un champ sur clic

bultez
|
Bonjour, un ch'tit exemple qui fait apparaître un div en bas à droite du select <HEAD> <TITLE></TITLE> <script type="text/javascript"> function menu(zone) { choix.style.top=sel.offsetTop+sel.offsetHeight; choix.style.left=sel.offsetLeft+sel.offsetWidth; choix.style.display="inline"; } </script> </HEAD> <BODY> <div id="choix" name="choix" style=" background-color:'#000000'; position:'absolute'; top:0; left:0; color:'#FFFFFF'; width:'200px'; height:'300px'; display:'none';"><pre> exemple ce que l'on veut images ..... </div> <select name="sel" onclick="menu(this);" size=3> <option>un <option>deux <option>trois <option>quatre <option>cinq </select> </BODY>
|
Cordialement Bul. [Site] [Mail]
|
|
mercredi 13 octobre 2004 à 21:14:31 |
Re : Ajout d'un champ sur clic

keryg
|
Mais quand on le met dans un <form> ça ne marche plus.
<script type="text/javascript"> function menu(zone) { choix.style.top=sel.offsetTop+sel.offsetHeight; choix.style.left=sel.offsetLeft+sel.offsetWidth; choix.style.display="inline"; } </script> </HEAD> <BODY>
<form action="photo.php" method="post" name="form1"> <em><strong><font size="2" class=lettrine> 1/ </font><font size="2">Choisir un évenement :</font></strong></em> <select name="sel" class=select size="1" onclick="menu(this);"> <option value="evenement">Evenement :</option> <option style="color:#009900"value="cross_lons">Cht Franche-Comté de Cross à Lons</option> <option value="envol04">Envolée Nordique</option> <option style="color:#009900" value="biathlon">Cht de France de biathlon</option> <option value="tropez">St Tropez Classic</option> <option value="luberon">Marathon du Luberon</option> </select> <br><br><br>
<div id="choix" name="choix" style=" display:'none'; position:center;"> <em><strong><font size="2" class=lettrine>2/</font> <font size="2"> Entrer un n° de course :</font></strong></em> <input name="dossard" class=texte type="text" size="6" maxlength="6"> <em><strong><font size="2">ou un nom :</font></strong></em> <input name="nom" class=texte type="text" id="nom" size="26" maxlength="26"><br><br><br><br> <em><strong><font size="2"> Voir les ambiances :</font></strong></em> <input type="checkbox" name="ambiance"><br> <em><strong><font size="2">les podiums :</font></strong></em> <input type="checkbox" name="podium" value="checkbox"> <input type="submit" name="Submit1" class=bouton value="Enter" STYLE="color:#FFFFFF;font-family:arialverdana;font-size:12px;background-color:#C0C0C0;border:1px double #00FF33"></div> </form>
</BODY>
|
|
jeudi 14 octobre 2004 à 09:58:07 |
Re : Ajout d'un champ sur clic

bultez
|
les noms des champs dans un formulaire doivent être préfixés par le name de ce formulaire. form1.choix.... ici par exemple Cordialement Bul. [Site] [Mail]
|
|
jeudi 14 octobre 2004 à 15:07:32 |
Re : Ajout d'un champ sur clic

keryg
|
Je dois mettre form1. dans le script? Ou form1.choix form1.sel form1.dossard ...
|
|
jeudi 14 octobre 2004 à 15:33:24 |
Re : Ajout d'un champ sur clic

bultez
|
si le champ est dans un form name=frm on y fait référence avec frm.name du champ sur l'exemple donné, mis le div hors du formulaire ( pour exemple aussi ) Cordialement Bul. [Site] [Mail]
|
|
jeudi 14 octobre 2004 à 16:20:59 |
Re : Ajout d'un champ sur clic

keryg
|
Je ne peut pas sortir le div du form , j'ai besoin de input name=dossard, input name=nom, input name=sel pour creer des variable sur une page php.
|
|
jeudi 14 octobre 2004 à 16:30:19 |
Re : Ajout d'un champ sur clic

bultez
|
donc name du form.name du div.style.... c'était un exemple ... Cordialement Bul. [Site] [Mail]
|
|
Cette discussion est classée dans : clic, font, champ, comic, ajout
Répondre à ce message
Sujets en rapport avec ce message
popup récalcitrant [ par tahiti ]
Bonsoir,je souhaite, en cliquant sur une image, ouvrir un popup...cette opération se déroule bien, mais le lien (ouvert dans le popup) s'affiche égale
Prob Netscape [ par GandalfLeSage ]
Bonjour à tous, je suis étudiant en D.U.T info et j'ai un gros Problème avec Netscape : je voudrais récupérer la valeur d'une liste déroulante j'ai do
interdir l'impression [ par vikingclub2cv ]
j'aurais voulu savoir comment on peut interdir l'impression d'une page aussi bien avec NS que IE ma demande a pour but de mettre des documents sur un
ajout de champ texte en cliquanr sur un bouton [ par hicksman ]
salut,ke je vous explique bien clairement ce ke je cherche à faire:j'ai un formulaire avec des champs texte ( 3, qui sont nommés nb1,qte1 et val1). Ce
position d un prompt dans une page ? [ par sam85 ]
Sam Bonjour , j utilise des prompts et le prbleme c est qu ils apparaisent en haut a gauche a chaque fois , et moi je prefererai qu ils soient au mili
modelise des donneepr une courbe [ par keepthrash ]
salut tlm;ça va comme vous voulez?bon j'ai une question a vous poser je voudrais modelises des donnees par une courbe dans mon site web. je serais tre
une boite à sondages [ par michel77 ]
Bonjour les amis existe ou peut on faire une boite de sondage sous page html style une fenetre qui permet de donner son avis sur des questions qui ser
Les menue [ par Fardoche ]
Quel est la source utilisé pour les menu de CodeS-SourceS ? ou bien comment se nomme se genre de srcipt et en quel language?Fardoche
Griser des listes déroulantes [ par Mask ]
J'aurais aimer savoir comment je peux griser une liste déroulante HTML depuis le Javascript, de sotre que ne soit pas utilisable!MerciM@sK
Griser des listes déroulantes [ par Mask ]
J'aurais aimer savoir comment je peux griser une liste déroulante HTML depuis le Javascript, de sotre que ne soit pas utilisable!MerciM@sK
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|