begin process at 2012 05 29 01:52:33
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

Ajout d'un champ sur clic


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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

Membre Club
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

Membre Club
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

Membre Club
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

Membre Club
donc name du form.name du div.style....
c'était un exemple ...
Cordialement Bul. [Site] [Mail]

1 2

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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,811 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales