Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.09.2008 um 14:41 (UTC)    
Titel: Javascript Mouseover Link

Liebe Mitglieder,

ich möchte auf einigen meiner Seiten anstelle von einem Textlink ein Javascript (Mouseover) hinter den bisher verlinkten Text einfügen.

Z. B. meine Seite "Regenbogenbrücke". Dort steht unten ein Link "Zu den Sternenkatzen". Der Text soll bleiben, es soll aber ein Mouseover-Button danach eingefügt werden.

Das Javascript lautet folgendermaßen (ich weiß allerdings nicht genau, wo ich das einfügen soll, es besteht aus mehreren Teilen):

1. Right-click and copy these two images:

(pawbut1, pawbut2)


2. Paste this text between the <head> and </head> tags of your html file:

<script language="javascript">
<!--
if (document.images) {var _314pawbut1=new Image(); _314pawbut1.src="pawbut2.gif";}
//-->


3. Paste this text into the desired location in the body of your html file

<a href= "your_url.htm" onMouseOver= "if (document.images) document._314pawbut1.src= 'pawbut2.gif';" onMouseOut= "if (document.images) document._314pawbut1.src= 'pawbut1.gif';"><img src= "pawbut1.gif" width=34 height=31 alt="Link Text" name="_314pawbut1" border=0></a>


Und das ist der untere Teil meiner Seite "Regenbogenbrücke":

<br />
<hr />
<br />
<font color="#333333"><strong><a href="http://t-hofmann.de.tl/Sternenkatzen.htm">Zu den Sternenkatzen</a></strong></font></em></font></font></font></p>

Ich blicke hier überhaupt nicht durch: Muß ich diese beiden Images pawbut1 und pawbut2 erst mal in den HPBK hochladen oder beinhalten die Javacodes eine Direktverlinkung?

Was sind <head> und </head> tags?

An welcher Stelle muß welcher Code eingefügt werden, damit nach dem Text "Zu den Sternenkatzen" ein Pfotenabdruck erscheint, der sich beim Mouseover ändert und gleichzeitig den Link auf die Seite "Sternenkatzen" darstellt?

Das ist übrigens die Seite, wo das Javascript zu finden ist (Button 1), vielleicht hilft es ja....

http://www.xmission.com/~emailbox/menus/menu13.htm


Vielen Dank im voraus für die Hilfe!

Verwirrte Grüße
______________
Tanja

Beitrag17.09.2008 um 16:28 (UTC)    
Titel:

zu1: Wo hast das script her? du sollst diese beiden images kopieren per rechtsklick steht ja da! und dann musst sie hochladen und die url eben im script eingeben!

zu 2: der head tag ist teil des html grundgerüstes da kommst im baukasten soviel ich weiß nicht dran du kannst das grundgerüst allerdings auf deiner seite im seiteneditor nochmals erstellen, so hab ich das auch gemacht und dann den code halt eingeben!
Hier mal das grundgerüst:

Code:
<html>
<head></head>
<body>
</body>
</html>


zu 3: das sollst du dorthin platzieren wo du es hinhaben willst!
______________
[IMG]http://up.li.ru/?id=375079;sss.gif[/IMG]
Beitrag17.09.2008 um 16:49 (UTC)    
Titel:

Hallo,

wo das Script her ist, steht doch in meinem ersten Beitrag.

2. Ja, im Seiteneditor wollte ich das machen, aber mit Deiner Anleitung komme ich nicht klar, das Grundgerüst nutzt mir nichts, so wie Du es geschrieben hast, da ich weder HTML kann noch Java. Ich bräuchte jemanden, der mir GENAU aufschreibt, was wo rein kommt, wo kommt der Text hin "Zu den Sternenkatzen", wo kommen die beiden URLs der Bilder dazwischen?

Trotzdem danke und viele Grüße
______________
Tanja

Beitrag17.09.2008 um 18:21 (UTC)    
Titel:

sry hab ich nicht gesehen!
Hab das script mal umgeschrieben, sollte eigentlich den gleichen effekt haben wie das andere find es so einfacher!

das setzt jetzt einfach da hin wo es haben willst und gibst noch die URL ein wohin gelinkt werden soll!

Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
btn1 = new Image;
btn1.src = "http://img230.imageshack.us/img230/2133/pawbut1cx1.gif";
btn2 = new Image;
btn2.src = "http://img529.imageshack.us/img529/3561/pawbut2li7.gif";
// End -->
</script>

<a HREF="Hier die URL auf die gelinkt werden soll!" onmouseover="lnk1.src=btn2.src"
onmouseout="lnk1.src=btn1.src">
<img name="lnk1" src="http://img230.imageshack.us/img230/2133/pawbut1cx1.gif"/></a>
Beitrag17.09.2008 um 19:18 (UTC)    
Titel:

VIELEN DANK!!!

Ja, das funktioniert, danke für Deine Mühe! Falls Du die Images in Deinem Imageshack-Account hochgeladen hast, kannst Sie dort ruhig wieder löschen, lade sie hier rauf und ändere dann halt die Url entsprechend!

Schönen Abend noch!

Viele Grüße
______________
Tanja

Beitrag17.09.2008 um 22:03 (UTC)    
Titel:

Leider etwas zu früh gefreut...

Könntest Du den Code, den Du mir gegeben hast, noch einmal prüfen? Er funktioniert nämlich nur bei einem einzelnen Button.

Sobald ich mehrere Buttons untereinander setze (also den Code einfach untereinander kopiere), funktionier der Mouseover-Effekt nicht mehr.

Was mache ich falsch?

Danke nochmal und viele Grüße
______________
Tanja

Beitrag18.09.2008 um 10:20 (UTC)    
Titel:

das ist klar! wenn du den code mehrmals auf einer Seite haben willst musst du alle
Zitat:
lnk1

umbennen in
lnk2 lnk3 usw.

und wenn es auch noch verschiedene bilder sind musst alle
btn1 und btn2 in
btn3 bzw btn4 usw. umbennen
______________
[IMG]http://up.li.ru/?id=375079;sss.gif[/IMG]


Zuletzt bearbeitet von h2o-pmjf am 18.09.2008, 11:32, insgesamt einmal bearbeitet
Beitrag18.09.2008 um 16:51 (UTC)    
Titel:

Super, danke!!!

Da wäre ich alleine nicht drauf gekommen...

Funktioniert alles einwandfrei.

Liebe Grüße
______________
Tanja

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de