У меня есть главная страница:
<script src='js/jquery-1.10.2.js'></script>
<script>
$(document).ready(readyFn);
function readyFn() {
$('#cartelera01').attr('data','prueba5.html');
function doSomething(){
console.log('do something when the event of the object is triggered');
}
}
</script>
<html>
<body>
<div>
<object id="cartelera01" type="text/html" data="" width="500" height="300" style='overflow-x: hidden;overflow-y: hidden;'
onpagehide="doSomething()"
></object>
</div>
</body>
</html>
и у вас есть prueba5.html:
script src='js/jquery-1.10.2.js'></script>
<script>
$(document).ready(readyFn);
function readyFn() {
console.log('page init');
setTimeout(function()
{
console.log('after 3 seconds, page end'); //here I want to fire event object of principal page
}, 3000);
}
</script>
<html>
<body>
<div style="left:0;width:300;heigth:200;background:black;">
<img src="bola1.png" style='top:0;left:0px;width:180;height:180px;position:absolute;'>
</div>
</body>
</html>
Я хочу, чтобы, когда страница prueba5.html завершилась автоматически (через 3 секунды), объект "cartelera01" главной страницы узнал, что страница prueba5.html закончилась и что-то делает. Кто-нибудь может мне помочь? Заранее спасибо.
Вы пытались думать о Ajax, чтобы делать то, что хотите? С помощью Ajax вы можете сделать вызов страницы для загрузки другой страницы без изменения заголовка главной страницы, а затем в конце вы можете сгенерировать ответ на уведомление...
см. пример здесь