如何爲所有drupal表單添加onmouseover事件？

我想添加一個onmouseover事件到我的drupal站點上所有窗體的提交按鈕。如何爲所有drupal表單添加onmouseover事件？

我該怎麼做？

本

2010-01-26 Ben

使用jQuery：

$(document).ready(function(){ 
    $('input[type="submit"]').hover(
     function(){ 
     // Do something with $(this) 
     } 
    ); 
});

編輯：另一個可能的解決方案更新，因爲你只需要更新的背景色。

如果你不關心IE6的支持，你也可以使用:hover CSS僞選擇器來提交按鈕，不需要任何javascript。確保你所有的提交按鈕都有一個類設置給他們（我在本例中使用'submit'作爲類名）。

.submit { 
    background-color: #ddd; 
} 
.submit:hover { 
    background-color: #f00; 
}

來源

2010-01-26 16:12:28

只是爲了澄清，上述可以在主題或自定義模塊中完成。如果使用自定義模塊路由（根據正在完成的內容，這可能有意義也可能沒有意義），只需使用hook_init使用drupal_add_js（）添加一些JS即可。 – 2010-01-26 17:17:38

另外，不要使用$（document）.ready，而是使用Drupal方法並添加一個行爲，這是一個好主意，詳情請看這裏：http://api.drupal.org/api/drupal/developer--topics- -javascript_startup_guide.html/6＃Drupal.behaviors – alxp 2010-01-26 17:57:53

我看了一下鏈接。我不確定我會在哪裏放置代碼。我基本上正在嘗試改變我的所有按鈕，以便他們全部變成紅色。你能給我多一點解釋嗎？謝謝。 – Ben 2010-01-27 13:26:29

我已成功加入以下代碼，以自定義模塊部分地解決我的問題：

function defprofile_form_alter(&$form, &$form_state, $form_id) { 
    $form['submit']['#attributes'] = array('onMouseOver' => "this.style.backgroundColor='#cc0000'",'onMouseOut' => "this.style.backgroundColor='#000'"); }

然而，這僅適用於提交按鈕，我希望它爲所有按鈕的作用。我試着用'按鈕'替換'submit'，但是代碼完全停止工作。

來源

2010-01-27 13:31:52 Ben

如何爲所有drupal表單添加onmouseover事件？

回答

相關問題