帮助提交表格。将结果加载到内容div中

时间:2010-10-26 00:10:37

标签: javascript

我正在使用Dynamic Drive中的此标签脚本。这是URL ......

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”尝试了一些不同的东西,但无法让它工作,任何帮助非常感谢!谢谢:))

1 个答案:

答案 0 :(得分:0)

你试图做的是超出了ajaxtabscontent的范围,你应该看看ajax调用,它会在完成填充countrydivcontainer时使用。

首先,我会使用jQuery.post()来提取。