2011-04-23 82 views
0

我在index.php頁面中創建了兩個頁面「index.php」&「library.php」我使用ajax包含了一個div頁面.the problam是當我調用library.php時在index.php文件是存在library.php Ajax頁面是不是working.please幫助......在當前ajax頁面調用ajax頁面

這裏是我的代碼

的index.php

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript"> 
var rootdomain = "http://" + window.location.hostname 

function ajaxinclude(url) { 
    var page_request = false 
    if (window.XMLHttpRequest) page_request = new XMLHttpRequest() 
    else if (window.ActiveXObject) { 
     try { 
      page_request = new ActiveXObject("Msxml2.XMLHTTP") 
     } catch (e) { 
      try { 
       page_request = new ActiveXObject("Microsoft.XMLHTTP") 
      } catch (e) {} 
     } 
    } else return false 
    page_request.open('GET', url, false) 
    page_request.send(null) 
    writecontent(page_request) 
} 

function writecontent(page_request) { 
    if (window.location.href.indexOf("http") == -1 || page_request.status == 200) document.write(page_request.responseText) 
} 

</script> 
</head> 

<body> 
<div style="width:400px; height:500px;"> 
<script type="text/javascript"> 
ajaxinclude("Library.php") 
</script> 
</div> 


</body> 
</html> 

library.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <meta http-equiv="Content-Style-Type" content="text/css"> 
     <meta http-equiv="Content-Script-Type" content="text/javascript"> 

     <title>Tabs - jQuery plugin for accessible, unobtrusive tabs</title> 

     <script src="javascript/jquery-1.1.3.1.pack.js" type="text/javascript"></script> 
     <script src="javascript/jquery.history_remote.pack.js" type="text/javascript"></script> 
     <script src="javascript/jquery.tabs.pack.js" type="text/javascript"></script> 


     <link rel="stylesheet" href="css/jquery.tabs.css" type="text/css" media="print, projection, screen"> 

     <style type="text/css" media="screen, projection"> 



     body { 
      font-size: 16px; } 
     * html body { 
      font-size: 100%; 
     } 
     body * { 
      font-size: 87.5%; 
      font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; 
     } 
     body * * { 
      font-size: 100%; 
     } 
     h1 { 
      margin: 1em 0 1.5em; 
      font-size: 18px; 
     } 
     h2 { 
      margin: 2em 0 1.5em; 
      font-size: 16px; 
     } 
     p { 
      margin: 0; 
     } 
     pre, pre+p, p+p { 
      margin: 1em 0 0; 
     } 
     code { 
      font-family: "Courier New", Courier, monospace; 
     } 
     </style> 
    </head> 
    <body> 

    <h2>Slide and Fade Effect Combined</h2> 

    <div id="container-5"> 
     <ul> 
      <li><a href="#fragment-13"><span>One</span></a></li> 
      <li><a href="#fragment-14"><span>Two</span></a></li> 
      <li><a href="#fragment-15"><span>Three</span></a></li> 
     </ul> 
     <div id="fragment-13"> 
      <p>Use a combined slide and fade effect to switch tabs:</p> 
      <pre><code>$(&#039;#container&#039;).tabs({ fxSlide: true, fxFade: true, fxSpeed: 'fast' });</code></pre> 
     </div> 
     <div id="fragment-14"> 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     </div> 
     <div id="fragment-15"> 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     </div> 
    </div> 

<script type="text/javascript"> 
     $(function() { 
      $('#container-5').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' }); 
     }); 
    </script> 
</body> 
</html> 
+0

你的代碼,請 – Sourav 2011-04-23 05:50:11

+2

我不會闖入你的電腦竊取你的代碼並進行調試。 – Blender 2011-04-23 05:50:56

+0

@blender,你需要在debug-ninja.stackoverflow.com發佈 – JohnP 2011-04-23 05:55:28

回答

0

閱讀你的代碼後(在index.php頁面包括),它看起來像要在現有頁面添加頁面,那麼爲什麼要使用這些......一次嗎?
只需嘗試純文本!沒有HTML,頭!
腳本,樣式可用於:)

您可以使用此jQuery代碼

$("#targetDiv").load("library.php"); 

Edit 2
嘗試jQuery的這個Library.php

<script src="javascript/jquery-1.1.3.1.pack.js" type="text/javascript"/> 
    <script src="javascript/jquery.history_remote.pack.js" type="text/javascript" /> 
    <script src="javascript/jquery.tabs.pack.js" type="text/javascript" /> 
    <link rel="stylesheet" href="css/jquery.tabs.css" type="text/css" media="print, projection, screen"> 
    <style type="text/css" media="screen, projection"> 
    body { 
     font-size: 16px; } 
    * html body { 
     font-size: 100%; 
    } 
    body * { 
     font-size: 87.5%; 
     font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; 
    } 
    body * * { 
     font-size: 100%; 
    } 
    h1 { 
     margin: 1em 0 1.5em; 
     font-size: 18px; 
    } 
    h2 { 
     margin: 2em 0 1.5em; 
     font-size: 16px; 
    } 
    p { 
     margin: 0; 
    } 
    pre, pre+p, p+p { 
     margin: 1em 0 0; 
    } 
    code { 
     font-family: "Courier New", Courier, monospace; 
    } 
    </style> 
</head> 
<body> 

<h2>Slide and Fade Effect Combined</h2> 

<div id="container-5"> 
    <ul> 
     <li><a href="#fragment-13"><span>One</span></a></li> 
     <li><a href="#fragment-14"><span>Two</span></a></li> 
     <li><a href="#fragment-15"><span>Three</span></a></li> 
    </ul> 
    <div id="fragment-13"> 
     <p>Use a combined slide and fade effect to switch tabs:</p> 
     <pre><code>$(&#039;#container&#039;).tabs({ fxSlide: true, fxFade: true, fxSpeed: 'fast' });</code></pre> 
    </div> 
    <div id="fragment-14"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
    <div id="fragment-15"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    </div> 
</div> 

<script type="text/javascript"> 
    $(function() { 
     $('#container-5').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' }); 
    }); 
</script> 
+0

我嘗試你提到它不工作,我不明白爲什麼阿賈克斯不工作..請解釋 – sheetal369 2011-04-23 06:17:51

+0

你想在INDEX.PHP顯示LIBRAY.PHP?你得到什麼錯誤? – Sourav 2011-04-23 06:22:44

+0

library.php是一個標籤panal該標籤的名稱是一,二,三,但是當我在index.php中顯示library.php它不是以標籤形式來它來就像不使用ajax文件這意味着JavaScript不工作時我在index.php中調用library.php – sheetal369 2011-04-23 06:31:50