begin process at 2012 05 29 06:54:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

formulaire afficher ou cacher une zone de texte


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

formulaire afficher ou cacher une zone de texte

samedi 29 mai 2010 à 14:04:40 | formulaire afficher ou cacher une zone de texte

frlobe

Bonjour
Tout d'abord, je précide qu'autant je connais HTML et PHP, autant je découvre le JS ...
Bon voici mon problème: j'ai un formulaire en HTML avec une liste déroulante contenant plusieurs choix dont "Autre". Si l'utilisateur sélectionne ce choix "Autre", je souhaite qu'une zone de texte s'affiche pour que l'utilisateur puisse entrer son texte personnalisé.
Après plusieurs recherches, j'arrive à ce code qui ne marche pas ... Et je n'arive pas à trouver mon erreur ...

Voici mon code:
1- les balises <head>:
Code HTML :
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>test</title>
<script type="text/javascript">
function afficherAutre()
{
	var m = document.getElementById("type_offre");
  
	if (document.form1.liste.value == "type_offre")
	{
		if (m.style.display == "none")
			m.style.display = "block";
	}
	else
	{
		m.style.display = "none";	
	}
}
</script>
</head>

2- mon formulaire HTML:
Code HTML :
<form name="form1" action="" method="post">
<tr>
<td class="ligne_claire">
	<font style="font-size: 10pt; color: #000000; font-family: Verdana, Helvetica, Arial, Tahoma">
		<select name="type_offre" onchange="afficherAutre()">
			<option value="">-</option>;
			<option name="cdi">C.D.I.</option>
			<option name="cdd">C.D.D.</option>
			<option name="cdi">Interim</option>
			<option name="stage">Stage</option>
			<option name="cdi">Apprentissage/Alternance</option>
			<option name="autre">Autre</option>
		</select>
		<span id=autre style="display: none"> Autre :
			<input type="text" id="type_offre" name="type_offre">
		</span> 
	</font>
</td>
</tr>
<tr>
			<td class="ligne_claire" colspan="2" align="right">
				<input type="submit" class="verif" name="envoi_deposer" value="Envoyer" />&nbsp;
				<input type="reset" class="verif" value="Annuler" />
			</td>
		</tr>
	</form>

Merci de votre aide.
samedi 29 mai 2010 à 16:18:14 | Re : formulaire afficher ou cacher une zone de texte

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
beaucoup d'erreur dans ce que je lis
- un name doit être unique dans une FORM à l'exception des INPUTs type RADIO
- les OPTIONs n'ont pas de name mais une value
voila au minimum pour la partie concernant le SELECT, cela devrait donner un truc dans ce style...
Code HTML :
  <select name="nom_select" onchange="afficherAutre()">
    <option value="">-</option>;
    <option value="cdi">C.D.I.</option>
    <option value="cdd">C.D.D.</option>
    <option value="cdi">Interim</option>
    <option value="stage">Stage</option>
    <option value="cdi">Apprentissage/Alternance</option>
    <option value="autre">Autre</option>
  </select>
  <span id="autre" style="display: none"> Autre :
    <input type="text" id="type_offre" name="type_offre">
  </span>
au passage j'ai rajouté des "" sur l'ID du SPAN

maintenant passons à la fonction
une écriture pourrait être celle ci
Code Javascript :
function afficherAutre(){
  //-- Recup reference au SPAN
  var O_Span = document.getElementById("autre");
  //-- Recup reference au SELECT
  var O_Select = document.form1["nom_select"];
  //-- Test sur valeur de la selection
  if( O_Select.value == "autre"){
    //-- supprime le display, le mettre a block ne correspond
    // pas au display par defaut d'un SPAN qui est nativement inline
    O_Span.style.display = "";
  }
  else{
    O_Span.style.display = "none";
  }
}

Voilou en gros...
;O)
dimanche 30 mai 2010 à 02:26:40 | Re : formulaire afficher ou cacher une zone de texte

frlobe

Ca fonctionne: je te remercie beaucoup pour ta correction. Avec tes commentaires, ça me permet de comprendre en plus mes erreurs.
mardi 1 juin 2010 à 11:17:46 | Re : formulaire afficher ou cacher une zone de texte

frlobe

Finalement, mon code ne fonctionne pas à 100%. Pour une raison que je n'arrive pas à déterminer, ma variable est vide et rien n'est inséré dans ma table SQL.
Une idée? Merci d'avance
mardi 1 juin 2010 à 22:33:15 | Re : formulaire afficher ou cacher une zone de texte

PetoleTeam

Membre Club
Bonjour,
il n'y a aucune raison si les champs devant être transmis possèdent un NAME.
Il te faut afficher coté PHP l'ensemble de la transmission pour vérifier si la variable à bien été transmise, si elle est vide ...etc...
;O)


Cette discussion est classée dans : code, texte, formulaire, html, zone


Répondre à ce message

Sujets en rapport avec ce message

Transformer un texte de formulaire en code HTML [ par rshark ] bonjour .. comment on peut faire pour que quand on écrit un texte dans une zone formulaire comme pour poster un article ici .. le texte soit vérifié p Ajout de zone de texte [ par aljessy ] Bonjour j'ai un petit problème. J'ai un petit formulaire et j'aimerais que lorque l'utilisateur clique sur le bouton "ajouter", qu'un autre champ de t SOS balise <button> [ par babylone7 ] Bonjour, J'ai un formulaire qui contient 2 boutons (car avec images personnalisées) : [code=html] <BUTTON id="bouton_submit" name="bouton_submit" v recupérer un formulaire par un code javascript d'un autre page [ par lamia88 ] bonjours, j'ai crée 2 page html,page1.html contient un formulaire,je veux récupérer les valeurs de ce formulaire a partir de la 2eme page page2.html Modifier zone de texte (div) depuis une page avec formulaire et login [ par phasmagun ] Bonjour. J'aimerais savoir s'il est possible de faire comme cela: [img]http://nsa12.casimages.com/img/2010/02/26/100226115134245345.jpg[/img] [i]Je Permutter deux champs d'un formulaire [ par lektrosonic ] Bonjour, J'ai un formulaire en html avec deux champs textuels, un boutton submit et un autre bouton. Je voudrai que l'action du deuxieme boutton per Une copie automatique [ par deutch36 ] Bonjour a tous et a toutes. Voila mon probleme je creer un formulaire html pour une page web Dans ce formulaire 2 tableaux identiques avec les zone de [Javascript]Modifier une zone de texte dans un formulaire [ par Nano84 ] Bonjour, Voilà, j'ai un petit soucis... en fait je dois faire en sorte qu'en cliquant sur un bouton du formulaire, cela modifie le texte d'une zone Recherche d'un code html d'éffet splandide d'un texte [ par abdfire ] Bonjour , je suis à la recherche d'un exemple pratique du langage  html des effets sur un texte , je voudrais que quelqu'un m'aide en me donant une co zone de texte [ par benjijackass ] j'espère que certain me comprendrons : je n'es que des compétences dans les langages HTML, CSS et PHP et je vais séparer mon site ne plusieur partie (


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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,312 sec (4)

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