Funktion aufruf ohne Hinweis in Link

html.de-Forum JavaScript
1

Hallo Community

Ich habe den Shutter Image Viewer downgeloaded und auch implementiert, funktioniert alles tip top.

Meine Frage nun, kennt den jemand? kann mir jemand erklären wie das funktioniert??

Beim Link gebe ich nur die CSS KLasse an, mehr nicht, aber trozdem wird die funktion aufgerufen.
Das einzige ist noch folgendes im HEAD:

<script type="text/javascript">
        shutterOnload = function(){shutterReloaded.Init();}
</script>

Ich habe leider nicht sehr viel Ahnung von Javascript, nur grundlegendes. HOffe ihr könnt mir helfen.

Link, welcher das BIld anzeigt:

<a href="PfadzumbBild/Bildname.jpg" class="shutter" title="Titel des Bildes"><img src="pfadzumbild/bildname.jpg" alt="titel des Bildes" /></a>

Teil im Javascript, welcher ich vermute der dazugehört

Init : function (a) { ... }
2

Ehrlich gesagt versteh ich die Frage nicht so :smiley:
Was funktioniert denn nicht? (oder nicht richtig)
Was für einen hinweis im link meinst du? :slight_smile:

3

Das Problem ist nicht das es nicht funktioniert, es funktioniert ja alles =)

Ich will es nur verstehen, warum das auch funktioniert.

Ich verstehe bzw. sehe keine Verbindung zwischen dem Javascript und dem HTML… also ich weis nicht woher der Link „weis“ das wenn ich auf ihn klicke, das er das Javascript aufrufen soll…

4

Alsooo. Ich nehme an es geht folgendermaßen:
Die init Funktion geht alle Elemente durch und prüft diese auf einen bestimmten Klassennamen. Sollte dieser gefunden werden, wird für dieses Element ein Event-handler gesetzt (nehme an onclick).
Sollte nun der link geklickt werden, wird eine Funktion aufgerufen. Diese liest dann die Source des gedrückten Bildes aus und stellt damit irgend welche Sachen an. (Hab ja keine Ahnung was das Script macht :D)

5

OK, das hört sich schon mal ganz logisch an =)

aber wegen dem EventHandler… sehe ich den nirgendwo im code??
also du schreibst ja, das er für jedes Element eben einen solchen erstellt. der müsste doch zu sehen sein oder nicht?

6

Was meinst du mit, du müßtest ihn sehen? Natürlich kann man im JS Quellcode deiner Anwendung sehen wo ein Event gesetzt wird.

7

Der Event-handler ist „unsichtbar“
Das sieht ca so aus im Init code (nur dass er es über Klassen macht und ich jetzt nur für ein Spezifisches Element)

window.onload = function() {
  document.getElementByid("meinElement").onclick = zeigeBild;
};

Sobald die Seite geladen wurde, sucht er sich das Element mit der id „meinElement“ und verpasst ihm den Event-Handler. Wenn nun auf das Element geklickt wird, wird die Funktion „zeigeBild“ aufgerufen

8

Ach so… :slight_smile:

Ok ich glaube jetzt hab ich das verstanden…=) ich danke dir für deine Hilfe !!