hinzufügen eines mouseover auf einen link per javascript

Einfache kurze Frage....

Ich habe folgenden link in html:

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

Ich habe eine javascript-Funktion, die ich möchte, um einige onmouseover Informationen in diesem link dynamisch. Also sagen wir es, dann wird dies zum Beispiel, wenn diese javascript-Funktion aufgerufen wird:

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

irgendwelche Ideen, wie dies zu tun?

was meinst du? Sie wollen eine Aktion starten, wenn der Benutzer die Maus über den link und in der Lage sein, dies zu ändern Aktion ?

InformationsquelleAutor David | 2011-02-02

  1. 5

    Hinzufügen name-Attribut und vergeben onmouseover 

    <a href="http://www.site.com/" onmouseover="" name="xxx"/> 
document.getelementsbyname('xxx').onmouseover = function() { alert('howdy') }
    Der tag-name ist hierbei "ein" nicht "xxx". Du brauchst getElementById und ein id Attribut
    B, ja, richtig, ich denke, Sie sah die post, bevor ich bearbeitet habe,...

    InformationsquelleAutor RameshVel

  2. 2

    Antwort war, mit setAttribute() javascript.

    InformationsquelleAutor David

  3. 0

    Ich denke, Sie wollen sagen: dynamisch ändern href-Attribut Informationen können dann Sie es tun können, indem Sie jquery

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

    InformationsquelleAutor Manish Trivedi

  4. 0

    Wenn Sie jquery verwenden, finden Sie unter: http://api.jquery.com/hover/

    Dies ist besser, als eine änderung der attribute direkt. Ihre javascript-Funktion dynamisch bind/unbind-die mouse-hover-event-und ausführen von alert-Aufruf.

    Sonst Ihre javascript-Funktion dynamisch ändern müssen das Attribut aber du wirst arbeiten müssen, um browser-Unterschiede zu suchen, das richtige element dann suchen Sie, und ändern Sie die onmouseover-Attribut.

    InformationsquelleAutor toddles2000

  5. 0

    zwei Optionen:

    wenn es etwas kleines:

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

    wenn Sie etwas mehr zu tun:

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

    Oder wie bereits erwähnt: jQuery oder andere Frameworks, die, um Ihr Leben viel einfacher

    InformationsquelleAutor Mallox

Schreibe einen Kommentar