mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 01:20 Benutzername: Passwort: Auto-Login

Thema: [JS] Navigation --> 3 Zustände, Frames anwählen vom 05.07.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [JS] Navigation --> 3 Zustände, Frames anwählen
Autor Nachricht
mizkA
Threadersteller

Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 34
Geschlecht: Weiblich
Verfasst Di 05.07.2005 14:49
Titel

[JS] Navigation --> 3 Zustände, Frames anwählen

Antworten mit Zitat Zum Seitenanfang

Hallöle, ich mal wieder....
sitze schon seit heut morgen an dieser dummen Navigation und solangsam fehlt mir etwas die Geduld * grmbl *
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 Grins

*die JS-Anfängerin mizkA*

* Ich bin unwürdig *


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 14:50, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
utor

Dabei seit: 06.02.2003
Ort: bln
Alter: 34
Geschlecht: Männlich
Verfasst Di 05.07.2005 15:00
Titel

Antworten mit Zitat Zum Seitenanfang

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
Code:
target="framename"



die printschlampe
utor
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
mizkA
Threadersteller

Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 34
Geschlecht: Weiblich
Verfasst Di 05.07.2005 15:01
Titel

Antworten mit Zitat Zum Seitenanfang

Wenns soooooo einfach wäre.............
  View user's profile Private Nachricht senden
utor

Dabei seit: 06.02.2003
Ort: bln
Alter: 34
Geschlecht: Männlich
Verfasst Di 05.07.2005 15:05
Titel

Antworten mit Zitat Zum Seitenanfang

sorry * Ich bin ja schon still... *


ich bin ma besser ruhig
und lass die fachmenschen
reden.

*zwinker*
utor
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 41
Geschlecht: Männlich
Verfasst Di 05.07.2005 15:08
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mizkA
Threadersteller

Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 34
Geschlecht: Weiblich
Verfasst Di 05.07.2005 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

is auch egal
habs neu geschrieben OHNE diese dummen dreamweaver kackdinger nun funzts Grins
JUHU Grins
FEIERABEND
TROTZDEM DANKE =)


Zuletzt bearbeitet von mizkA am Di 05.07.2005 15:59, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Frames] Linkfarben ändern in zwei Frames gleichzeitig
[CSS] a zustände definieren
2 unabhängige Rollover Zustände
frames in frames scrollen
[Javascript] 2 iFrames gleichzeitig anwählen
DIV anwählen nach java überprüfung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.