0

Buenos dias mi consuta es referente a un iframe, bueno pues he hecho una web donde tengo un boton para crear cuentas automaticas, esto funciona de la siguiente manera. El boton crear cuenta tiene un script en php que lo que hace es coger la primera linea de un .txt, copiarlo al .txt del usuario y borrar esa primera linea del .txt donde estan todas las cuentas. Luego en la pagina del usuario tiene un iframe donde se muestra ese .txt que ya a copiado. Bueno la cuestion viene aqui: Si yo le doy al boton de crear cuenta a veces no sale en el iframe la cuenta copiada, si no que tengo que recargar la pagina. Entonces le he puesto un script en java para que autorefresque el iframe cada 5 segundos, pero se me presenta el problema de que cuando hay varias cuentas en el mismo .txt del usuario no se puede llegar a la ultima por el tiempo....

Resumiendo: Lo que el script php es coger la primera linea del archivo comun donde estan todas las cuentas que he creado yo (todalascuentas.txt) y copiarlo al usuario.txt cuando el usuario le da al boton (Crear cuentas) y tambien a su vez borra la primera linea cogida que a copiado en usuario.txt Y el usuario.txt es lo que se muestra en el iframe. Lo que pasa es que dependiendo de la demora del script te lo muestra o no y hay que refrescar la web completa, por eso puse el script en java para que actualice solo el iframe cada 5 segundos (en bucle). Y lo que necesito es que lo actualice a los 5 segundos y que pare (que no haya bucle) de que el usuario le de al boton crear cuenta

Codigo:

Javascript
<script type='text/javascript'>
var iframe = document.getElementById('snakenet');
var refreshInterval = 1000 * 5; // Refresh every 5 seconds
setInterval(function() {
  iframe.src = iframe.src;
}, refreshInterval); 
</script>


boton:
<a href="./index.php?bin=verdu"><img src="./img/crearusuario.png" onmouseover="this.src='./img/crearusuario2.png';" onmouseout="this.src='./img/crearusuario.png';"/width="100%" height=100%></a>



Iframe

<iframe id="snakenet" width="100%"  height="100%"  frameborder="1" border="1" scrolling="yes" name="myIframe" src="/usuario/usuario.txt"/align="middle"></iframe>
9
  • ¿Un script en Java? ¿Has pensado en solucionar esto mejor mediante Ajax, sin utilizar iframe?
    – A. Cedano
    Commented el 1 feb. 2019 a las 12:08
  • Pues si te digo la verdad @A.Cedano estoy empezando en esto de la programacion web y no tengo ni idea de como solucionarlo con ajax.. podrias ilustrarme? Commented el 1 feb. 2019 a las 12:17
  • Si estás iniciando de esta manera (con iframe) eres un valiente. Leyendo tu pregunta creo que es mucho más simple hacerlo con Ajax, desde una sola página, sin tener que refrescarla. Lo que pasa es que la pregunta no es clara: en un momento hablas de Java ¿? y luego, no se entiende bien lo del archivo en el cliente... ¿es un archivo de texto que está del lado del cliente? Sería bueno que aclares tu pregunta y podemos intentar una solución.
    – A. Cedano
    Commented el 1 feb. 2019 a las 12:20
  • @A.Cedano haber si me puedo explicar bien jeje, haber es una web privada donde el usuario se loguea y cada usuario tiene su index.php.... su carpeta independiente etc... dentro de su carpeta hay un archivo llamado usuarios.txt que es lo que muestra el iframe. Lo que el script php es coger la primera linea del archivo comun donde estan todas las cuentas que he creado yo (todalascuentas.txt) y copiarlo al usuario.txt cuando el usuario le da al boton (Crear cuentas) y tambien a su vez borra la primera linea cogida que a copiado en usuario.txt Commented el 1 feb. 2019 a las 12:25
  • Cualquier aclaración ponla en la pregunta directamente, no en un comentario. Si los archivos están en el servidor mejor todavía, eso es pan comido con Ajax, pero aclara las cosas editando la pregunta. Gracias.
    – A. Cedano
    Commented el 1 feb. 2019 a las 12:26

1 respuesta 1

0

puedes usar ajax para cuando el php termine de procesar el iframe, se actualize sin necesidad de hacer un setTimeout

var iframe = $("#snakenet");

function crearUsuario(event){
  event.preventDefault() // DESACTIVO EL HREF POR DEFECTO
  var el = $(event.target); // SELECCIONO EL NODO </a>
  var bin = el.attr("data-bin"); // COJO DEL ATRIBUTO DATA-BIN EL VALOR
  
  $.ajax({
    url: './index.php?bin='+bin,
    type: 'GET',
    success: function(response){
      // CUANDO TERMINE DE PROCESAR EJECUTAMOS EL RELOAD DEL IFRAME
      iframe.get(0).contentDocument.location.reload() // 
    }
  });
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<iframe id="snakenet" width="100%"  height="100%"  frameborder="1" border="1" scrolling="yes" name="myIframe" src="/usuario/usuario.txt"/align="middle"></iframe>

<a onclick="crearUsuario(event)" href="#" data-bin="verdu"><img src="./img/crearusuario.png" onmouseover="this.src='./img/crearusuario2.png';" onmouseout="this.src='./img/crearusuario.png';"/width="100%" height=100%></a>

9
  • el primer cuadro de codigos va en Head no? estoy muy verde aun jejeje Commented el 1 feb. 2019 a las 13:14
  • La primera parte ponla al final y la segunda en el head Commented el 1 feb. 2019 a las 13:32
  • @Jorege Bowen te pongo el codigo de mi index.php en la pregunta y me dices que hago mal please Commented el 1 feb. 2019 a las 13:38
  • Añade en tu head la librería jquery que está justo antes del iframe en mi respuesta Commented el 1 feb. 2019 a las 13:49
  • pastebin.com/CWVh4gHm ese es mi index.php @Jorge Bowen Commented el 1 feb. 2019 a las 13:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.