Archivlink: javarea.de Forum > JavaScript > Menü das von links nach rechts ins bild kommt zum aufklappen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Menü das von links nach rechts ins bild kommt zum aufklappen

Pages: [1]
geschrieben von webfire am 15.06.2005 - 18:09
Hallo!
Ich habe mir bei javarea.de zwei Java-Scripts rausgesucht und habe versucht diese zusammenzufügen, damit ich eine ansprechende navi hinzubekommen.
Die Navigation soll zuerst automatisch mit 4 Hauptmenüpunkten (Grafiken) von links in das Bild Kommen.
Danach soll mann auf die einzelnen Menüpunkte klicken können, damit sich die menüpunkte freilegen.
Wenn man z.B. auf den Obersten Menüpunkt klickt, dann sollen die unteren Menüpunkte nach unten fahren, damit dann unter dem ersten Menüpunkt die unterpunkte zu sehen sind.
Ich habe versucht die 2 Scripts in ein Script zu packen, aber ich habe leider noch einen Fehler drin.
Ich würde mich freuen, wenn Ihr mal über das Script sehen könntet.
Vielen Dank schonmal im Voraus!
Gruß Joachim Sch.

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 LANG="de"> 
<HEAD> 
<TITLE>Anwendungsbeispiel &quot;Effekt&quot; - Demo 1</TITLE> 
<META NAME="LANGUAGE" CONTENT="de"> 
<META NAME="ROBOTS" CONTENT="NONE"> 
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="de"> 
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=iso-8859-1"> 

</head> 

<body BGCOLOR="white" text="black"> 

<STYLE TYPE="text/css"> 
<!-- 

#Bild1{   top: 100;left: 10;position: absolute;visibility: hide;} 
#Bild2{   top: 140;left: 10;position: absolute;visibility: hide;} 
#Bild3{   top: 180;left: 10;position: absolute;visibility: hide;} 
#Bild4{   top: 220;left: 10;position: absolute;visibility: hide;} 
// --> 
</STYLE> 




<SCRIPT LANGUAGE="JavaScript1.2" SRC="positionierung.js" 

TYPE="text/javascript"></SCRIPT> 

<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript"> 
<!-- 
// © Autor Dietmar Rabich, Duelmen. 
// http://www.rabich.de  

function init() 
{ 
   objekte["Bild1"]   = new make_bild("Bild1", null, 25, 5) 
   objekte["Bild2"]   = new make_bild("Bild2", "Bild1", 25, 5) 
   objekte["Bild3"]   = new make_bild("Bild3", "Bild2", 25, 5) 
   objekte["Bild4"]   = new make_bild("Bild4", "Bild3", 25, 5) 
   horizontal_start("Bild1") 
   horizontal_start("Bild2") 
   horizontal_start("Bild3") 
   horizontal_start("Bild4") 

} 

// --> 
</SCRIPT> 

</HEAD> 

<BODY onLoad="focus(); init()"> 

 <table border="0" cellpadding="4" cellspacing="3" width="100%"> 
<tr> 
<td align="left" width="20%" height="70"> 

<SCRIPT language=JavaScript src="dynlayer.js"></SCRIPT> 
<SCRIPT language=JavaScript src="dynlayer-glide.js"></SCRIPT> 
<SCRIPT language=JavaScript src="dynlayer-common.js"></SCRIPT> 
<SCRIPT language=JavaScript src="collapsemenu.js"></SCRIPT> 

<SCRIPT language=JavaScript> 

<!-- 
// Copyright (C) 1999 Dan Steinman 
// Distributed under the terms of the GNU Library General Public License 
// Available at http://www.dansteinman.com/dynapi/  

onload = init 
function init() { 
        collapse.activate() 

        if (is.ns) document.height = collapse.lyr.y + collapse.h 
} 
collapse = new CollapseMenu(250,300,250,3,'collapseMenu') 
collapse.openStyle = 'glide' 
collapse.build() 
writeCSS(collapse.css) 
// --> 
</SCRIPT> 
<STYLE type=text/css></STYLE> 
<SCRIPT language=JavaScript> 
document.write(collapse.divStart) 
</SCRIPT> 
<font face="arial,Helvertica" size="2"> 
<DIV id=collapseMenuBlock0> 
<DIV id=collapseMenuBlock0Item> 
<SPAN ID="Bild1"><A href="javascript:collapse.toggle(0); javascript:dummy()"> 
<img src="img/menue_feuerwehr.gif" alt="Die Feuerwehr"></A><BR></SPAN> 
</DIV> 
<DIV id=collapseMenuBlock0Content> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
</DIV> 

<DIV id=collapseMenuBlock1> 
<DIV id=collapseMenuBlock1Item> 
<SPAN ID="Bild2"><A href="javascript:collapse.toggle(1); javascript:dummy()"> 
<img src="img/menue_fahrzeuge.gif" alt="Fahrzeuge"></A><BR></SPAN> 
</DIV> 
<DIV id=collapseMenuBlock1Content> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
</DIV> 

<DIV id=collapseMenuBlock2> 
<DIV id=collapseMenuBlock2Item> 
<SPAN ID="Bild3"><A href="javascript:collapse.toggle(2); javascript:dummy()"> 
<img src="img/menue_mitglieder.gif" alt="Mitglieder"></A><BR></SPAN> 
</DIV> 
<DIV id=collapseMenuBlock2Content> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
</DIV> 

<DIV id=collapseMenuBlock3> 
<DIV id=collapseMenuBlock3Item> 
<SPAN ID="Bild4"><A href="javascript:collapse.toggle(3); javascript:dummy()"> 
<img src="img/menue_sonstiges.gif" alt="Sonstiges"></A><BR></SPAN> 
</DIV> 
<DIV id=collapseMenuBlock3Content> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
<IMG src="blank.gif" height=16 width=16 border=0> <A href="ihre.html">LINK</A><br> 
</DIV> 


<SCRIPT language=JavaScript> 
document.write(collapse.divEnd) 
</SCRIPT> 
</DIV> 
</DIV> 
</td> 
</tr> 
</table> 
</BODY> 

</HTML>

geschrieben von Patrick am 15.06.2005 - 18:56
Hallo,

poste mal bitte auch die Includeten Datein, wie z.B. positionen.js

Dann kann man das ganze direkt mal ausprobieren.

mfG,
Patrick

geschrieben von webfire am 15.06.2005 - 19:45
Anbei die zusatzdateien

geschrieben von webfire am 15.06.2005 - 19:47
Anbei die zusatzdateien ein einer rar datei, weil ich kann leider keine.js dateien hochladen.

geschrieben von webfire am 28.06.2005 - 18:23
Ich habe eben mal den Firefox installiert, und der sagt mir, dass ein Fehler in der zeile 77 ist.
HTML-Quelltext
1: 

collapse = new CollapseMenu(250,300,250,3,'collapseMenu')

Was ist da falsch?


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