2011-04-01 22 views
0

場景:我想在我的HTML表單使用圖像按鈕使用JavaScript:在HTML需要幫助的提交按鈕和JavaScript(確認鍵)上的Django:

<form method="post" name="delete"> 
<input type="image" name="{{a.id}}" 
    src="http://localhost:8000/site_media/web/img/delete_icon.gif" 
    onClick="decision(this,'Delete this Activity?','http://localhost:8000/delAct/listAct')"/> 
</form> 

這是我的腳本:

<SCRIPT LANGUAGE="Javascript"> 
<!--- 
function decision(selectobject, message, url){ 
    if(confirm(message)) location.href = url+"/"+selectobject.name ; 
} 
// ---> 
</SCRIPT> 

問題是它不像它應該做的那樣重定向到頁面delAct/listAct。所以,我試圖去改變它使用type="button"和它的正常工作:

<form method="post" name="delete"> 
<input type="button" name="{{a.id}}" 
    onClick="decision(this,'Delete this Activity?','http://localhost:8000/delAct/listAct')"/> 
</form> 

我的問題是如何獲得的第一個腳本使用type="image"工作?有沒有辦法做到這一點?

順便說一下:我已經嘗試了getpost方法的形式已經和它沒有區別。另外,我在我的項目中使用Python 2.6和Django。

+0

您似乎在使用至少已過期十年的Javascript參考。所有大寫標籤?一個'language'屬性?沒有'type'屬性?評論「隱藏」腳本?真的,在2011年? – 2011-04-01 18:50:08

回答

1

您遇到的問題是使用類型圖像的input會創建一個看起來像圖像的提交按鈕,因此當它被單擊時,表單會被提交到您所在的同一頁面,因爲<form>標記未指定一個action屬性。爲了防止提交內容,您需要從決定事件處理程序返回false,這將防止事件冒泡。