在桌面上顯示一個提交按鈕mouseover

首先，請原諒我是初學者的Javascript和PHP。在桌面上顯示一個提交按鈕mouseover

二：我有一些訂單信息的表，每一行的第一個單元由一個提交按鈕，從該行的信息發送到它會顯示第二頁的。

我寫了一個小的Javascript函數，以便隱藏提交按鈕，直到有人將鼠標放在它們上面。但我的問題是按鈕的提交ID分配給第一個按鈕，因此無論我將鼠標移過哪一行，只顯示第一個提交按鈕。

顯示功能如下：

function showButton(id) 
    { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    }

該行被定義爲：

tr onmouseover='showButton("submitButton");' 
        onmouseout='showButton("submitButton");'>

並且是在一個新的行的每一次迭代中生成的按鈕是：

input type='submit' id='submitButton' value='Submit' 
        style='cursor: pointer; display: none;' />

任何幫助將不勝感激。我想要在鼠標懸停的每一行旁邊顯示正確的提交按鈕。

來源

2012-04-30 npiani

，可以只用CSS很容易地完成，就像這樣：

tr input { display: none; } 
tr:hover input { display: inline; }

來源

2012-04-30 20:24:09 bfavaretto

IE不處理：徘徊什麼，但錨，如果我沒有記錯..他在做它的方式有多種方式用於跨瀏覽器支持。 – DanRedux

@DanRedux，我認爲它支持IE7 +（嚴格模式） – bfavaretto

非常感謝。我會盡力回來。 – npiani

在桌面上顯示一個提交按鈕mouseover

回答

相關問題