2010-10-26 67 views
2

我使用动态驱动器中的此选项卡脚本。这里的网址...提交表单帮助。将结果加载到内容div中

http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm

我有对朋友搜索表单的页面。当提交我想结果加载到内容容器。“countrydivcontainer”基本上这是我的布局......

<table cellpadding='0' cellspacing='0' width='100%'> 
<tr> 
<td class='friends_left'> 

<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px"> 
<!-- ajaxContent --> 
</div> 

</td> 

<td class='friends_right' valign="top"> 

<form action='user_friends.php' method='post' name='searchform'> 
<input type='text' maxlength='100' style="width: 148px;" class='text' id="search" name='search' value='Search Friends' autocomplete="off"> 
</form> 

<div id="countrytabs" class="shadetabs2"> 
<div><a href="friendsall.php" rel="countrycontainer"><div class="shadewidth">All Friends</div></a></div> 
<div><a href="user_friends_requests.php" rel="countrycontainer"><div class="shadewidth">Friend Requests</div></a></div> 
<div><a href="user_friends_requests_outgoing.php" rel="countrycontainer"><div class="shadewidth">Outgoing Requests</div></a></div> 
<div><a href="phonebook.php" rel="countrycontainer"><div class="shadewidth">Phonebook</div></a></div> 
<div><a href="invite.php" rel="countrycontainer"><div class="shadewidth">Find Friends</div></a></div> 
</div> 

</td> 
</tr> 
</table> 


{literal} 
<script type="text/javascript"> 
<!-- 
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer") 
countries.setpersist(true) 
countries.setselectedClassTarget("link") //"link" or "linkparent" 
countries.init() 
//--> 
</script> 
{/literal} 

我们是否有编辑实际的表单页面?在这种情况下,“user_friends.php”尝试了一些不同的东西,但不能得到它的工作,任何帮助,非常感谢!谢谢:)

回答

0

你试图做的是超出了ajaxtabscontent的范围,你应该看看ajax调用这将完成countrydivcontainer。

首先,我会使用jQuery.post()来吸收。