[JS] Problems: Farbige Scrollbalken/Klappmenü | Gegen Bilderklau

Sunshine01

Seas

ALso bevor hier große Aufregung ist: Ich habe schon bei Tutorials geschaut, aber wie immer brauch ichs genauer erklärt. Also dass ist das Design, bei dem ich die Scrollbalken von dem Design farbig haben will...

http://thelibertyisland.th.ohost.de/index2.htm

Ich verstehe dass außerdem nicht so genau wo genau das dann beim Codesigncode hingehört.

____________________________________________________

Könnte mir jemand sagen, was bei diesem Code noch fehlt, oder falsch ist, ich verstehe dass nicht so ganz

code:

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:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>RS Liberty Island/Menü</title>

<style type="text/css">
<!--
.menue2
{
background-color: #2b6ebb;
border: 1px solid #008;
font-family: Verdana;
position: absolute;
font-weight: bold;
padding-top: 3px;
font-size: 10px;
cursor: pointer;
width: 150px;
color: #fff;
}

.item_panel
{
border-left: 1px solid #008;
border-right: 1px solid #008;
clip: rect(0, 150, 0, 0);
position: absolute;
width: 150px;
}

.item_panel a
{
text-decoration: none;
cursor: pointer;
color: #000;
}

.item
{
background-color: #e9f0f8;
font-family: Verdana;
font-size: 10px;
width: 148px;
}
//-->
</style>
</head>


Link[0]  = '0|Home';
Link[1]  = '1|Willkommen|http://thelibertyisland.th.ohost.de| target (menue2)';
Link[2]  = '1|Contact me|http://| target (menue2)';
Link[3]  = '1|Gästebuch|http://| target (menue2)';
Link[4]  = '1|Forum|www.the-liberty-island.de.vu| target (menue2)';
Link[5]  = '1|Impressum|http://thelibertyisland.th.ohost.de/impressum.htm| target (menue2)';
Link[6]  = '1|Bildnachweis|http://thelibertyisland.th.ohost.de/bildnachweis.htm| target (menue2)';
Link[7]  = '0|Aussehen';
Link[8]  = '1|Pferde|http://| target (menue2)';
Link[9]  = '1|Wölfe html|http://| target (menue2)';
Link[10]  = '1|Tiger html|http://| target (menue2)';
Link[11]  = '0|Rollenplay';
Link[12]  = '1|Über die Herden/Rudel|http://| target (menue2)';
Link[13] = '1|Gebiete/Umgebung|http://| target (menue2)';
Link[14] = '1|Fasts Herdenmitglieder|http://| target (menue2)';
Link[15] = '1|Cookies Herdenmitglieder|http://| target (menue2)';
Link[16] = '1|HS Rudelmitglieder|http://| target (menue2)';
Link[17] = '1|DC Rudelmitglieder|http://| target (menue2)';

Link[18] = '0|Sonstiges;
Link[19] = '1|Partnerseiten/Links|http://| target (menue2)';
Link[20]  = '1|Avardvergabe|http://| target (menue2)';


var height    = 20; // Hoehe der Menuekoepfe
var iheight   = 15; // Hoehe der Menueelemente
var bgc       = '#e9f0f8' // background color of the item
var over_bgc  = '#fff';
var tc        = '#000' // text color of the item
var over_tc   = '#004891';
var speed     = 0;
var timerID   = 0;
var width     = 152;
var N         = (document.all) ? 0 : 1;
var self_menu = new Array();

function write_menu()
{
smc   = 0;
mn    = 0;
mni   = 1;
start = -1;

document.write('<div style="position: absolute;">');

for (var i = 0; i < Link.length; i++)
{
la = Link[i].split('|');

if (la[0] == 0)
{
if (start == 0)
{
document.write('</div>');

h = csmc * iheight;
tmn = mn; // - h;
self_menu[smc] = new Array(tmn, h, 0, -2);

smc++;
mn--;
}

csmc = 0;

document.write('<div id="down' + smc + '" class="menu" '
             + 'style="top: ' + mn + 'px; height: ' + height + 'px;" '
             + 'onclick="pull_down(' + smc + ', ' + mni + ');">'
             + '  ' + la[1] + '</div>');

self_menu[smc] = new Array(mn, height, 0, mni);

smc++;
mni++;
mn += height;
start = 1;
}
else
{
if (start == 1)
{
if (N)
mn += 2;

document.write('<div id="down' + smc + '" class="item_panel" '
             + 'style="top: '+ mn + 'px;">');

start = 0;
}

document.write('<a href="' + la[2] + '"'
             + ((la[3] != '') ? ' target="' + la[3] + '"' : '')
             + '><div id="d' + i + '" class="item" '
             + 'style="height: ' + iheight + 'px;'
             + ((N) ? ' width:150px;' : '')
             + '" onmouseover="color(this.id);" '
             + 'onmouseout="uncolor(this.id);">'
             + ' ' + la[1] + '</div></a>');

csmc++;
}
}

if (start == 0)
{
document.write('</div>');

h =  csmc * iheight;
tmn = mn + 5; // - h;
self_menu[smc] = new Array(tmn, h, 0);
name = 'down' + (self_menu.length - 1);

obj = document.getElementById(name);
obj.style.borderBottomColor = '#008';
obj.style.borderBottomWidth = '1px';
obj.style.borderBottomStyle = 'solid';
}

document.write('</div>');
}

function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc;
}

function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc;
}

function pull_down(nr, c)
{
if (timerID == '')
{
to = self_menu[nr + 1][1]
begin = nr + 2;

if (timerID != '')
clearTimeout(timerID);

if (self_menu[nr + 1][2] == 0)
{
self_menu[nr + 1][2] = 1;

if (nr == (self_menu.length - 2))
to++;

epull_down(begin, to, 0);
}
else
{
to = 0;
self_menu[nr + 1][2] = 0;
name = 'down' + (nr + 2);
open_item = 0;

for (var i = 0; i < nr; i++)
if (self_menu[i][2] == 1)
open_item += self_menu[i][1];

if (N == false)
open_item -= (c * 1);

if (nr == (self_menu.length - 2))
{
val = self_menu[self_menu.length - 1][1];
to = -1;
}
else
val = parseInt(document.getElementById(name).style.top) - (open_item) - (c * height);

epull_up(begin, to, val);
}
}
}

function epull_down(nr, to, nowv)
{
name = 'down' + (nr - 1);
obj = document.getElementById(name).style.clip = 'rect(0, ' + width + ', ' + (nowv + 1) + ', 0)';

for (var i = nr; i < self_menu.length; i++)
{
name = 'down' + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top) + 1;
}

nowv++;

if (nowv < to)
timerID = setTimeout('epull_down(' + nr + ', ' + to + ', ' + nowv + ');', speed);
else
timerID = 0;
}

function epull_up(nr, to, nowv)
{
name = 'down' + (nr - 1);
obj = document.getElementById(name).style.clip = 'rect(0, ' + width + ', ' + nowv + ', 0)';

for (var i = nr; i < self_menu.length; i++)
{
name = 'down' + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top) - 1;
}

nowv--;

if(nowv > to)
timerID = setTimeout('epull_up(' + nr + ', ' + to + ', ' + nowv + ');', speed);
else
timerID = 0;
}

function startup(nr)
{
write_menu();

if (nr != 0)
{
for (var i = 0; i < self_menu.length; i++)
{
if (self_menu[i][3] == nr)
pull_down(i, nr);

i == self_menu.length;
}
}
}
//-->
</script>

</head>
<body>

<script language="JavaScript" type="text/javascript">
<!--
startup(1);
//-->
</script>

</body>
</html>

Please Help
Lg Nick