begin process at 2012 05 29 14:49:46
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

pb avec un formulaire select


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

pb avec un formulaire select

mardi 24 novembre 2009 à 20:30:44 | pb avec un formulaire select

ahah38

Bonjour,
J'ai besoin d'aide sur un formulaire select.
Je souhaite réaliser un carnet de route en utilisant un formulaire select. Les visiteurs pourront sélectionner l'étape qu'il souhaite voir a partir du menu select et l'étape s'affiche sous le menu.
je ne souhaite pas valider le formulaire, je souhaite que le choix soit pris en compte directement.


mon code:

Code HTML :
<form>
<select name="recherche_jour"  onchange="affichechoix(this.value)">
  <option value="0" selected="selected">Carte</option>
  <option value="1" >Depart</option>
  <option value="2" >Katmandu</option>
</select>
<input type="button" name="Etape précédente" onclick="precedente()" value="<<"/>
<input type="button" value=">>" name="Etape suivante"  onclick="suivante()" />
</form>

<table>
<tr><td id="0">
<p> Vous etes sur la page d'acceuil du carnet de trek!<br />
Voici la carte du trek: </p> 
<img src="../images/projet/nepal/itineraire_trek.jpg" border="1" />
</td></tr>
<tr><td id="1" style="display:none">
Vous etes sur l'étape 1
 <Br/>


Code Javascript :
function affichechoix(value)  
			{  
				
				if (value=="0")
					{
				document.getElementById("0").style.display= ''; 
				document.getElementById("1").style.display= 'none'; 
				document.getElementById("2").style.display= 'none'; 
							
					}

				else if(value=="1")
				{
				document.getElementById("0").style.display= 'none'; 
				document.getElementById("1").style.display= ''; 
				document.getElementById("2").style.display= 'none'; 
				
				}
				
				else if(value=="2")
				{
				document.getElementById("0").style.display= 'none'; 
				document.getElementById("1").style.display= 'none'; 
				document.getElementById("2").style.display= ''; 
				
				}
				
			}


Ce code fonctionne, par contre lorsque j'actualise la page après avoir changé d'etape, la carte (id"0") s'affiche défaut mais pas le menu select, malgrès la présence de selected="selected". Comment faire pour avoir dans le menu select la valeur par défaut lors de l'actu de la page?
Est la bonne méthode d'utiliser les display='none'?

Je souhaite aussi mettre en place des boutons etape suivante et étape précédente. Est ce possible en js?

Merci pour vos réponses
mercredi 25 novembre 2009 à 17:47:57 | Re : pb avec un formulaire select

ahah38
J'ai réussi a mettre en place les boutons étape suivante et étape précédente ( c'était très facile, mais je suis débutant en js).
Par contre pour mon problème sur le select par defaut lors de l'actualisation de la page, j'ai pas de solution. Si vous pouviez m'aider!
Ce pb est vrai que sous mozilla, sous ie le selected fonctionne parfaitement


jeudi 26 novembre 2009 à 15:35:48 | Re : pb avec un formulaire select

Bul3

Membre Club
Bonjour,
>>Comment faire pour avoir dans le menu select la valeur
>>par défaut lors de l'actu de la page?
si vous avez mis selected, ça devrait baigner
ou alors vous avez mal codé
ou il y a une erreur ailleurs ?
ou vous voulez resélectionner celui de
l'utilisateur ?
remarque, si size n'est pas spécifié, ou s'il est=1
c'est la 1ère option qui est sélectionnée par défaut
pour déclencher le onchange, va falloir cliquer sur
une autre ligne avant
>>Est la bonne méthode d'utiliser les display='none'?
rien à voir, ça sert à cacher l'élément
Cordialement [mon Site] [M'écrire] Bul


Cette discussion est classée dans : style, select, document, display, getelementbyid

Répondre à ce message

Sujets en rapport avec ce message

problème de div [ par algori ] Bonjour,Voilà, mon problème est qu'il se génère une erreur dans le script suivant quand j'essaie de fermer ma checkbox. Je suppose que l'erreur est si Parade au style.width sous FireFox ? [ par Shibo_Sources ] Bonjour, je découvre à peine toutes les possibilités qu'offre le javascript ce qui explique mon niveau (je ne me suis pas trompé de section au moins : code compatible Mozilla et IE [ par salim81 ] bonjour a tous! j'ai des script javascript qui sont compatible a Mozilla et les meme script en changeant bien sur quelques fonction compatible IE.je c Propriété display avec IE [ par initnocsib ] Bonjour,Voici un petit script qui fonctionne nickel sous Firefox, mais pas du tout sous IE function active(n){        document.getElementByI Probleme du passage d'un script en HTML [ par guillaumedu69 ] Bonjours à tous.Dsl je ne savait pas ou mettre se post alors je l'ai mis ici. si un admin lui trouve une mailleur place il a cas le deplacer et me dir Pourquoi ai-je besoin de 2 clicks au départ ? [ par kaizersoze10 ] Bonsoir a tous ! :D Voila : j'ai une fonction javascript qui fait apparaitre/disparaitre des blocks sur ma page suivant ce qu'on click sur le menu ... Erreur c00ce56e [ par ov3rdoze ] Bonjour à tousJe viens de terminer un site dans lequel j'utilise XMLHttpRequest. En local pas de problème. Je viens d'envoyer le site sur le serveur e Problème de XmlHttpRequest sous Opera et FF [ par ov3rdoze ] Bonjour à tous.Je travaille actuellement sur un site dans lequel j'utilise XmlHttpRequest. Je viens de mettre celui-ci en ligne, et je m'aperçoit que probléme d'affichage [ par youzou ] Salut j'ai un 2 tableau  et 2 bouton radio si je coche sur l'un des bouton les 2 tableau seront invisible et inversement si je selectionne l'autre bou probleme de compatibilité de fonction javascript avec la balise <table> [ par misshasnae ] slt ts le mondej'ai un petit problème dans le code html de ma page de réservation, svp si quelq'un a une idée repond moi c urgent é merci d'avance.


Nos sponsors


Sondage...

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 : 3,089 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)