2010-12-27 4 views
0

Ich versuche, einige Seiten in Divs zu laden, jeder in seiner Zeit. Lassen Sie mich erklären ...sensequently lädt Seiten in divs nach Zeit

ich eine Tabelle ...

<table id="table4"> 
    <tr> 
     <td>Id:</td> 
     <td>Nome:</td> 
    </tr> 
    <tr> 
     <td>1515</td> 
     <td>Thiago</td> 
    </tr> 
    <tr> 
     <td>2015</td> 
     <td>Guttierre</td> 
    </tr> 
</table> 

Jede "id" steht für ein Stück von einem Link. So ...

http://test.com/1515

geladen ich diese Seite (http://test.com/1515) in ein DIV.

Der Punkt ist ... Ich muss die erste Seite in das div (http://test.com/1515) für die nächste Seite (http://test.com/2015) geladen ändern. Laut Tabelle.

Wie kann ich eine Zeit einstellen, um den Inhalt des DIV zu ändern?

Danke,

Thiago.

///////////////////////////////////////////////// ///////////////////////////////////////////////////////

Jungs, ich möchte dies tun ... .

Legen Sie eine Seite in ein DIV ...

$("#dialog").load('www.test.com/' + 1515 + '.aspx'); 

Nach 90 Sekunden wird der DIV den anderen Wert ...

$("#dialog").load('www.test.com/' + 2015 + '.aspx'); 

ich kann dies nicht tun, lädt, Ich weiß nicht warum. Ich habe einen Test mit ...

$("#loadedPage").fadeOut(50000); 

Und es wurde nur nach der zuletzt geladenen Seite ausgeblendet. Hilf mir!. Bitte!

+0

Ich denke, das braucht weitere Erklärung - vielleicht zeigen die "vor" & "nach" Code? Und ich bin mir nicht sicher, was Sie mit "Festlegen einer Zeit zum Ändern" meinen. –

+0

Wenn Id und Nome Tabellenkopfzeilen sind, dann sollten Sie verwenden, sonst haben Sie möglicherweise Probleme mit dem Styling. – ptpaterson

Antwort

0

Für diejenigen, die das gleiche Problem haben. Wie ich es (auf meine Weise) repariert habe ...

e.preventDefault(); 
    //Define as variáveis 
    var aux = 2; 
    var IdOsArray = new Array(); // 
    var idSOS = $("#table4 tr:nth-child(" + aux + ") td:nth-child(1)").text(); 
    var i = 0; 


    //Verify on table 
    while ((idSOS != "") && (idSOS != undefined) && (idSOS != null) && (idSOS != "Número")) { 
     IdOsArray[i] = $("#table4 tr:nth-child(" + aux + ") td:nth-child(1)").text(); 
     idSOS = IdOsArray[i]; 
     i++; aux++; 
    }; 


    i = 0; 
    function _(i) { 
     idSOS = IdOsArray[i]; 
     $("#dialog,#closediv").css({ 'display': 'none' }); 
     if ((idSOS != "") && (idSOS != undefined) && (idSOS != 'undefined') && (idSOS != null) && (idSOS != "Número")) { 
      _show(idSOS); 
      setTimeout(function() { 

       i++; 
       return _(i) 
      }, 10000); 
     } //end IF 

     else { _hide() }; 

    }; 

    _(i); 

    function _show(idSOS) { 

     var maskHeight = "99%"; 
     var maskWidth = "99%"; 
     $('#mask').css({ 'width': maskWidth, 'height': maskHeight }); 

     //efeito de transição 
     $('#mask').fadeIn(800); 
     $("#dialog").fadeIn(1600); 
     $('#mask').fadeTo("slow", 1); 
     $('#dialog').fadeTo("slow", 1); 
     $("#dialog, #mask,#closediv").css({ 'display': 'block' }); 

     //armazena a largura e a altura da janela 
     var winH = $(window).height(); 
     var winW = $(window).width(); 
     //centraliza na tela a janela popup 
     $("#dialog, #mask").css('top', '2px'); 
     $("#dialog, #mask").css('left', '2px'); 

     //Modal Content 

     $("#dialog").load('http://localhost/superdata/osview/osview.aspx?sos=' + idSOS); 



    } 

    function _hide() { 
     $('#mask,#closediv,.window').hide(); 
    }; 

    //close click 
    $('#mask,#closediv,.window').click(function GetOut(e) { 
     _hide(); 
    }); 



}); 
2

Wenn Sie etwas auf einen Timer einstellen möchten, können Sie JavaScripts setTimeout oder setInterval Methoden verwenden:

setTimeout (expression, timeout); 
setInterval (expression, interval); 

Wo expression eine Funktion ist und timeout und interval ganze Zahlen in Millisekunden sind. setTimeout startet den Timer einmal und führt die expression einmal, während setInterval die expression jedes Mal ausgeführt wird, die interval passiert.

in Ihrem Fall So wäre es so etwas wie dies funktioniert:

setTimeout(function() { 
    //set the contents of the div 
}, 5000); //5 seconds