2011-04-23 79 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