2009-12-28 33 views
3

我使用的圖像作爲用於搜索表單提交按鈕,即:Digg如何從其搜索結果URL中刪除「&x = 0&y = 0」?

<input id="search" type="image" alt="Search" src="/images/searchButton.png" name=""/> 

這在鉻和Firefox一個不幸的副作用 - & x = 0時& Y = 0出現在參數搜索結果網址的結尾,例如,如果我搜索「食品」,我指向的頁面:

main/search?search=food&x=0&y=0 

網上週圍的一些狩獵表示,這是標準的行爲,當您使用圖像提交形成。

我注意到Digg.com使用圖像來提交其搜索表單,但避免了這種行爲。我無法弄清楚他們是如何做到的。他們似乎沒有使用Javascript來提交表單。誰能告訴?

+0

爲什麼重要的是不要有那些參數?這不像任何人真正看着你的網頁的網址。對於嚴重。 – Breton 2009-12-29 00:09:18

回答

4

Digg 使用JavaScript來做到這一點。嘗試在瀏覽器中禁用JavaScript的情況下提交搜索表單。

+0

偉大的電話,不知道我是如何錯過了。 – Jack7890 2009-12-28 22:23:04

0

您可以使用JavaScript來提交表單這樣,它仍然是最簡單的方法:

<script> 
yourForm.onSubmit = function() { 
location.href = 'main/search?search=' + encodeURIComponent(yourForm.elements['query'].value); 
return false; 
} 
</script> 

不幸的是,我不知道他們是如何做到這一點不使用JavaScript。

編輯:順便說一句,你也可以使用一個簡單的提交表單時,它會被點擊。

1

這些參數表示在圖像上執行點擊的位置,當涉及到使用圖像作爲提交按鈕時,這是大多數(如果不是所有的話)瀏覽器的默認行爲。您可以使用基本上通過JavaScript提交表單的解決方法,很像您在watain示例中看到的內容。或者,您可以通過使用form.submit()作爲附加到該圖像的動作來創建一個提交按鈕,而不是表單元素。

2

而不是使用<input type="image">的,你可以使用一個<button>元素:

<button type="submit" style="border: 0; background: transparent"> 
    <img src="image.png"></img> 
</button>