Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
535 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  focus au demarrage sur une carte google maps

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

focus au demarrage sur une carte google maps

n°2148812
golumest
Posté le 10-07-2012 à 09:36:10  profilanswer
 

Bonjour,
 
Pour utiliser la navigation au clavier sur une carte google maps, j'ai besoin d'effectuer un clic sur cette map avant de pouvoir utiliser le clavier (+,-, et flèches directionnelles), Mais je n'y arrive pas! Il faut imperativement clicker sur la carte avant de pouvoir naviguer avec le clavier
 
J'ai utilisé le document.getElementById.focus() puis le document.getElementById.click() sans résultat. Je les ai placé dans un évènement onload dans la balise <body>, puis me disant que toute la page n'était pas chargé, je l'ai mis directement dans le javascript.  
 

Code :
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.  <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
  5.  <meta charset="UTF-8" />
  6.  <title>Titre de votre page</title>
  7.  <style type="text/css">
  8.   html {
  9.    height: 100%
  10.   }
  11.   body {
  12.    height: 100%;
  13.    margin: 0;
  14.    padding: 0
  15.   }
  16.   #gg {
  17.    height: 100%
  18.   }
  19.  </style>
  20.  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  21.  <script type="text/javascript">
  22.   function initialisation(){
  23.    var centreCarte = new google.maps.LatLng(47.389982, 0.688877);
  24.    var optionsCarte = {
  25.     zoom: 8,
  26.     center: centreCarte,
  27.     mapTypeId: google.maps.MapTypeId.ROADMAP,
  28.     keyboardShortcuts: true
  29.    }
  30.    var maCarte = new google.maps.Map(document.getElementById("gg" ), optionsCarte);
  31.   }
  32.   google.maps.event.addDomListener(window, 'load', initialisation);
  33.   document.getElementById('gg').click()
  34.  </script>
  35. </head>
  36. <body>
  37.  <div id="gg"></div>
  38.  <noscript>
  39.   <p>Attention : </p>
  40.   <p>Afin de pouvoir utiliser Google Maps, JavaScript doit �tre activ�.</p>
  41.   <p>Or, il semble que JavaScript est d�sactiv� ou qu'il ne soit pas support� par votre navigateur.</p>
  42.   <p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez � nouveau.</p>
  43.  </noscript>
  44. </body>
  45. </html>


 
La console d'erreur indique "document.getElementById('gg') is null". Une solution?
 
merci.

mood
Publicité
Posté le 10-07-2012 à 09:36:10  profilanswer
 

n°2148839
vave
Nice to meet me
Posté le 10-07-2012 à 11:25:06  profilanswer
 

Bonjour,
je ne crois pas qu'il soit possible de donner le focus à une div.
Sur cette page, tu verras comment on peut contourner le problème en passant par les événements.
 


---------------
Bel ours Vave, je me dois de l’admettre. -Skyl"win"-  Mais toi tu es intelligent -Homerde- - Ce génie -SkylWINd- JDD S16M72 10:43:46 GMT-DTC +1
n°2148879
golumest
Posté le 10-07-2012 à 14:13:50  profilanswer
 

merci, c'est exactement ce que je souhaite faire, mais le code fonctionne pour la V2 de google maps, pas la V3


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  focus au demarrage sur une carte google maps

 

Sujets relatifs
spreadsheet Google[Java] Copyright d'une API dans Oracle vs Google
l'écran splash de démarrage Ipad impossible sous wordpress aide moi !!!! pour ajouter google adsence dans replye
Generateur de carte du monde pour mon site webAffichage d'une carte
Referencement GoogleUtiliser Google agenda pour une appli de gestion de reservation
Google Maps 
Plus de sujets relatifs à : focus au demarrage sur une carte google maps


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR