2010-12-27 7 views
0

divs에 페이지를로드하려고합니다. ... 내가 설명 내가 테이블이dived에서 페이지를 시간순으로 로딩 중

...

<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> 

각각 "ID"

가 링크의 조각을 표현하자. 이처럼 ... http://test.com/1515

은 내가 DIV로이 페이지 (http://test.com/1515를)로드.

요점은 ... 다음 페이지 (http://test.com/2015)에서 div (http://test.com/1515)에로드 된 첫 번째 페이지를 변경해야합니다. 테이블에 따르면.

어떻게하면 DIV의 콘텐츠를 변경할 수 있습니까?

감사합니다.

Thiago.

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

얘들 아, 이걸하고 싶다. .

로드는 DIV로 페이지 ...

DIV에 다른 값을로드 90초 후
$("#dialog").load('www.test.com/' + 1515 + '.aspx'); 

...

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

나는이 작업을 수행 할 수 없습니다, 나는 이유를 모른다. 나는 ...

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

마지막으로로드 된 페이지 이후에만 페이드 아웃했다. 도와주세요!. 부디! 당신은 타이머에 뭔가를 설정하려면

+0

나는 이것이 "before"& "after"코드를 보여줄 것이라고 생각한다. 그리고 "변화 할 시간을 정하십시오"라는 말의 의미가 확실하지 않습니다. –

+0

Id와 Nome이 테이블 헤더 인 경우 을 사용해야합니다. 그렇지 않으면 스타일에 문제가있을 수 있습니다. – ptpaterson

답변

0

같은 문제가있는 사람들을 위해 :

그래서 귀하의 경우에는 다음과 같이 작동합니다. 내가 어떻게 고쳐 놨는가 (내 방식으로) ...

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

, 당신은 자바 스크립트의 setTimeout 또는 setInterval 방법을 사용할 수 있습니다 expression 함수와 timeoutinterval입니다

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

밀리 초 단위의 정수입니다. setTimeout은 타이머를 한 번 실행하고 expression을 한 번 실행합니다. 반면에 setInterval은 interval이 전달 될 때마다 expression을 실행합니다.

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