11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je suis en train de construire un site internet pour une crêperie en Bretagne.

J'ai un soucis avec le javascript apparemment. J'utilise une map google dans la partie "Pland d'accès" du site. L'iframe qui contient le lieu de la crêperie se s'affiche pas correctement. Le lieu pointé par le petit symbole rouge est sensé être au milieu. Là, il se trouve dans le coin en haut à gauche. Je pense que vous comprenez que ce n'est pas confortable pour un utilisateur.

Pourquoi la faute au Javascript? Car avant le mettre j'affichais tout dans en même temps et je n'avais pas souci. Depuis, j'ai mis le Javascript pour afficher et masquer les parties en fonction des clics. Et depuis, je comprend pas pourquoi ça s'affiche comme ça... Un souci pendant le chargement? Car à la base il est caché.

Quelqu'un aurait une idée svp?

http://creperietybihan.fr/test2.html

Code de l'iframe:
<div class="hidden" id="plan" style="width:700px;padding:10px">
	<iframe width="550" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.fr/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=creperie+ty+bihan+morlaix&amp;aq=&amp;sll=48.580955,-3.831251&amp;sspn=0.001927,0.005284&amp;t=h&amp;ie=UTF8&amp;hq=creperie+ty+bihan&amp;hnear=Morlaix,+Finist%C3%A8re,+Bretagne&amp;ll=48.581011,-3.831809&amp;spn=0.007476,0.007878&amp;output=embed">
	</iframe>
	<br />
	<p style="margin-top:0px;"><small>Regarder le plan sur Google Maps : <a target="_blank" href="https://maps.google.fr/maps?f=q&amp;source=embed&amp;hl=fr&amp;geocode=&amp;q=creperie+ty+bihan+morlaix&amp;aq=&amp;sll=48.580955,-3.831251&amp;sspn=0.001927,0.005284&amp;t=h&amp;ie=UTF8&amp;hq=creperie+ty+bihan&amp;hnear=Morlaix,+Finist%C3%A8re,+Bretagne&amp;ll=48.581011,-3.831809&amp;spn=0.007476,0.007878" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>
	</p>	
</div>

Modifié par Naxxan (21 Oct 2012 - 18:09)