Hilfe! Link setzen in onmouseover - onmouseout

  • Seite 1 von 3
09.08.2015 18:25
avatar  Schippo
#1 Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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


 Antworten

 Beitrag melden
09.08.2015 18:47 (zuletzt bearbeitet: 09.08.2015 18:47)
avatar  Mike48
#2 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
09.08.2015 18:56
avatar  Schippo
#3 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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

LG Schippo


 Antworten

 Beitrag melden
09.08.2015 19:03
avatar  Mike48
#4 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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

1
 
[img]  [/img]
 

doch raus.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
09.08.2015 19:09
avatar  Schippo
#5 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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


 Antworten

 Beitrag melden
09.08.2015 19:17
avatar  ( 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
09.08.2015 19:29
avatar  Schippo
#7 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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


 Antworten

 Beitrag melden
09.08.2015 19:31 (zuletzt bearbeitet: 09.08.2015 19:32)
avatar  ( 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
09.08.2015 19:49
avatar  Schippo
#9 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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


 Antworten

 Beitrag melden
09.08.2015 19:51
avatar  ( 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
09.08.2015 19:57
avatar  Olaf
#11 RE: Hilfe! Link setzen in onmouseover - onmouseout
Ol
Mitglied

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
09.08.2015 20:01
avatar  Schippo
#12 RE: Hilfe! Link setzen in onmouseover - onmouseout
avatar
Mitglied

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


 Antworten

 Beitrag melden
09.08.2015 21:02 (zuletzt bearbeitet: 09.08.2015 21:02)
avatar  ( 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
09.08.2015 21:09
avatar  Olaf
#14 RE: Hilfe! Link setzen in onmouseover - onmouseout
Ol
Mitglied

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
09.08.2015 21:31
avatar  Olaf
#15 RE: Hilfe! Link setzen in onmouseover - onmouseout
Ol
Mitglied

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>
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!