2011-02-02 4 views
4

Простого быстрый вопрос ....добавление MouseOver в ссылку через JavaScript

Я следующая ссылку HTML:

<a href="http://www.site.com/" onmouseover="" /> 

У меня есть яваскрипт функции, которую я хочу ввести некоторую информацию OnMouseOver в которые связаны динамически. Итак, скажем, тогда это становится, например, если эта функция javascript называется:

<a href="http://www.site.com/" onmouseover="alert('howdy')" /> 

любые идеи, как это сделать?

+2

Что вы имеете в виду? Вы хотите начать действие, когда пользователь наводит указатель мыши на вашу ссылку и может изменить это действие? –

ответ

2

Ответом было, используя setAttribute() javascript.

5

Добавить имя атрибута и присвоить OnMouseOver

<a href="http://www.site.com/" onmouseover="" name="xxx"/> 
document.getelementsbyname('xxx').onmouseover = function() { alert('howdy') } 
+1

Название тега здесь «a» не «xxx». Вам нужно будет использовать getElementById и атрибут 'id' –

+0

@Greg B, да, я думаю, вы видели сообщение до того, как я отредактировал ... – RameshVel

0

Я думаю, что вы хотите сказать: динамически изменить HREF атрибута информации, то вы можете сделать это с помощью JQuery

//Write code for prompt box and get value (when mouse-over) 
$("a[href='http://www.google.com/']").attr('href', 'YOUR_GET_VALUE') 
0

Если вы можете использовать jquery, см.: http://api.jquery.com/hover/

Это лучше, чем изменять атрибут напрямую. Ваша функция javascript может динамически связывать/развязывать событие наведения мыши и выполнять вызов оповещения.

В противном случае ваша функция javascript должна динамически изменять атрибут, но вам нужно будет обойти различия браузера, чтобы найти правильный элемент, а затем найти и изменить атрибут onmouseover.

0

два варианта:

, если это что-то маленькое:

<a href="http://www.site.com/" onmouseover="this.href = 'http://stackoverflow.com'" /> 

если у вас есть что-то больше, чтобы сделать:

<script type="text/javascript"> 
    function doSomething(elem) { 
     elem.href = 'http://stackoverflow.com'; 
    } 
</script> 
<a href="http://www.site.com/" onmouseover="doSomething(this)">test</a> 

Или, как было сказано выше: использовать JQuery или любые другие рамки для сделать вашу жизнь намного проще