2011-02-28 204 views
13

tengo este trozo de códigoun iframe necesito para actualizar cada 30 segundos (pero no toda la página)

<iframe marginwidth="0" marginheight="0" width="240" height="80" scrolling="no" frameborder=0 src="irc_online.php"> 
</iframe> 

estoy añadiendo esto a un widget html que tengo en una barra lateral, ¿Hay alguna manera Puedo hacer que esta actualización diga cada 30 segundos y no el resto de mi página?

Muchas Gracias

Respuesta

26

Se puede poner una etiqueta meta de actualización en el irc_online.php

<meta http-equiv="refresh" content="30"> 

o puede utilizar Javascript con setInterval para refrescar el src de la Fuente ...

<script> 
window.setInterval("reloadIFrame();", 30000); 

function reloadIFrame() { 
document.frames["frameNameHere"].location.reload(); 
} 
</script> 
+0

Así que hice esto mal porque no está funcionando (i parece que no puede agregar un cuadro de código para esta respuesta lo siento) [code] [/ code] – VK27

+0

Sí su (el atributo name) – ahmet2106

+0

Es no funciona para mi Esto es lo que tengo: VK27

0

agregue "id = 'myiframe'" al iframe, luego use este script:

<script> 

function f1() 
{ 
var x=document.getElementById("myiframe"); 
    x.src=x.src+Math.floor(random()%100000); 
} 

setInterval(f1,30*1000); 

</script> 
+0

¿Dónde pondré esta función f1() {var x = document.getElementById ("myiframe"); x.src = x.src + Math.floor (random()% 100000); } setInterval (f1,30 * 1000); solo se muestra en mi página Gracias – VK27

7

vamos a suponer que su identificador de iframe = myIframe

aquí está el código:

<script> 
window.setInterval("reloadIFrame();", 30000); 
function reloadIFrame() { 
document.getElementById("myIframe").src="YOUR_PAGE_URL_HERE"; 
} 
</script> 
1

tengo una solución más simple. En su página de destino (irc_online.php) agregue un trapo de restauración automática en el encabezado.

+1

¡Oh hombre, esto me ahorra tiempo! Gracias – Bishan

1

Bien ... así que sé que estoy respondiendo a una pregunta de la década, ¡pero quería agregar algo! Quería agregar un calendario de google con parámetros especiales de iframe. El problema es que el calendario no funcionó sin eso. 30 segundos es un poco corto para mi uso, así que lo cambié en mi propio archivo a 15 minutos Esto funcionó para mí.

<script> 
window.setInterval("reloadIFrame();", 30000); 
function reloadIFrame() { 
document.getElementById("calendar").src=calendar.src; 
} 
</script> 

    <iframe id="calendar" src="[URL]" style="border-width:0" width=100% height=100% frameborder="0" scrolling="no"></iframe> 
Cuestiones relacionadas