Accueil > Forum > > > > 2 actions sur 1 formulaire : onChange sur <select> + onSubmit
 2 actions sur 1 formulaire : onChange sur <select> + onSubmit
jeudi 9 octobre 2008 à 17:51:09 |
2 actions sur 1 formulaire : onChange sur <select> + onSubmit
fabouse
|
Bonjour à tous, Je rencontre un problème avec l'implémentation de google map api dans une de mes pages. Je souhaite lancer 2 fonctions javascript à partir d'un seul formulaire. Lors de la sélection dans la liste déroulante je veux valider mon formulaire pour afficher un résultat et en même temps lancer une fonction js pour google map avec un paramètre de la liste déroulante ... (pas très clair?) Le problème est que seul le "onChange" est réalisé et pas le "onSubmit"... le code: <head>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 15);
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
</script>
</head>
<body>
<form name="form1" action="#" method="post" onSubmit="showAddress(this.address.value); return false">
<strong>Neo advertising offices: </strong>
<select name="loc" id="loc" onChange='this.form.submit();'>
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
</select>
<input type="hidden" name="address" value="<?echo $office;?>">
</form>
<div id="map_canvas" class="map" style="width:600px;height:600px"></div>
</body>
Merci à ceux qui pourront m'éclairer. A+ |
|
jeudi 9 octobre 2008 à 17:59:37 |
Re : 2 actions sur 1 formulaire : onChange sur <select> + onSubmit
PetoleTeam
|
Bonjour,
mets tout dans une même fonction
<select name="loc" id="loc" onChange='Fct_Envoi( this);'>
et la fonction Fct_Envoi
//--------------------
function Envoi( this_){
showAddress( this_.address.value);
this_.form.submit();
}
un truc dans ce style...
;O)
|
|
jeudi 9 octobre 2008 à 18:14:08 |
Re : 2 actions sur 1 formulaire : onChange sur <select> + onSubmit
fabouse
|
j'ai deja testé cela et ça ne fonctionne pas ...
function validOffice(this_){
showAddress( this_.address.value);
this_.form.submit();
}
<select name="loc" id="loc" onChange='validOffice(this);'>
|
|
jeudi 9 octobre 2008 à 18:29:41 |
Re : 2 actions sur 1 formulaire : onChange sur <select> + onSubmit
PetoleTeam
|
1000 excuses pas débuggé en plein, le this que tu passes est en fait le SELECT, il faut passer le this.form
il faut en fait faire
<select name="loc" id="loc" onChange='Fct_Envoi( this.form);'>
avec la fonction
//--------------------
function Fct_Envoi( this_){
showAddress( this_.address.value);
this_.submit();
}
;O)
|
|
Cette discussion est classée dans : formulaire, address, map, onchange, geocoder
 Répondre à ce message
 Sujets en rapport avec ce message
Fonctions qui boucle !! [ par piep14 ]
Bonjour le forum, auriez vous une idée pourquoi ce code tourne en boucle ? Et comment faire pour que ca ne se produise plus <img src="http://www.devel
recuperer une variable [ par sebgaillard ]
bonjour a tous je suis en train de developper un utilitaire de geolocalisation via google map j'ai une table dans une base mysql contenant nom adresse
Formulaire, onchange et javascript [ par ghetto95 ]
Bonjour, J'essai depuis plusieurs jours de trouver un moyen de faire un formulaire "intelligent", c'est à dire qu'il afficherai certains champs en fon
Formulaire html D'Ajout de marker Google Map API [ par deter ]
Salut, Je souhaite réaliser un formulaire d'ajout de marqueur sur une carte Google map api comme le formulaire de Google local
map incompatible firefox [ par sikove ]
Salut j'ai un ptit probléme de map avec firefox, ça marche nikel sur ie mais pas firefox!!!voil le code : &l
Spry Widget Probleme de validation formulaire (java désactivé) [ par medicair ]
Bonjour à tous,J'utilise les spry de dreamweaver pour vérifier qu'une case est bien coché, seulement si je désactive javascript et que je valide le fo
Formulaire de contact de type Captcha [ par vhalter ]
Bonjour à tous, Je suis novice dans le html. J'utilise expression web qui m'aide bcp. Je souhaite utiliser un formulaire tel que celui-ci dans mon si
FORMULAIRE HTML --> lien sur bouton radio [ par ju0123456789 ]
Bonjour,Petite question bateau pour vous.Je fais une question, dans laquelle j'ai 2 réponses possibles par bouton radio, je voudrais que quand je cliq
Placement infobulles sous GoogleMap [ par Anthosrc ]
Bonjour à tous, J'ai un petit soucis avec mes infobulles dans ma google map. Une fois que je clique sur un des markers, mon infobulle s'ouvre mais la
window.opener et submit de formulaire [ par togz ]
Bonjour,j'ai un petit problème avec la méthode window.opener en JS.En effet, je fais apparaitre un popup B à partir d'un page A. J'aimerais que lorsqu
 Livres en rapport
|
Derniers Blogs
 TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|