2011-03-09 38 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>