Cod: Selectaţi tot
<style>
.iframe{
display: none;
position: fixed;
margin-left: -952px;
top: 5px;
}
.show:hover .iframe{
display : block;
}
</style>
<div class='show'><img src='images/map.png' width='40' height='40' border='0'/><div class='iframe'><iframe width='956' height='632' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com?q=$country+$city+$place&output=embed'></iframe></div></div>
Care imi arata pozitia pe google maps in functie de $country+$city+$place.
Problema este ca iframe-ul se incarca inainte sa pun mouse-ul pe "images/map.png" si nu imi arata obiectivul in centrul paginii.. Am observat ca daca pun mouse-ul pe "images/map.png" in timp ce se incarca toata pagina, imi afiseaza bine obectivul. Sper ca intelegeti ce spun..
Asa ca ma gandesc ca am nevoie sa fac cumva sa imi incarce iframe-ul numai atunci cand sunt hover cu mouse-ul ca sa imi afiseze obiectivul in centru.
Cred ca as putea sa iau prin GET $country+$city+$place si sa pun harta in alta pagina, dar este mai complicat...
Ceva solutii? Multumesc!