2010-11-26 2 views
13
<img title="<a href='#' onClick='alert('Hello World!')>The Link</a>" /> 

Also ich habe eine bestimmte Frage .. Ich weiß bereits, dass ich mit Attributen in einem TITLE-Attribut arbeiten kann. Aber kann ich mit Ereignissen innerhalb eines TITLE-Attributs arbeiten?JavaScript in einem <img title=" <a href='#' onClick='alert('Hello World!')>The Link</a> " /> möglich?

(btw - Es scheint wie ein Müll-Code, aber das funktioniert schon so sollte Projekt auf meiner Web ist -. Ich brauche nur eine Art und Weise einige Javascript auf diesem ummantelten Link zu verwenden)

I jQuery Rahmen.

Antwort

36

Nein, das ist, wie Sie „Müll-Code“ sagen. Wenn es so funktioniert, wie es sollte, liegt es daran, dass Browser versuchen, "den Verstand des Lesers zu lesen" - mit anderen Worten, sie haben Algorithmen, um zu versuchen, "Müllcode" zu verstehen, die wahrscheinliche Absicht zu erraten und sie intern in etwas zu verwandeln macht Sinn.

Mit anderen Worten, Ihr Code funktioniert nur zufällig, und wahrscheinlich nicht in allen Browsern.

Ist das, was Sie versuchen zu tun?

<a href="#" onClick="alert('Hello World!')"><img title="The Link" /></a> 
+0

Ist dies innerhalb Ajax Get-Methode möglich? Wie zum Beispiel ""; – JoshYates1980

2

nein, man kann das nicht tun, aber Sie können Event-Handler verwenden, um den Titel zu ändern:

<img src="foo.jpg" onmouseover="this.title='it is now ' + new Date()" /> 
+0

Ich will nicht den Titeltext ändern - ich werde nicht so etwas wie dieses: onClick css #Videodiv opacity.animate 1 ^^ – Tomkay

+0

Das ist kein Problem, wenn Sie einen Event-Handler anhängen, aber nicht tun Inline, verwenden Sie ein Framework wie JQuery: http://docs.jquery.com/Events –

4

In meinem Browser funktioniert das überhaupt nicht. Das Tooltip-Feld zeigt keine Verknüpfung, aber <a href='#' onClick='alert('Hello World!')>The Link</a>. Ich benutze FF 3.6.12.

Sie müssen dies manuell mit JS und CSS tun. Beginnen here

12

Wenn Sie auf das Bild klicken erhalten Sie die Benachrichtigung erhalten:

<img src="logo1.jpg" onClick='alert("Hello World!")'/> 

wenn dies ist, was Sie wollen.

+0

sehr schön schön! thx +1! – Stepo

+0

Besser als das Umwickeln mit . Vielen Dank! – Mugen

+0

anscheinend ist dieser Weg jedoch nicht "standardisiert"? http://www.w3.org/MarkUp/html3/img.html – rogerdpack

0
<img title="<a href="javascript:alert('hello world')">The Link</a>" /> 
+1

Dieser Code wird nicht funktionieren, da 'title' als' '

Verwandte Themen