1

Quiero alternar el contenido de "#booking-table" con "#today" y "#tomorrow". "#today" y "#tomorrow" serán fracciones de código php servidos en la misma página index.php. A su vez "#today" y "#tomorrow" solo deberían mostrarse o el uno o el otro.

Ha quedado resuelta así (no obstante agradecería soluciones más elegantes):

<script type="text/javascript">
function loadtoday(){
	$('#booking-table').load('index.php #today');
};

function loadtomorrow(){
	$('#booking-table').load('index.php #tomorrow');
};
function delaytoday(){
	setTimeout("loadtoday()", 60000);
};
setInterval("loadtomorrow()", 120000);
setInterval("delaytoday()", 120000);
</script>
<div id="booking-table" class="clear">
<div id="today">
Código php 1.
</div>

<div id="hidden" style="display:none;">
<div id="tomorrow">
Código php 2.
</div></div>
</div>

4

2 respuestas 2

1

Este código mas que elegante, lo hice para que entiendas mejor el funcionamiento del comando setInterval. Como te darás cuenta puedes ingresar código directamente en el setInterval con function() cada vez que se ejecute realizara una condición de la bandera cambio y ejecutara una de las funciones que realizaste. Como setInterval funciona después de que pasa el tiempo ejecute inicialmente una función (loadtomorrow()) para no tener que esperar todo el tiempo y poder ver un fragmento de la pagina

var cambio=true;
loadtomorrow();
setInterval(function(){
  if(cambio){
    loadtoday();
    cambio=false;
  }else{
    loadtomorrow();
    cambio=true;
  }
}, 120000);
1
  • De momento no puedo votar tu respuesta. Muchas gracias. Ha sido muy ilustrativo. En un principio yo también ejecutaba una función por defecto para que hubiera contenido, pero no consigo que funcione como quiero, opté por dejar #today, por defecto visible y ocultar por defecto #tomorrow. Muchas gracias.
    – n7rc
    el 30 mar. 2018 a las 8:10
0

Gracias por las orientaciones. Mi necesidad ha quedado resuelta del siguiente modo:

function showToday(){
  $('#hidden').hide();
  $('#today').show();
}
function showTomorrow(){
  $('#today').hide();
  $('#hidden').show();
}
var flag=false;
setInterval(function(){
  if(flag){
    showToday();
    flag=false;
}else{
  showTomorrow();
  flag=true;
}
}, 5000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="booking-table">
  <div id="today">
    Código php_1.
  </div>

  <div id="hidden" style="display:none;">
    <div id="tomorrow">
      Código php_2.
    </div>
  </div>
</div>

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.