Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Di 05.07.2005 15:49
Titel [JS] Navigation --> 3 Zustände, Frames anwählen |
|
|
Hallöle, ich mal wieder....
sitze schon seit heut morgen an dieser dummen Navigation und solangsam fehlt mir etwas die Geduld
Also: Probleme hab ich 2
1. Wie definiere ich in meinem Script einen 3. Zustand der Buttons (also ein normaler inaktiver, ein rollover und ein aktiver Zustand) --> die Dateien hab ich schon oben definiert und angelegt
2. Dateistruktur: root --> index.htm (Frameset --> bitte kein Ton über Frames etc.)
Ordner html --> nav.htm (dies ist der obere Frame mit meiner Javascript Navigation) und in diesem Ordner liegen auch alle weiteren Contentseiten
Meine Frage ist nun: Wie definiere ich, dass die Contentseiten zB ideen.htm im Mainfraim (name "main") geöffnet werden ?!?!?!?
Mein Kopf raucht und ich hoffe, der Code erschlägt euch nicht. Ich paste ihn mal vollständig, damit man besser sehen kann, um was es mir geht.
Danke und ich hoffe, dass jemand weiß, was überhaupt mein Problem ist
*die JS-Anfängerin mizkA*
Code: |
<html>
<head>
<title>Explain</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../css/content.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
var selectedIndex=666;
<!--
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//
// anfang navigation //
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//
// hier wird der schalter für die navigation gesetzt
var upper_position = "";
// in diesem array stehen die namen der oberen navigationspunkte so heißen auch die bilder im name tag
upper_navigation = new Array();
upper_navigation[0] = "home";
upper_navigation[1] = "ideen";
upper_navigation[2] = "foerderung";
upper_navigation[3] = "news";
upper_navigation[4] = "partner";
upper_navigation[5] = "kontakt";
upper_navigation[6] = "impressum";
// url für buttons gedrückt
upper_navigation_url = new Array();
upper_navigation_url [0] = "../img/navi/home_aktiv.gif";
upper_navigation_url [1] = "../img/navi/ideen_aktiv.gif";
upper_navigation_url [2] = "../img/navi/foerderung_aktiv.gif";
upper_navigation_url [3] = "../img/navi/news_aktiv.gif";
upper_navigation_url [4] = "../img/navi/partner_aktiv.gif";
upper_navigation_url [5] = "../img/navi/kontakt_aktiv.gif";
upper_navigation_url [6] = "../img/navi/impressum_aktiv.gif";
// url für bilder nicht gedrückt
upper_navigation_url_inactive = new Array();
upper_navigation_url_inactive [0] = "../img/navi/home.gif";
upper_navigation_url_inactive [1] = "../img/navi/ideen.gif";
upper_navigation_url_inactive [2] = "../img/navi/foerderung.gif";
upper_navigation_url_inactive [3] = "../img/navi/news.gif";
upper_navigation_url_inactive [4] = "../img/navi/partner.gif";
upper_navigation_url_inactive [5] = "../img/navi/kontakt.gif";
upper_navigation_url_inactive [6] = "../img/navi/impressum.gif";
// url für Bilder wenn Maus drüber
upper_navigation_url_rollover = new Array();
upper_navigation_url_rollover [0] = "../img/navi/home_rollover.gif";
upper_navigation_url_rollover [1] = "../img/navi/ideen_rollover.gif";
upper_navigation_url_rollover [2] = "../img/navi/foerderung_rollover.gif";
upper_navigation_url_rollover [3] = "../img/navi/news_rollover.gif";
upper_navigation_url_rollover [4] = "../img/navi/partner_rollover.gif";
upper_navigation_url_rollover [5] = "../img/navi/kontakt_rollover.gif";
upper_navigation_url_rollover [6] = "../img/navi/impressum_rollover.gif";
// setzt alles dynamischen navigationselemente zurück
function restoreAll ()
{
// deaktiviert alle navigationspunkte
for (i = 0; i < upper_navigation_url_inactive.length ; i ++)
eval("MM_swapImage('"+upper_navigation[i]+"','','"+upper_navigation_url_inactive[i]+"',1)");
}
function upperNavigationClick(value)
{
var s1;
restoreAll();
s1 = "MM_swapImage('"+upper_navigation[value]+"','','"+upper_navigation_url[value]+"',1)";
eval (s1);
this.position = "";
this.upper_position = upper_navigation[value];
}
function upperNavigationMouseOut (value)
{
var s1;
if ( this.upper_position == upper_navigation[value])
{
s1 = "MM_swapImage('"+upper_navigation[value]+"','','"+upper_navigation_url[value]+"',1)";
eval (s1);
}
else
MM_swapImgRestore();
}
function home(value)
{
upperNavigationClick(value);
parent.content.location.replace('html/home.htm');
}
function ideen(value)
{
upperNavigationClick(value);
parent.content.location.replace('ideen.htm');
}
function foerderung(value)
{
upperNavigationClick(value);
parent.content.location.replace('html/foerderung.htm');
}
function news(value)
{
upperNavigationClick(value);
parent.content.location.replace('html/news.htm');
}
function partner(value)
{
upperNavigationClick(value);
parent.content.location.replace('html/partner.htm');
}
function kontakt(value)
{
upperNavigationClick(value);
parent.content.location.replace('html/kontakt.htm');
}
function impressum(value)
{
upperNavigationClick(value);
parent.content.location.replace('html/impressum.htm');
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" background="../img/navi/navi_bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2" align="left" valign="top"><img src="../img/logo.gif" width="182" height="110"></td>
<td align="left" valign="top"><img src="../img/header.jpg" width="618" height="88"></td>
</tr>
<tr>
<td align="left" valign="top"><a href="javascript: home(0);" onMouseOut="upperNavigationMouseOut(0)" onMouseOver="MM_swapImage('home','','../img/navi/home_aktiv.gif',1)"><img name="home" border="0" src="../img/navi/home.gif"></a><a href="javascript: ideen(1);" onMouseOut="upperNavigationMouseOut(1)" onMouseOver="MM_swapImage('ideen','','../img/navi/ideen_aktiv.gif',1)"><img name="ideen" border="0" src="../img/navi/ideen.gif"></a><a href="javascript: foerderung(2);" onMouseOut="upperNavigationMouseOut(2)" onMouseOver="MM_swapImage('foerderung','','../img/navi/foerderung_aktiv.gif',1)"><img name="foerderung" border="0" src="../img/navi/foerderung.gif"></a><a href="javascript: news(3);" onMouseOut="upperNavigationMouseOut(3)" onMouseOver="MM_swapImage('news','','../img/navi/news_aktiv.gif',1)"><img name="news" border="0" src="../img/navi/news.gif"></a><a href="javascript: partner(4);" onMouseOver="MM_swapImage('partner','','../img/navi/partner_aktiv.gif',1)" onMouseOut="upperNavigationMouseOut(4)"><img src="../img/navi/partner.gif" name="partner" border="0"></a><a href="javascript: kontakt(5);" onMouseOver="MM_swapImage('kontakt','','../img/navi/kontakt_aktiv.gif',1)" onMouseOut="upperNavigationMouseOut(5)"><img src="../img/navi/kontakt.gif" name="kontakt" border="0"></a><a href="javascript: impressum(6);" onMouseOut="upperNavigationMouseOut(6)" onMouseOver="MM_swapImage('impressum','','../img/navi/impressum_aktiv.gif',1)"><img name="impressum" border="0" src="../img/navi/impressum.gif"></a></td>
</tr>
<tr align="left" valign="top">
<td colspan="2" align="left" valign="top"><img src="../img/linien.gif" width="800" height="37"></td>
</tr>
</table>
</body>
</html>
|
Zuletzt bearbeitet von mizkA am Di 05.07.2005 15:50, insgesamt 2-mal bearbeitet
|
|
|
|
|
utor
Dabei seit: 06.02.2003
Ort: bln
Alter: 41
Geschlecht:
|
Verfasst Di 05.07.2005 16:00
Titel
|
|
|
hm ich hab ja auch nich so wirklich
ahnung aber wenns dir nur darum
geht mit nem link nen frame anzusteuern,
geht das nich einfach über
die printschlampe
utor
|
|
|
|
|
Anzeige
|
|
|
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Di 05.07.2005 16:01
Titel
|
|
|
Wenns soooooo einfach wäre.............
|
|
|
|
|
utor
Dabei seit: 06.02.2003
Ort: bln
Alter: 41
Geschlecht:
|
Verfasst Di 05.07.2005 16:05
Titel
|
|
|
sorry
ich bin ma besser ruhig
und lass die fachmenschen
reden.
utor
|
|
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Di 05.07.2005 16:08
Titel
|
|
|
hab mir jetzt deinen quelltext nicht angeschaut, aber rollover und gewissen "klick"-stati kannst du doch alles mit css regeln, da du in frames verweist, bleibt ja uch der status erhalten. wieso also alles mit javascript machen?
|
|
|
|
|
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Di 05.07.2005 16:59
Titel
|
|
|
is auch egal
habs neu geschrieben OHNE diese dummen dreamweaver kackdinger nun funzts
JUHU
FEIERABEND
TROTZDEM DANKE =)
Zuletzt bearbeitet von mizkA am Di 05.07.2005 16:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] a zustände definieren
[Frames] Linkfarben ändern in zwei Frames gleichzeitig
2 unabhängige Rollover Zustände
frames in frames scrollen
DIV anwählen nach java überprüfung
[Javascript] 2 iFrames gleichzeitig anwählen
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|