2011-03-09 69 views
1

我目前拥有的是我设计编辑数据库中的信息的页面。我知道如何在HTML中制作表格,以及如何让PHP脚本停留在服务器上。该proplem与Javasrcipt进来。我对此有一点了解。我在这个页面中有一些JavaScript已经使它动态,但我现在坚持提交表单回到PHP脚本。JavaScript需要提交一个表单到PHP脚本?

页不能远离它,因为它会使编辑信息更容易这种方式移动。我已经尝试在提交按钮中返回false,但是我希望这个脚本能够正常工作,但提交按钮本质上变成了一个死锁,无所事事。

继承人破我的全部代码了。它被混淆很快

<body> 
<?php 

$conn=odbc_connect("","",""); 
    if (!$conn) 
     {exit("Connection Failed: " . $conn);} 

$sql="SELECT Artist.Artist, Artist.ID 
FROM Artist 
ORDER BY Artist.Artist"; 

$rs=odbc_exec($conn,$sql); 
if (!$rs) 
{exit("Error in SQL");} 

这将选择艺术家这样的话一小片的剧本,然后熄灭一个PHP页面以获取该艺术家的专辑并显示下一个下拉的专辑选择。它是从这个下拉抓下来的唯一信息是id,并且那它需要的所有

echo "<form name='Artist'><select tabindex='1' name='Artist_list'  onchange='showUser(this.value)'>"; 
    while ($row = odbc_fetch_row($rs)){ 
    $artist= odbc_result($rs,"Artist"); 
    $artist_id=odbc_result($rs,"ID"); 
echo "<option value='$artist_id'>$artist</option>";} 
echo "</select>"; 
echo "</form>"; 
?> 
<br /> 

这个div就是专辑下拉是

<div class="album" id="albumlist"><b>Album List</b></div> 
<hr style=background-color="#e4a566"; color="#e4a566";/> 
<br /> 

然后,所有的细节,如价格目录号。和条形码都在这里显示的形式与曲目

<div class="album" id="albumdetails"><b>Album Details</b></div> 

<br /> 

专辑图片被显示

<div class="imageforeditpage" id="image"><b>Image Goes Here</b></div> 

<br /> 

这必须永远留在这里,不管发生了什么

从这里就是页面一起我有proplems,我需要与所有细节的形式去另一个PHP脚本,然后可以插入更改的数据。我需要所有的ID的信息,以曲目

这是我用得到的ID,以显示我的下拉列表和专辑的细节

function showDetails(str) 
{ 
if (str=="") 
{ 
document.getElementById("albumdetails").innerHTML=""; 
return; 
} 
if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp=new XMLHttpRequest(); 
} 
else 
{// code for IE6, IE5 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
document.getElementById("albumdetails").innerHTML=xmlhttp.responseText; 
} 
} 
xmlhttp.open("GET","albumdetails.php?q="+str,true); 
xmlhttp.send(); 

这是在我的文档头中的JavaScript脚本标记。

我已经搜查了净平,答案可能已经盯着我,但我不知道如何把它投入使用。

我读到的东西,并看着document.form.submit但不知道如何使用它,如果有人能够帮助这将大大appriciated。

只是一个侧面说明这个页面将永远不会去住,这将是本地主机,只要它得到所以任何事情,工作会做那,即使jQuery的,我知道的就更少了

包括教程任何帮助pionting我的方向将appriciated

回答

1

我想你应该考虑使用现代化的Javascript库如jQuery,为跨浏览器处理您的Ajax自己是不是真的要与被人打扰的。 本页面看起来如何处理什么,我觉得你想要做一个很好的例子: http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

+0

+1推荐的JavaScript库。 – 2011-03-09 08:47:34

+0

如果你为每个任务推荐一个JS框架,你并没有真正的帮助。一个人只需要用“本地”JS编程挣扎一两年就可以获得原创想法,并能够通过这些框架提高他们的工作效率。否则,他们只是坚持如果事情没有按预期发展,因为他们不知道'$ .ajax()'真的会做什么。 – vbence 2011-03-09 09:57:47

+0

tutorail帮助了很多。我用它来理解,现在我可以将它应用到我自己的设计中。非常感谢 – Mark 2011-03-09 11:00:10

1
<form id='yourformname' > 

</form> 

<script type="text/javascript"> 
    document.forms["yourformname"].submit(); 
</script>