I know how I can open external URL and how I can open programmaticaly overlays but when I mix them, I get nothing.
here is my code
when I run my page.
overlay is working, preload text is visible (Loading...) but the overlay stay empty. I tried with differents URLs, but nothing is working. It's like if wrap.load was not working. I used Firebug but nothing helped :/
any help? :)
here is my code
<div class="overlay" id="overlay">
<div class="contentWrap"></div>
</div>
<script type="text/javascript">
$("#overlay").overlay(
{
effect: 'apple',
top: 70,
expose: 'darkred',
onBeforeLoad: function() {
var wrap = this.getContent().find("div.contentWrap");
wrap.text("Loading...");
wrap.load('http://www.google.com/');
},
api: true
}).load();
</script>
when I run my page.
overlay is working, preload text is visible (Loading...) but the overlay stay empty. I tried with differents URLs, but nothing is working. It's like if wrap.load was not working. I used Firebug but nothing helped :/
any help? :)