Dynamisch hinzufügen onmouseover Attribute zum Anker-tags

Generiere ich alle Seiten auf meiner web-site (www.ibiblio.org/britishraj) von MS-word-Dokumente, die mit einer Java-app, die ich von Grund auf neu erstellt. Ich muss dies tun, in einer automatisierten Art und Weise, wie es 35 große Bücher bis zu 500 Seiten pro, insgesamt über 4 Millionen Wörter, die mehrere tausend Fußnoten, und mehr als tausend Bilder.

Ich möchte noch hinzufügen, popup-Fußnoten und popup-Bilder, während meine html so viel frei von javascript wie möglich. Ich kann es tun, wenn ich eine onmouseover= zu jeder Fußnote tag und jede image-tag. Ich habe, dass die Arbeit in eine test-Datei.

<a class="fnr" href="#" onmouseover="showfootnote(456, this);">456</a>>

Den rerence zu 'dieser' wird benötigt, um zu entscheiden, wo zeigen Sie das popup. Kann es sein, so viele wie hundert von diesen in einem Kapitel, zwanzig Kapiteln pro Buch, 35 Bücher...

So ... wie kann ich das onmouseover-Attribut dynamisch? Ich habe gehört, es gibt einen Weg Durchlaufen, den DOM nach dem laden der Seite, und das hinzufügen der extra-Attribut basierend auf der Klasse des Tags, in diesem Fall clss="fnr". Ich würde auch übergeben zu müssen, in der Zahl als parameter, in diesem Fall, 456, das ist das innerhtml des Anker-Tags.

Habe ich einige Beispiele von Dingen, die etwas ähnliches aber nicht genau das was ich brauche. Ich habe gekämpft, mit ihm für ein paar Tage und nicht erfolgreich gewesen. Meine javascript-Fähigkeiten sind, fehlen hier.

Hilfe/Rat wäre willkommen.

.... Jetzt bin ich ein wenig klüger ich weiß, dass JQuery können dies tun, mit Leichtigkeit. ....

InformationsquelleAutor casgage | 2012-02-18
  1. 1

    Legen Sie eine id an das tag(für einfachen Zugang), für die ex, id="myID". Wo Sie hinzufügen möchten die onmouseover-Attribut, verwenden Sie:

    document.getElementById("myID").onmouseover=/*your function name*/;

    Oben ist DOM1 compatibe.
    Für DOM2, können Sie addEventListener () - Methoden. Google es -_-.

    Soweit Sie Ihren code geht können Sie speziell die Iteration über alle IDs und verwenden Sie

    document.getElementById("myID").onmouseover=function(){showfootnote(456, document.getElementById("myID"));};

    Funktionalität wird sich nicht ändern, wenn Sie mit dem obigen code. 🙂 Hoffe, das hilft.

    InformationsquelleAutor Akshaya Shanbhogue
Schreibe einen Kommentar