[JS] Klappmenü öffnet sich nicht im Main | Gegen Bilderklau

die Tini

Hey

Wir haben uns an unserem ersten Klappmenü versucht und es hat auch soweit gepasst, nur öffnet es die Links nicht im Main sondern als neue Seite...

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:

<html>
<head>
<title>Klappmenue</title>
<link type=text/css rel=stylesheet>
 <!--
  body { font: 12px verdana }
 //-->
 </style>
<script language="JavaScript">
// www: http://www.javarea.de
// Copyright by javarea.de
function goToURL() { history.go(-1); }
 </script>
  <style>
  .menu
  {
   background-color:#AFDD8D;
   border:1px solid #5EB41E;
   width:100px;
   font-size:11px;
   font-family:verdana;
   position: absolute;
   color:#4D7335;
   cursor:hand;
  }
  .item_panel
  {
    width:45px;
    border-left:1px solid #488F13;
    border-right:1px solid #488F13;
    clip:rect(0,0,0,0);
    position:absolute;
  }
  .item_panel a
  {
   text-decoration:none;
   color:#4D7335;
   cursor:hand;
  }
  .item
  {
   background-color: #C9F7A7;
   width: 95px;
   font-size: 10px;
   font-family: verdana;

  }
  </style>

  <script language="JavaScript">
// www: http://www.javarea.de
// Copyright by javarea.de

  var height = 20; // Hoehe der Menuekoepfe
  var iheight = 12; // Hoehe der Menueelemente
  var bgc = "#C9F7A7" // background color of the item
  var tc = "4D7335" // text color of the item
  var over_bgc = "#C9F7A7";
  var over_tc = "#4D7335";
  var speed = 0;
  var timerID = "";
  var N = (document.all) ? 0 : 1;
  var width = 152;
  var self_menu = new Array();
function write_menu()
{
  smc = 0; // count the position of the self_menu
  document.write("<div style='position:absolute'>");
  mn = 0;
  mni = 1;
  start = -1;
  for(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 class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' 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 class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
       start = 0;
     }

    document.write("<a href='"+la[2]+"'");
    if (la[3] != "") document.write(" target='" + la[3] + "' ");
    document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
    if (N) document.write(";width:150");
    document.write("' 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 = "#5EB41E";
     obj.style.borderBottomWidth = 1;
     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(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 (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 = "";
}

function epull_up(nr,to,nowv)
{
 name = "down" + (nr-1);
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
 for (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 = "";
}

function startup(nr)
{
 write_menu();
 if (nr != 0)
 {
 for(i=0;i<self_menu.length;i++)
 {
  if(self_menu[i][3] == nr) pull_down(i,nr)
  i==self_menu.length;
 }
 }
}
 </script>
</head>
<body>
<table width=50>
<tr>
<td>
<script language="JavaScript">
      //Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
  var Link = new Array();
  Link[0] = "0|Allgemein";
  Link[1] = "1|Home|http://vrhponyhofnaeve.vr.funpic.de/Willkommen.html|main";
  Link[2] = "1|Gästebuch|http://gb.webmart.de/gb.cfm?id=1057400&r=preview|main";
  Link[3] = "1|Werbebuch|http://gb.webmart.de/gb.cfm?id=1057400&r=preview|main";
  Link[4] = "1|Impressum|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Impressum.html|main";
  Link[5] = "1|Bildnachweis|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Bildnachweis.html|main";
  Link[6] = "0|Anmeldung";
  Link[7] = "1|Erklärung|http://vrhponyhofnaeve.vr.funpic.de/Regeln/Erkl%e4rungen.html|main";
  Link[8] = "1|Regeln|http://vrhponyhofnaeve.vr.funpic.de/Regeln/Regeln.html|main";
  Link[9] = "1|Anmeldung|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Anmeldung.html|main";
  Link[10] = "1|Arbeitsamt|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Jobs.html|main";
  Link[11] = "1|Kinderheim|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Kinderheim.html|main";
  Link[12] = "0|Der Hof";
  Link[13] = "1|Der Hof|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Der%20Hof.html|main";
  Link[14] = "1|Umgebung|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Die%20Umgebung.html|main";
  Link[15] = "1|Ställe|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/St%e4lle.html|main";
  Link[16] = "1|Weiden|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Koppeln.html|main";
  Link[17] = "1|Kalender|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Kalender.html|main";
  Link[18] = "1|Statistik|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Statistik.html|main";
  Link[19] = "0|Community";
  Link[20] = "1|Hofbesitzer|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Hofbesitzer.html|main";
  Link[21] = "1|Mitglieder|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Mitgliederverzeichnis.html|main";
  Link[22] = "1|Probemitglieder|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Probemitties.html|main";
  Link[23] = "1|Forum|http://vrhponyhofnaeve.vr.funpic.de/wbblite|blank";
  Link[24] = "1|LogIn|http://vrhponyhofnaeve.vr.funpic.de/Login/login.html|main";
  Link[25] = "1|Abzeichen|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Abzeichen.html|main";
  Link[26] = "0|Pferde & Tiere";
  Link[27] = "1|Hoftiere|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Hofeigene%20TierePferde.html|main";
  Link[28] = "1|Probepferde|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Schulpferde.html|main";
  Link[29] = "1|Verkaufspferde|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Verkaufspferde.html|main";
  Link[30] = "1|Verkaufstiere|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Verkaufstiere.html|main";
  Link[31] = "0|Unterhaltung";
  Link[32] = "1|Voltigierverein|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Voltiverein.html|main";
  Link[33] = "1|Turniere|http://vrhponyhofnaeve.vr.funpic.de/Turnier/Textseiten/AktuellTurnier.html|main";
  Link[34] = "0|Sonstiges";
  Link[35] = "1|Awards|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Awards.html|main";
  Link[36] = "1|Partner|http://vrhponyhofnaeve.vr.funpic.de/Textseiten/Partnerh%f6fe.html|main";

  startup(8);
  </script>

  </td>
 </tr>
</table>
<body background="Spring2.jpg" bgproperties="fixed" scrolling="no">
</body>

</html>

habt ihr vielleicht ne idee wie das kommt bzw wie es sich im main öffnet?

die Tini

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

<html>
<head>
  <title>VRH Ponyhof Naeve</title>
</head>
<body>
<div id="HintergrundFruehling" style="position: absolute; top: 0px; left: 0px;"><img
 src="http://vrhponyhofnaeve.vr.funpic.de/FruehlingDesign.jpg"
 height="627" width="850" style="FILTER: chroma (color=#ffffff)" ;></div>
<div id="Frame"
 style="position: absolute; top: 90px; left: 660px;"><iframe
 src="http://pandor04.pa.funpic.de/Klappmenue.html"
 name="menue" frameborder="0" height="604"
 scrolling="auto" width="157" style="FILTER: chroma (color=#ffffff)" ;></iframe></div>
<div id="Frame"
 style="position: absolute; top: 180px; left: 190px;">
<iframe
 src="http://vrhponyhofnaeve.vr.funpic.de/Willkommen.html"
 name="main" frameborder="0" height="420"
 scrolling="auto" width="455" style="FILTER: chroma (color=#ffffff)" ;></iframe></div>
</body>
</html>

hier^^ jops, ganz sicher Augenzwinkern

die Tini

kann uns wirklich keiner helfen??