[Google Earth] Récupérer value pour fonction

Version imprimable

Bonjour,

J'ai une liste déroulante en HTML. Je souhaiterai récupérer les value des options de la liste, pour modifier la fonction JavaScript associer à la liste déroulante.

J'ai essayé les méthodes de récupération getElementById ou SelectedIndex, mais sans succès ! J'ai essayé de mettre le terme "value" directement dans la fonction... Sans succès ! J'ai essayé aussi d'autres choses, comme lui passer des paramètres, mettre des conditions If... sans-su-ccès !

Je commence à ne plus y voir bien clair, par le passé sur des fonctions plus simples, je faisais ça avec getElementById...

Voici ma liste déroulante :
Code:

1 2 3 4 5 6 7 8 <FORM> <SELECT name="liste_zoom" Id="liste_zoom" onchange="zoom()"> <OPTION value="flamanville" >EPR de Flamanville</option> <OPTION value="gravelines" >gravelines</option> <OPTION value="hague" >hague</option> <OPTION value="bure" >bure</option> </SELECT> </FORM>
Et voici ma fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function zoom() { var valeur = document.getElementById("liste_zoom").value; var flamanville = ge.createLookAt(''); flamanville.set( 49.53641946916724, -1.881880760192871, 0, ge.ALTITUDE_RELATIVE_TO_GROUND, -750, 50, 1500); //180, 60, 500); var gravelines = ge.createLookAt(''); gravelines.set( 51.01345766180378, 2.13559627532959, 0, ge.ALTITUDE_RELATIVE_TO_GROUND, -750, 50, 1000); //180, 60, 500); var hague = ge.createLookAt(''); hague.set( 49.67841748300393, -1.87816858291626, 0, ge.ALTITUDE_RELATIVE_TO_GROUND, -750, 50, 2000); //180, 60, 500); var bure = ge.createLookAt(''); bure.set( 48.48443936913144, 5.355990529060364, 0, ge.ALTITUDE_RELATIVE_TO_GROUND, -750, 50, 1500); //180, 60, 500); ge.getView().setAbstractView(valeur); }
Merci d'avance de vos conseils !!!

21/09/2013, 19h36
Auteur

bonsoir,

Code:

<SELECT name="liste_zoom" Id="liste_zoom" onchange="zoom()">

l'attribut est id (tout en minuscules) pas "Id" ;)

Par contre, c'est quoi l'objet "ge" dans ton code javascript ?

En passant, mets le contenu des balises en minuscules également :
<select>
<option>
<form>
22/09/2013, 14h51
georgie2

Ok merci pour le "Id".
J'ai aussi bien mis ma liste en minuscule.

Malheureusement ça ne change rien ! Malgré que j'aie essayé plusieurs méthodes après ces changements...

L'objet "ge" c'est Google Earth. J'utilise l'API cartographique de Google, sur cette page de test (liste déroulante ligne 93):

http://cartoperso.fr/nucleaire/nucle...ce/index2.html

Avec le fichier js nommé "ge2.js" (fonction "zoom()" ligne 147).

En fait, je souhaite migrer les fonctions de zoom "Aller à..." dans la liste déroulante.

J'ai l'impression que je m'y prends mal depuis le départ, il y a sans doute des arguments à passer, peut-être une condition If à ajouter dans ma fonction. Je remarque aussi que les variables de ma fonction ont le même nom que des values de la liste déroulante.
Ça me paraissait logique au début mais finalement...

Si quelqu'un a le temps de jeter un coup d'œil !!! Merci !!!
22/09/2013, 16h47
NoSmoking

Bonjour,
d'après la documentation

Code:

ge.getView().setAbstractView(valeur);

valeur doit être de la forme KmlAbstractView, donc il te faut reprendre cette ligne

Code:

var valeur = document.getElementById("liste_zoom").value;

.
26/09/2013, 10h26
georgie2

Ok merci mais pouvez-vous préciser ? je ne comprends pas trop :

Citation:

valeur doit être de la forme KmlAbstractView

D'autant que la fonction que je souhaite déclencher n'utilise pas de KML.

PS : En mettant autant de fonctions que nécessaire, et en les passant en "onclick" dans chacune des options de la liste déroulante, ça marche mais que sur Mozilla, pas sur Chrome...

Citation:

je ne comprends pas trop :

c'est vrai que cela n'est pas très clair.

Ce qui se passe c'est que tu récupères une String avec la value et tu t'en sers comme nom de variable ce que tu ne peux pas faire en direct.

Je te soumet un petit exemple de ce que tu peux faire pour te servir de la valeur pour pointer sur une variable de même nom.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Nom de variable</title> </head> <body> <select id="le_select" onclick="test()"> <option value="un">Un</option> <option value="deux">Deux</option> <option value="trois">Trois</option> </select> <script> // variables globales pas top du tout var un = "_un_"; var deux = "_deux_"; var trois = "_trois_"; function test(){ // création objet local var data = { 'un' : 'data_1', 'deux' : 'data_2', 'trois' : 'data_3' }; // surcharge de la fonction test.un = 'fct.un'; test.deux = 'fct.deux'; test.trois = 'fct.trois'; var val = document.getElementById('le_select').value; alert( 'val =' +val +'\ndata[val] =' +data[val] +'\nwindow[val] =' +window[val] +'\ntest[val] = ' +test[val]); } </script> </body> </html>
Il existe surement d'autre d'autres façons de faire, dans ton cas, par exemple, le switch serait une solution.