Afficher et cacher un pla google map avec jquery

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Afficher et cacher un pla google map avec jquery

Afficher et cacher un pla google map avec jquery

par blinz » 03 juin 2015, 09:44

Salut j'ai un petit bout de code qui me permet d'afficher une map, par default celui est caché est au clik on fait apparaitre la carte.
Tout marche la localisation et tt se fait corectement mais la carte reste caché au moment ou je met le js en place.
Si je supprime la div <div id="toggle_plan"> la carte apparait bien mais il est important pour moi que le plan soit cacher et le faire apparaitre uniquement au clik, merci pour votre aide à venir :wink:

Mon code :

Le formulaire avec l'adresse de l'id cliké et le fameux bouton onclik
<form>
  <input type="hidden" id="adresse" value="<?php if($ligne['street'] == NULL) { echo "Non renseigné";} else {echo htmlspecialchars ($ligne['street']);}?> , <?php echo htmlspecialchars ($ligne['postcode'].' '.$ligne['city']);?>"/>
  <a id="toggler_plan"><input class="visual_map" type="button"  value="Localiser sur Google Map" onclick="TrouverAdresse();"/></a>
</form>
La carte en elle même, avec la div relié au js
<div id="toggle_plan">
<div id="map-canvas" style="height:270px;width:100%; margin-bottom:15px"></div>
</div>
Et le js en question qui fait l'action de cacher et d'afficher le plan
<script type='text/javascript'>
jQuery(document).ready(function()
{
   // On cache la zone de texte
   jQuery('#toggle_plan').hide();
   // toggle() lorsque le lien avec l'ID #toggler est cliqué
   jQuery('a#toggler_plan').click(function()
  {
      jQuery('#toggle_plan').toggle(500);
      return false;
   });
});
</script>