nicht angemeldet
Bildwechselscript bei Mausover - Array ? Teil 2
Ich habe ein Problem mit einem selbst geschriebenen Grafik-Tausch Script bei überfahren eines Buttons.
Stichpunkt Mausover. Die Namen der Dateien sowie des beschreibenden Textes werden in Arrays geschrieben und beim Bildwechsel darraus ausgelesen. Local auf
dem PC funktionierrt das im IE und Netscape einwandfrei. Sobald es aber auf den Server geladen wird geht nichts mehr.
Bin langsam mit meinem Latein am Ende. Vieleicht könnt ihr mir den Fehler nennen.
Über jeden Lösungsansatz bin ich dankbar. Anbei der Code.
Wer sich wundert warum Imagemapps - um die Lästigen Tooltips beim Alt-Tag zu vermeiden.
______________________________________________________________________________________
Das Script wurde nun überarbeitet die harte Referenzierung umgangen trotzdem funktionierts nicht.
Auf einem neuen Server ist die Seite besser zu erreichen.
http://www.okern.de/magic-m/menu2.htm
Danke für dei Hilfe im Vorraus.
_______________________________________________________________________________________
HTML>
<HEAD>
<TITLE>Menüfenster</TITLE>
<META NAME="robots" CONTENT="noindex">
<LINK REV="made" HREF="mailto:kontakt@magic-moment.de">
<BASE TARGET="haupt">
<SCRIPT LANGUAGE="JavaScript">
<!--
{
menu = new Array('starts','suche','eintr','aend','forum','tiptr');
text = new Array('Startseite','Suche','Eintragen','Ändern','Forum','Tips & Tricks');
pic_n = new Array();
pic_h = new Array();
for(i = 0; i <= menu.length-1; i++)
{
pic_n[i] = new Image();
pic_n[i].src = 'grafiken/' + menu[i] + '_n.gif';
pic_h[i] = new Image();
pic_h[i].src = 'grafiken/' + menu[i] + '_h.gif';
}
}
function ChangePic(i, AnAus)
{
if(!document.images) return false;
if(AnAus==0){document[menu[i]].src=pic_n[i].src; window.status=''; return true;}
if(AnAus==1){document[menu[i]].src=pic_h[i].src; window.status='==> '+text[i]; return true;}
}
function SizePrint(Hoehe, Text_)
{
if(window.innerHeight > Hoehe document.body.offsetHeight > Hoehe) document.write(Text_);
}
function DeSelect(i)
{
if(document.all) document[menu[i]].blur();
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#00416B LINK=#FF0000 ALINK=#FF0000 VLINK=#FF0000 MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0>
<BR>
<TABLE BORDER=0 WIDTH=160 HEIGHT=80%>
<TR ALIGN=CENTER VALIGN=TOP><TD>
<A HREF="http://www.magic-moment.de" TARGET="_top"><IMG SRC="grafiken/herz.gif" ALT="Magic M. Logo" BORDER=0 WIDTH=130 HEIGHT=100></A>
<BR><BR>
<SCRIPT LANGUAGE="JavaScript">SizePrint(600,'<BR><BR>');</SCRIPT>
<IMG SRC="grafiken/starts_n.gif" ALT="Startseite" WIDTH=120 HEIGHT=18 BORDER=0 USEMAP="#M0" NAME=starts>
<MAP NAME = "M0"><AREA SHAPE=RECT COORDS ="0,0,120,18" HREF="start.shtml" ONMOUSEOVER="return ChangePic(0,1);" ONMOUSEOUT="return ChangePic(0,0)" ONCLICK="DeSelect(0)"></MAP>
<BR><BR>
<IMG SRC="grafiken/suche_n.gif" ALT="Suchen" WIDTH=120 HEIGHT=18 BORDER=0 USEMAP="#M1" NAME=suche>
<MAP NAME = "M1"><AREA SHAPE=RECT COORDS ="0,0,120,18" HREF="cgi-bin/suchen.pl" ONMOUSEOVER="return ChangePic(1,1);" ONMOUSEOUT="return ChangePic(1,0);" ONCLICK="DeSelect(1)"></MAP>
<BR>
<IMG SRC="grafiken/eintr_n.gif" ALT="Eintragen" WIDTH=120 HEIGHT=18 BORDER=0 USEMAP="#M2" NAME=eintr>
<MAP NAME = "M2"><AREA SHAPE=RECT COORDS ="0,0,120,18" HREF="eintr.htm" ONMOUSEOVER="return ChangePic(2,1);" ONMOUSEOUT="return ChangePic(2,0);" ONCLICK="DeSelect(2)"></MAP>
<BR>
<IMG SRC="grafiken/aend_n.gif" ALT="Ändern" WIDTH=120 HEIGHT=18 BORDER=0 USEMAP="#M3" NAME=aend>
<MAP NAME = "M3"><AREA SHAPE=RECT COORDS ="0,0,120,18" HREF="aendern.htm" ONMOUSEOVER="return ChangePic(3,1);" ONMOUSEOUT="return ChangePic(3,0);" ONCLICK="DeSelect(3)"></MAP>
<BR><BR>
<IMG SRC="grafiken/forum_n.gif" ALT="Forum" WIDTH=120 HEIGHT=18 BORDER=0 USEMAP="#M4" NAME=forum>
<MAP NAME = "M4"><AREA SHAPE=RECT COORDS ="0,0,120,18" HREF="forum.htm" ONMOUSEOVER="return ChangePic(4,1);" ONMOUSEOUT="return ChangePic(4,0);" ONCLICK="DeSelect(4)"></MAP>
<BR><BR>
<IMG SRC="grafiken/tiptr_n.gif" ALT="Tips & Tr." WIDTH=120 HEIGHT=18 BORDER=0 USEMAP="#M5" NAME=tiptr>
<MAP NAME = "M5"><AREA SHAPE=RECT COORDS ="0,0,120,18" HREF="tiptr.htm" ONMOUSEOVER="return ChangePic(5,1);" ONMOUSEOUT="return ChangePic(5,0);" ONCLICK="DeSelect(5)"></MAP>
</TD></TR>
<TR><TD ALIGN=CENTER><BR>
<SCRIPT LANGUAGE="JavaScript">SizePrint(600,'<BR><BR>');</SCRIPT>
<A HREF="Mailto:kontakt@magic-moment.de?subject=Magic-Moment.de - Kontakt" ONCLICK="this.blur()"><IMG SRC="grafiken/mail.gif" WIDTH=85 HEIGHT=62 BORDER=0 ALT="E-Mail"></A>
</TD></TR>
</TABLE>
</BODY>
</HTML>
-
Hallo Gandi
»»Local auf dem PC funktionierrt das im IE und Netscape einwandfrei. Sobald es aber auf den Server geladen wird geht nichts mehr.
Prüfe mal die Groß- und Kleinschreibung der Dateinamen auf dem Server im Vergleich zum Quelltext
Ansonsten wäre ein Link nicht übel, wo man sich das real ansehen kann.Wer sich wundert warum Imagemapps - um die Lästigen Tooltips beim Alt-Tag zu vermeiden.
hilft da alt="" nicht viel eleganter?
Viele Grüße
Antje
PS: An- und Abrede sind SELFverständlich.
-
Der Link geforderte Link:
http://www.okern.de/magic-mAlle deine Anmerkungen wurden schon früher beantwortet. Weiter unten im Forum.
Trotzdem Danke für die Hilfe.
-
Was ich noch vergessen habe zu beantworten.
Die Grafiken liegen auf em selben Server. im Unterverzeichnis 'grafiken'
-