hover iframe

Discutii legate de AJAX, jQuery, MooTools, Prototype, Dojo, Yahoo! UI Library,script.aculo.us, ExtJS,AngularJS, Backbone.js, Ember.js, KnockoutJS

Moderator: Moderatori

dincu
Average Member
Mesaje: 123
Membru din: Sâm Ian 21, 2012 7:22 pm

hover iframe

Mesajde dincu » Sâm Ian 12, 2013 6:39 pm

Salut, am urmatorul cod:

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&amp;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!



ViezuREX
Senior Member
Mesaje: 499
Membru din: Joi Dec 13, 2012 1:35 pm

Re: hover iframe

Mesajde ViezuREX » Sâm Ian 12, 2013 7:24 pm

Una simpla la care ma gandesc este sa faci asa:

Cod: Selectaţi tot

<div class='show'>
     <img src='images/map.png' width='40' height='40' border='0' onmouseover='document.getElementById("map").contentDocument.location.reload(true);' />
</div> 
<div class='iframe'>
     <iframe id='map' width='956' height='632' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com?q=$country+$city+$place&amp;output=embed'>
     </iframe>
</div>

dincu
Average Member
Mesaje: 123
Membru din: Sâm Ian 21, 2012 7:22 pm

Re: hover iframe

Mesajde dincu » Sâm Ian 12, 2013 7:37 pm

ViezuREX scrie:Una simpla la care ma gandesc este sa faci asa:

Cod: Selectaţi tot

<div class='show'>
     <img src='images/map.png' width='40' height='40' border='0' onmouseover='document.getElementById("map").contentDocument.location.reload(true);' />
</div> 
<div class='iframe'>
     <iframe id='map' width='956' height='632' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com?q=$country+$city+$place&amp;output=embed'>
     </iframe>
</div>


eu am intr-un echo div-ul asta, si ma incurca ghilimelele de la document.getElementById("map"), daca le pun 'map', vad ca nu face nimic.. merci oricum

ViezuREX
Senior Member
Mesaje: 499
Membru din: Joi Dec 13, 2012 1:35 pm

Re: hover iframe

Mesajde ViezuREX » Sâm Ian 12, 2013 7:47 pm

Escapeaza-le cu \ adica \"map\"

dincu
Average Member
Mesaje: 123
Membru din: Sâm Ian 21, 2012 7:22 pm

Re: hover iframe

Mesajde dincu » Sâm Ian 12, 2013 8:57 pm

ViezuREX scrie:Escapeaza-le cu \ adica \"map\"


nu functioneaza

daca pun la sfarsitul src-uului ";" src='https://maps.google.com?q=$country+$city+$place&amp;output=embed;'

am vazut ca se reincarca, dar nu imi mai arata hover-ul..
o sa incerc sa caut alta cale mai simpla

ViezuREX
Senior Member
Mesaje: 499
Membru din: Joi Dec 13, 2012 1:35 pm

Re: hover iframe

Mesajde ViezuREX » Sâm Ian 12, 2013 11:34 pm

Poti sa imi dai un link unde as putea sa vad "live" chestia asta?


Înapoi la “Librarii Javascript”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator