Fragen und Antworten » Hilfe! Link setzen in onmouseover

09.08.2015 18:25

Schippo
#1 Hilfe! Link setzen in onmouseover - onmouseout

Hallo Ihr lieben Helferlein @all,

ich bekomme es einfach nicht hin, einen Link in onmouseover - onmouseout zu setzen, hab schon alles Mögliche und Unmögliche probiert. Kann mir bitte jemand helfen?

Die Anweisung:

1
 
1<img onmouseover="this.src='http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif';" onmouseout="this.src='http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif';" src="http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif" alt="Blumenkerze" width="68" height="180"  />[/img]

Auf onmouseover http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif soll jetzt eine Verlinkung gesetzt werden zu einer php-Datei auf meinem Server, da ja bei Xobor php nicht möglich ist. Somit mußte ich also ein paar Umwege gehen.

<a href=http://kd2002_9318.webspace20.do.de/xn--4-wnde-dua.de/Lichterkette.php"></a>

Schon jetzt herzlichen Dank für Eure Hilfe.

LG Schippo

http://www.dogs24.eu/
http://www.dreamsky.de/

Gaia Template

Antworten

Beitrag melden

#2

09.08.2015 18:47 (zuletzt bearbeitet: 09.08.2015 18:47)

Mike48
#2 RE: Hilfe! Link setzen in onmouseover - onmouseout

Mike48

Probier das mal

1
 
[img]<img src="http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif" onmouseover="src='http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif'" onmouseout="src='http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif'" alt="Blumenkerze" width="68" height="180"  />[/img]

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#3

09.08.2015 18:56

Schippo
#3 RE: Hilfe! Link setzen in onmouseover - onmouseout

Schippo

Danke, Mike, aber das funktioniert nicht. Die eckigen Klammern sind sichtbar. Der Link müßte ja dann da hinein. Funktioniert leider nicht.

LG Schippo

http://www.dogs24.eu/
http://www.dreamsky.de/

Gaia Template

Antworten

Beitrag melden

#4

09.08.2015 19:03

Mike48
#4 RE: Hilfe! Link setzen in onmouseover - onmouseout

Mike48

Ich weis ja nicht wo du es einbaust.
Wenn ohne BBCode, dann nimm

1
 
[img]  [/img]

doch raus.

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#5

09.08.2015 19:09

Schippo
#5 RE: Hilfe! Link setzen in onmouseover - onmouseout

Schippo

vielleicht hätte ich das näher erklären müssen, soll eine Verlinkung auf einer eigenen Seite sein, schau mal hier: http://dogs24.xobor.de/page-645566-4.html
also ohne BBCode. Die kleine Kerze wird gehovert und hierauf dann die Verlinkung bei onmouseover.

Gruß Schippo

http://www.dogs24.eu/
http://www.dreamsky.de/

Gaia Template

Antworten

Beitrag melden

#6

09.08.2015 19:17

( gel�scht )
#6 RE: Hilfe! Link setzen in onmouseover - onmouseout

Gast

( gel�scht )

.. wenn du auf die kleine kerze einen link setzen möchtest, dann mach es doch einfach so:

1
 
<a title="..zur Lichterkette" href="http://kd2002_9318.webspace20.do.de/xn--4-wnde-dua.de/Lichterkette.php"><img src="http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif" /></a>

Antworten

Beitrag melden

#7

09.08.2015 19:29

Schippo
#7 RE: Hilfe! Link setzen in onmouseover - onmouseout

Schippo

Hallo Frank,

danke für Deinen Tipp, das wäre eine Möglichkeit, aber nicht die aller Beste. Ich hätte gern, daß in dem Moment, wenn gehovert wird, bei Klick auf die externe Datei verlinkt wird. Das muß doch irgendwie gehen. Wissen ist macht - nichts wissen macht auch nichts. Doch, mir schon.

Gruß Schippo

http://www.dogs24.eu/
http://www.dreamsky.de/

Gaia Template

Antworten

Beitrag melden

#8

09.08.2015 19:31 (zuletzt bearbeitet: 09.08.2015 19:32)

( gel�scht )
#8 RE: Hilfe! Link setzen in onmouseover - onmouseout

Gast

( gel�scht )

... wenn du mit meiner variante auf die kleine kerze klickst, wirst du zu der externe seite mit der lichterkette verlinkt, zu dem wird noch ein title eingeblendet, wo es hingeht. was willst denn noch ? :-)

Antworten

Beitrag melden

#9

09.08.2015 19:49

Schippo
#9 RE: Hilfe! Link setzen in onmouseover - onmouseout

Schippo

ja, schon, ist schon super, aber das onmouseout fehlt. Muß ich das in meinem html-code irgendwo zwischensetzen, also zwischen onmouseout und onmouseover? Das hab ich alles schon mehrfach versucht, klappt aber nicht. Vielleicht steh ich aber gerade auch irgendwo auf'm Schlauch.

LG Schippo

http://www.dogs24.eu/
http://www.dreamsky.de/

Gaia Template

Antworten

Beitrag melden

#10

09.08.2015 19:51

( gel�scht )
#10 RE: Hilfe! Link setzen in onmouseover - onmouseout

Gast

( gel�scht )

... im falle brauchst du weder onmousover noch onmouseout, weil das bild der kleinen kerze direkt mit der andren seite verlinkt ist. :-)

Antworten

Beitrag melden

#11

09.08.2015 19:57

Olaf
#11 RE: Hilfe! Link setzen in onmouseover - onmouseout

Ol

Olaf

Bei "onmouseover - onmouseout" könnte man auch das Pseudoformat a:hover benutzen.
Nur in Deinem Fall weiß ich nicht wofür.
Einen einfachen Link setzen hat hier Firestone gut beschrieben.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#12

09.08.2015 20:01

Schippo
#12 RE: Hilfe! Link setzen in onmouseover - onmouseout

Schippo

das ist alles richtig, das hatte ich so auch schon hinbekommen. Ist aber nicht derselbe Effekt. Die Kerze soll zuerst aus sein. Der Besucher soll ja eine Kerze anzünden, also over, und wird dann auf eine Seite verlinkt, wo er die brennende Kerze zu eine Lichterkette aneinanderreihen und speichern kann. Auf dieser Seite befindet sich dann nichts anderes als die Lichterkette.

Hast Du keine Idee, wie das beim Hovern geht?

LG Schippo

http://www.dogs24.eu/
http://www.dreamsky.de/

Gaia Template

Antworten

Beitrag melden

#13

09.08.2015 21:02 (zuletzt bearbeitet: 09.08.2015 21:02)

( gel�scht )
#13 RE: Hilfe! Link setzen in onmouseover - onmouseout

Gast

( gel�scht )

.. wenn die nicht brennende kerze bei mouseover anfangen soll zu brennen mit einer verlinkung zu der anderen externen seite, könnte ich dir noch das hier empfehlen:

1
 
<a title="..zur Lichterkette" href="http://kd2002_9318.webspace20.do.de/xn--4-wnde-dua.de/Lichterkette.php"><img onmouseover="this.src='http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif';" onmouseout="this.src='http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif';" src="http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif" alt="Blumenkerze" width="68" height="180" /></a>

Antworten

Beitrag melden

#14

09.08.2015 21:09

Olaf
#14 RE: Hilfe! Link setzen in onmouseover - onmouseout

Ol

Olaf

Ein "hover" ist ja nur für ein ändern eines Objekt solange die Maus darauf ist.
Du willst aber Dein Bild bei einen Mousover dauerhaft verändern.
Hier ein Code,wo ich zu Beispielzwecken mal einen Smilie eingesetzt habe,der sich beim Mouseover dauerhaft verändert,weil ich nicht Deine Bilderlinks von der brennenden oder der erloschenden Kerze kenne:

1
2
3
4
5
6
7
8
9
10
11
12
 
<div onmouseover="Kerze_brennend()">
<img src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-13-a577.png"> 
</div>
 
<script>
var neue_kerze = new Image();
neue_kerze.src = "https://files.homepagemodules.de/b214495/bhnetfiles-jrax-w-6364.png";
 
function Kerze_brennend() {
document.images[0].src = neue_kerze.src;
}
</script>
 

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#15

09.08.2015 21:31

Olaf
#15 RE: Hilfe! Link setzen in onmouseover - onmouseout

Ol

Olaf

Bei Firestone sind alle Links vorhanden.Hier nochmal mein Script mit den richtigen Links:

1
2
3
4
5
6
7
8
9
10
11
12
 
<div style="width:68px;height:180px;"onmouseover="Kerze_brennend()">
<a href="http://kd2002_9318.webspace20.do.de/xn--4-wnde-dua.de/Lichterkette.php"><img src="http://www.4-wände.de/hpfixseparat_blumenkerze_1.gif" width="68px" height="180px"></a> 
</div>
 
<script>
var neue_kerze = new Image();
neue_kerze.src = "http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif";
 
function Kerze_brennend() {
document.images[0].src = neue_kerze.src;
}
</script>
 