Archivlink: javarea.de Forum > JavaScript > java sript zeile fürs drop down menue ist wohl falsch!?
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > java sript zeile fürs drop down menue ist wohl falsch!?

Pages: [1]

geschrieben von Sadie am 15.08.2007 - 02:15
Hey,
ich habe ein gut funktionierendes drop down menue (http://www.ocean-science.org), aber wenn man auf einen Link geklickt hat fahren sich die Menü-Punkte nicht mehr aus.
Ich weiß, dass ich die jeweiligen (main) Seiten folgende Zeile einfügen muss:
HTML-Quelltext
1: 
<script src="cframe.js" type="text/javascript"></script>

Das hab ich im Head-Tag gemacht (und noch an tausend anderen Stellen versucht), aber das bringt nichts.
Ich bin jetz echt am verzweifeln, weil ich irgendwie schon alles ausprobiert habe.
Kann mir jemand weiterhelfen?
Gruß, Sarah

geschrieben von fanatikus am 16.08.2007 - 08:45
kannst du das skript mal posten?

geschrieben von Sadie am 16.08.2007 - 14:13
chlor.
Das hier ist der html-text der Navigation, was ja auch alles gut klappt:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
97: 
98: 
99: 
100: 
101: 
102: 
103: 
104: 
105: 
106: 
107: 
108: 
109: 
110: 
111: 
112: 
113: 
114: 
115: 
116: 
117: 
118: 
119: 
120: 
121: 
122: 
123: 
124: 
125: 
126: 
127: 
128: 
129: 
130: 
131: 
132: 
133: 
134: 
135: 
136: 
137: 
138: 
139: 
<html>
<head>
<title>ocean-science</title>

<script type="text/javascript">

//checken der Browsertypen
function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.opera=!(this.ie5 || this.ie4 || this.ns4 || this.ns5) && this.dom
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}
var bw=new checkBrowser()
</script>

<script src="coolframe.js" type="text/javascript"></script>
<base target="_self">
</head>
<body bgcolor="silver" background="main_long.jpg">
<script type="text/javascript">


mDebugging=1 					//0 für NO Debugging, 1 für alert debugging und 2 für status.
oCFMenu=new coolFrameMenu('oCFMenu') 		//erstellen des Menues

oCFMenu.menuFrameName="frmMain" 		//Name für ihr "main" frame (main=hauptframe)
oCFMenu.startPage="main.html" 			//erst wenn main frame geladen ist wird das menu geladen

//Frametype:
// 0 = menu in left frame
// 1 = menu in right frame
// 2 = menu in top frame
// 3 = menu in bottom frame

oCFMenu.frametype=2
oCFMenu.pagecheck=1 
oCFMenu.mainheight=25 
oCFMenu.mainwidth=119 
oCFMenu.subwidth=oCFMenu.mainwidth 	
oCFMenu.subheight=25	

oCFMenu.sub2width=oCFMenu.mainwidth 
oCFMenu.sub2height=oCFMenu.subheight    	
oCFMenu.sub3width=oCFMenu.mainwidth     	
oCFMenu.sub3height=oCFMenu.subheight   

oCFMenu.subXplacement=0 
oCFMenu.subYplacement=0 
oCFMenu.sub2Xplacement=oCFMenu.subwidth+1 
oCFMenu.sub2Yplacement=12

oCFMenu.sub3Xplacement=oCFMenu.sub2width+1 	//X Lage für subsubmenus, relative zum sub2 item (item=Gegenstand)
oCFMenu.sub3Yplacement=12 			//Y Lage für subsubmenus, relative zum sub2 item (item=Gegenstand)

oCFMenu.bordersize=1				//Bordergrösse
oCFMenu.bordercolor="Blue"			//Borderfarbe

//Stil der Schriftart,farbe,Grösse und Ausrichtung im Menue
oCFMenu.topstyle="font-family:arial,helvetica; font-size:12px; padding:4"

//Stil der Schriftart,farbe,Grösse und Ausrichtung im submenus
oCFMenu.substyle="padding:3px; font-family:arial,helvetica; font-size:12px;text-align:center"

//Stil der Schriftart,farbe,Grösse und Ausrichtung im sub2menus
oCFMenu.sub2style="padding:3px; font-family:arial,helvetica; font-size:12px;text-align:center"

//Stil der Schriftart,farbe,Grösse und Ausrichtung im sub3menus
oCFMenu.sub3style="padding:3px; font-family:arial,helvetica; font-size:12px;text-align:center"

//blättern der Linie
oCFMenu.makeStyle() 				//schreiben aus dem Stil für das top menu
oCFMenu.makeFrameString() 			
 
oCFMenu.menuplacement=0				//Beispiel unten nebeneinander
oCFMenu.pxbetween=1 				//Abstand in pixel oder %
oCFMenu.fromleft=1 				//Abstand in pixel oder % von links
oCFMenu.fromtop=1  				//Abstand in pixel oder % von oben

//Elemente für makeTop(TEXT,LINK,TARGET,WIDTH,FUNCTION) 
oCFMenu.makeTop('Ursprung...',0,0,120) 	//MAIN 1

//Elemente für makeSub(TEXT,LINK,TARGET,FUNCTION) 
oCFMenu.makeSub('des Universums','universum.html','frmMain')

	oCFMenu.makeSub('der Sonne','sonne.html','frmMain')	
	oCFMenu.makeSub('der Erde','erde.html','frmMain')	
	oCFMenu.makeSub('des Wassers','wasser.html','frmMain')	
	oCFMenu.makeSub('des Lebens','leben.html','frmMain')	
	
oCFMenu.makeTop('Ozeane',0,0,120) //Main 2
	oCFMenu.makeSub('Allgemein','ozeane.html','frmMain')
	oCFMenu.makeSub('Meeresbewegung')
		oCFMenu.makeSub2('Karte','karte.html','frmMain')
	oCFMenu.makeSub('Meeresboden','meeresboden.html','frmMain')	
		oCFMenu.makeSub2('Karte','meeresboden.html','frmMain')
	oCFMenu.makeSub('Meeresspiegel')	

oCFMenu.makeTop('Leben',0,0,120) //Main 3
	oCFMenu.makeSub('...an Küste & Meer')
	oCFMenu.makeSub('Vogelwelt der Meere')	
	oCFMenu.makeSub('Krustentiere')	
	oCFMenu.makeSub('Muscheln')	
	oCFMenu.makeSub('Fische')
		oCFMenu.makeSub2('Makrele')
		oCFMenu.makeSub2('Hering & Dorsch')
		oCFMenu.makeSub2('Plattfische')
		oCFMenu.makeSub2('Seepferdchen')
		oCFMenu.makeSub2('Seeteufel & Co.')
		oCFMenu.makeSub2('Haie')
	oCFMenu.makeSub('Robben')	
	oCFMenu.makeSub('Wale & Delphine')
		
oCFMenu.makeTop('Impressum',0,0,120) //Main 4
			
oCFMenu.makeTop('Links','links.html','frmMain') //Main 5
	oCFMenu.makeSub('Internet','links.html','frmMain')
	oCFMenu.makeSub('Literatur')	

oCFMenu.construct()


//bei jedem verändern der Grösse wird das Frameset neu geladen (reload)
searchtext=location.search
isresized=searchtext.lastIndexOf("resizedurl")
if(isresized>-1){ 			//Get PAGE
	oCFMenu.startPage="http://" + searchtext.substr(isresized+11,searchtext.length)
}
if(top[oCFMenu.menuFrameName])top[oCFMenu.menuFrameName].location.href=oCFMenu.startPage
</script>


</body>
</html>


und das ist ein Beispiel von einer Seite, die dann im main-frame angezeigt wird; aber dann die Navigation nicht mehr aufklappt:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="Sarah Preissner" content=Ocean-Science">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>ocean-science</title>

<script src="cframe.js" type="text/javascript"></script>

</head>

<body bgcolor="#000000">

<div align="left">
  <table border="0" cellpadding="0" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="98%" id="AutoNumber1">
    <tr>
      <td width="100%">
      <p align="center"><b><font face="Arial" size="7" color="#FFFFFF">
      Ursprung des Universums</font></b></td>
    </tr>
  </table>
</div>
<table border="0" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
  <tr>
    <td width="204" align="left" valign="top">
    <p align="left">
    <img border="0" src="universe1.jpg" width="204" height="700"></td>
    <td align="center" valign="top">
    <blockquote>
      <p style="margin-top: 0; margin-bottom: 0">
    <i>
    <font face="Arial" color="#C0C0C0" size="3">&quot;Das Universum ist nicht nur 
    merkwürdiger, als wir annehmen. Es ist merkwürdiger, als wir überhaupt 
    annehmen können.&quot; - J. Haldane </font>
      </i>
      </p>
      <p align="justify" style="margin-top: 0; margin-bottom: 0">
    &nbsp;</p>
      <p align="justify" style="margin-top: 0; margin-bottom: 0">
    <font face="Arial" color="#C0C0C0" size="2">Mit dem Wort 'Universum' 
    beschreiben wir den ganzen Weltraum mit seinen Milliarden von Galaxien und 
    Abermilliarden von Sternen. </font>
.</font></p>
    </blockquote>
    </td>
    <td width="192" align="right" valign="top">
    <img border="0" src="universe2.jpg" width="192" height="700"></td>
  </tr>
</table>

</body>

</html>


Ist die java script zeile bei dem beispiel falsch? Ich hab alle meine daten im gleichen ordner @.js
Vielen Dank für eure Bemühungen!
Gruß, Sarah

geschrieben von René am 16.08.2007 - 18:11
HTML-Quelltext
1: 
2: 
3: 
4: 
</head>
<body bgcolor="#000000">

<script src="cframe.js" type="text/javascript"></script>

geschrieben von Sadie am 17.08.2007 - 18:18
Hey, jetz funktioniert's plötzlich. Dankeschön!! Ich hatte mir eigentlich eingebildet, das auch schon versucht zu haben! ...aber naja §-)
Kommt diese Zeile generell in den body, oder woher weiß man, wo sowas eingefügt werden muss?
Vielen, vielen Dank noch mal!
Gruß, Sarah

geschrieben von Micha am 17.08.2007 - 19:53
Hi,

Zitat
 Original geschrieben von Sadie am 17.08.2007 - 18:18
Kommt diese Zeile generell in den body

Nein, idR kommt sie in den HEAD-Bereich des Dokumentes. In wenigen Fällen muss sie jedoch in den Dokumentenbody. Das ist abhängig von der güte des Scripts. Steht zB Document.write() im Script, muss es gar an die Stelle, wo der Inhalt erscheinen soll.

Für nähere Infos empfehle ich mal http://ichwill.net/

Micha


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.