Ergebnis 1 bis 3 von 3
-
27-04-2004, 23:54 #1
Javascript Navigation Problem
Hallo,
seit längerem wage ich mich mal wieder an eine Website bzw. Javascript.
Nun bin ich sehr aus der ganzen Sache raus uns hoffe, dass mir jemand weiterhelfen kann.
Hier das erste Problem, weitere werden (wohl oder übel) folgen.
Typisches Menü mit Buttonwechsel bei "Mouseover" und Buttonwechsel mit Verweis auf 2 Frames bei "click".
Anbei die Framestruktur und die Indexdatei.
Ich finde den Fehler nicht.
Wahrscheinlich sehe ich den Wald vor lauter Bäumen nicht.
Buttonwechsel geht. Nur der "click" nicht und den Verweis auf die 2 Frames.
Danke im Voraus (wird sehr viel Code!)
Stefan
index.html
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<HTML><HEAD><TITLE>Test</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="Stefan" name=author>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR>
<LINK href="style.css" type=text/css rel=stylesheet>
</HEAD>
<FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=*,750,*>
<FRAME name=rand_links src="./seiten/rand.html" noResize scrolling=no>
<FRAMESET border=0 frameSpacing=0 rows=*,410,* frameBorder=0>
<FRAME name=rand_oben src="./seiten/rand.html" noResize scrolling=no>
<FRAMESET border=0 frameSpacing=0 cols=160,590 frameBorder=0>
<FRAMESET border=0 frameSpacing=0 rows=160,250 frameBorder=0>
<FRAME name=logo src="./seiten/logo.html" noResize scrolling=no>
<FRAME name=navi src="./seiten/navi.html" noResize scrolling=no>
</FRAMESET>
<FRAMESET border=0 frameSpacing=0 rows=100,50,200,60 frameBorder=0>
<FRAME name=titel src="./seiten/titel.html" noResize scrolling=no>
<FRAME name=unavi src="./seiten/unavi.html" noResize scrolling=no>
<FRAME name=start src="./seiten/start.html" noResize scrolling=no>
<FRAME name=impr src="./seiten/impr.html" noResize scrolling=no>
</FRAMESET>
</FRAMESET>
<FRAME name=rand_unten src="./seiten/rand.html" noResize scrolling=no>
</FRAMESET>
<FRAME name=rand_rechts src="./seiten/rand.html" noResize scrolling=no>
</FRAMESET>
<noframes>
Ihr Browser unterstützt keine Frames!
</noframes>
</html>
navi.html
Code:
<html>
<head>
<title>navi</title>
<script language="Javascript" type="text/Javascript">
<!--
// Bilder vorladen
navi1ak=new Image();
navi1ak.src="../buttons/service/servak.gif";
navi1over=new Image();
navi1over.src="../buttons/service/servov.gif";
navi2ak=new Image();
navi2ak.src="../buttons/leistungen/leistak.gif";
navi2over=new Image();
navi2over.src="../buttons/leistungen/leistov.gif";
navi3ak=new Image();
navi3ak.src="../buttons/portrait/portak.gif";
navi3over=new Image();
navi3over.src="../buttons/portrait/portov.gif";
navi4ak=new Image();
navi4ak.src="../buttons/jobs/jobsak.gif";
navi4over=new Image();
navi4over.src="../buttons/jobs/jobsov.gif";
navi5ak=new Image();
navi5ak.src="../buttons/kontakt/kontak.gif";
navi5over=new Image();
navi5over.src="../buttons/kontakt/kontov.gif";
start=0;
x=10;
function wechseln(bild, datei, ja)
{
if (x!=ja)
{
window.document.images[bild].src=datei;
}
}
function click(seite, neu, bildneu, ursprung, aktiv, unter)
{
parent.frames[6].location.href=start;
parent.frames[5].location.href=unavi;
parent.frames[4].nullsetzen();
if (start>0)
{
window.document.images[alt].src=bildalt;
window.focus();
}
window.document.images[neu].src=bildneu;
start=1;
bildalt=ursprung;
alt=neu;
x=aktiv;
window.focus();
}
function nullsetzen()
{
start=0;
x=10;
window.document.images[0].src="../buttons/service/serv.gif";
window.document.images[1].src="../buttons/leistungen/leist.gif";
window.document.images[2].src="../buttons/portrait/port.gif";
window.document.images[3].src="../buttons/jobs/jobs.gif";
window.document.images[4].src="../buttons/kontakt/kont.gif";
}
//-->
</script>
<meta name="author" content="Stefan">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="position:absolute; top:1px; left:1px;">
<a href="javascript:click('service.html',0,'../buttons/service/service.gif','../buttons/service/serv.gif',0,'../unternavigation/service/unavis.html')" onMouseover="wechseln(0,'../buttons/service/servov.gif',0);status='Service';return true;" onMouseout="wechseln(0,'../buttons/service/serv.gif',0);status='';return true;">
<img src="../buttons/service/serv.gif" border="0" alt="">
</a>
</div>
<div style="position:absolute; top:50px; left:1px;">
<a href="javascript:click('leistungen.html',1,'../buttons/leistungen/leistak.gif','../buttons/leistungen/leist.gif',1,'../unternavigation/leistungen/unavil.html')" onMouseover="wechseln(1,'../buttons/leistungen/leistov.gif',1);status='Leistungen';return true;" onMouseout="wechseln(1,'../buttons/leistungen/leist.gif',1);status='';return true;">
<img src="../buttons/leistungen/leist.gif" border="0" alt="">
</a>
</div>
<div style="position:absolute; top:100px; left:1px;">
<a href="javascript:click('portrait.html',2,'../buttons/portrait/portak.gif','../buttons/portrait/port.gif',2,'../unternavigation/portrait/unavip.html')" onMouseover="wechseln(2,'../buttons/portrait/portov.gif',2);status='Portrait';return true;" onMouseout="wechseln(2,'../buttons/portrait/port.gif',2);status='';return true;">
<img src="../buttons/portrait/port.gif" border="0" alt="">
</a>
</div>
<div style="position:absolute; top:150px; left:1px;">
<a href="javascript:click('jobs.html',3,'../buttons/jobs/jobsak.gif','../buttons/jobs/jobs.gif',3,'unavi.html')" onMouseover="wechseln(3,'../buttons/jobs/jobsov.gif',3);status='Jobs';return true;" onMouseout="wechseln(3,'../buttons/jobs/jobs.gif',3);status='';return true;">
<img src="../buttons/jobs/jobs.gif" border="0" alt="">
</a>
</div>
<div style="position:absolute; top:200px; left:1px;">
<a href="javascript:click('kontakt.html',4,'../buttons/kontakt/kontak.gif','../buttons/kontakt/kont.gif',4,'unavi.html')" onMouseover="wechseln(4,'../buttons/kontakt/kontov.gif',4);status='Kontakt';return true;" onMouseout="wechseln(4,'../buttons/kontakt/kont.gif',4);status='';return true;">
<img src="../buttons/kontakt/kont.gif" border="0" alt="">
</a>
</div>
</body>
</html>
-
28-04-2004, 09:07 #2
also so etwas aufwendiges für im verhältniss dazu kleinen resultat machst du da ja nen riesen aufwand...
auf jeden fall musst du javascript zusammenschreiben, habe ich schnell mit nen kolleg getestet!!
<a href="java script:click('service.html',0,'../buttons/service/service.gif','../buttons/service/serv.gif',0,'../unternavigation/service/unavis.html')" onMouseover="wechseln(0,'../buttons/service/servov.gif',0);status='Service';return true;" onMouseout="wechseln(0,'../buttons/service/serv.gif',0);status='';return true;">
hast du geschrieben, das ist falsch!!! da bin ich mir-und mein kolleg- ganz sicher!Nein, Windows ist kein Virus, ...denn Viren funktionieren in der Regel und machen etwas relativ sinnvolles...
Kritisch gesehen könnte man auch sagen :Microsoft trägt mehr zur Volksverdummung bei als nichtstattfindender Schulunterricht. //zitiert von: Hellsing
-
28-04-2004, 10:46 #3
Hi,
obwohl es falsch in meinem Posting steht, war es das mit "Java script".
Da ist beim posten wohl etwas schief gelaufen.
Ich habe es zusammengeschrieben.
Schieg gelaufen ist, wie ich jetzt bemerkt habe, etwas bei der "Function Click".
Sage ich ja: Wald und Bäume.
Die Function sollte eher wie folgt lauten:
=====================
function click(seite, neu, bildneu, ursprung, aktiv, unter)
{
parent.frames[6].location.href=seite;
parent.frames[5].location.href=unter;
parent.frames[4].nullsetzen();
if (start>0)
{
window.document.images[alt].src=bildalt;
window.focus();
}
window.document.images[neu].src=bildneu;
start=1;
bildalt=ursprung;
alt=neu;
x=aktiv;
window.focus();
}
=====================
Trotzdem bekomme ich wieder eine Fehlermeldung:
"Zeile 48 (das müsste 'parent.frames[5].location.href=unter;') - Das Objekt ünterstützt diese Eigenschaft oder Methode nicht."
Stefan
Lesezeichen