5568 sujets

Sémantique web et HTML

Tabs et chargement carte

Bonjour j'ai créer sur un site une div avec onglet, le fonctionne marche bien! mon problème viens de la carte maps google l'orque je mais "checked="checked" sur l'ongle localisation elle se charge bien mais ci je mais "checked="checked" sur info la carte ne ce charge pas en entier !
Des solutions ?

<div class="css3-tabstrip">
  <ul>
    <li>
      <input type="radio" name="css3-tabstrip-0" id="css3-tabstrip-0-0" />
      <label for="css3-tabstrip-0-0">Info</label>
      <div> Information </div>
    </li>
    <li>
      <input type="radio" name="css3-tabstrip-0" id="css3-tabstrip-0-1" />
      <label for="css3-tabstrip-0-1">Description</label>
      <div> Description </div>
    </li>
    <li>
      <input type="radio" name="css3-tabstrip-0" checked="checked" id="css3-tabstrip-0-2" />
      <label for="css3-tabstrip-0-2">Localisation</label>
      <div>
        <iframe width="100%" height="500" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCDmAt6NXkoFCo9ZXw_VcBo905rhW4-Q-g&q=67290+wingen,France"></iframe>
        <span style="font-size: 12px; font-style: italic; color: #666;">La position sur la carte est donnée à titre indicatif.</span> </div>
    </li>
  </ul>
</div>
une petite solution en js est-ce que ca peu tenir la route ?
<li>
        <script type="text/javascript">
function refresh() {
    setTimeout(function () {
        document.getElementById('maps-actu').innerHTML = '<iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCDmAt6NXkoFCo9ZXw_VcBo905rhW4-Q-g&q=<?php echo $row_offre['cp'];?>+<?php echo $row_offre['ville']; ?>,<?php echo $row_region['pays']; ?>"></iframe>';
    } ,0);
}
</script>
      
      <input name="css3-tabstrip-0" type="radio" onclick="refresh();"  id="css3-tabstrip-0-2"  /><label for="css3-tabstrip-0-2">Localisation</label>
            <div id="maps-actu">
                         
<iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCDmAt6NXkoFCo9ZXw_VcBo905rhW4-Q-g&q=<?php echo $row_offre['cp'];?>+<?php echo $row_offre['ville']; ?>,<?php echo $row_region['pays']; ?>"></iframe>

 <span style="font-size: 12px; font-style: italic; color: #666;">La position sur la carte est donnée à titre indicatif.</span> 
				    </div>
        </li>
Administrateur
Bonjour,

Note : si ça vous est possible de soigner l'orthographe du sujet, ce serait bienvenu. Si c'est pas possible tant pis mais si ça l'est tant mieux, je déchiffre en phonétique et c'est, disons, inconfortable.
Retour au sujet : il manque la manière dont fonctionne le menu à onglet (tabstrip). Est-ce que ça règle le problème de ne cacher le contenu du 3e onglet qu'après que la carte Google Maps se soit affichée ? Elle ne peut peut-être pas se charger correctement dans un élément en display: none; ?
Sujet clos
Aller à