Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Met 1 link 2 frames updaten.

Ben bezig om een menu te maken, maar loop daar tegen een probleempje aan. Ik wil met 1 link vanuit het menu 2 frames updaten, nu weet ik hoe ik dit normaal gesproken kan doen: [code:1:92fa3b3d0c]<a href="doc1.html" target="frame1" onClick="parent.frame2.location.href='doc2.html';">link tekst</a>[/code:1:92fa3b3d0c] of met een function: [code:1:92fa3b3d0c]function tweelink(link1, link2) { parent.frames['Frame1'].location.href = link1; parent.frames['Frame2'].location.href = link2; } <a href="javascript:tweelink('top2.html', 'main2.html')">Link</a> [/code:1:92fa3b3d0c] Maar hoe pas ik dit nu in onderstaand script in, bij alles wat ik probeer krijg ik de melding dat 'link' niet gedefinieerd is. Het menu: [code:1:92fa3b3d0c]<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function setVariables() { if (navigator.appName == "Netscape") { v=".top="; dS="document."; sD=""; y="window.pageYOffset"; } else { v=".pixelTop="; dS=""; sD=".style"; y="document.body.scrollTop"; } } function checkLocation() { object="menu1"; yy=eval(y); eval(dS+object+sD+v+yy); setTimeout("checkLocation()",50); } // End --> </script> <style type="text/css"> .menu{position:relative;overflow:visible;} .head_items{padding:3px 0px 0px 10px;} .item_class{padding:3px 0px 0px 5px;overflow :hidden;} </style> </HEAD> <BODY onload="setVariables();checkLocation()"> <div id="menu1" style="position:relative; visibility:show; left:0px; top:0px; z-index:1"> <SCRIPT LANGUAGE="JavaScript"> // Hier maak je de aanpassingen voor het menu-uitzicht: var prop = [ 85, // transparantie van de items (in procent) 5, // plaatsing menubalk vanaf links 5, // plaatsing menubalk vanaf boven 120, // breedte hoofditems 22, // top menu hoofditems 1, // afstand tussen hoofditems 1, // randdikte hoofditems 'white', // randkleur hoofditems 1, // hoofditems tekst: 0=normaal, 1=vet 11, // lettergrootte hoofditems 'verdana', // lettertype hoofditems 'solid', // randstijl hoofditems 1, // afstand tussen hoofditems en subitems 120, // breedte subitems 22, // hoogte subitems 1, // randdikte subitems 'white', // randkleur subitems 'solid', // randstijl subitems 10, // lettergrootte subitems 'verdana', // lettertype subitems 1, // afstand tussen subitem blokken (multi-level) 3, // padding links in hoofditem blok 10, // padding boven in hoofditem blok 'blokje.gif' // afbeelding indien subitems ]; //--------------------------------------------------------------------------------------------- /* Hier maak je de aanpassingen voor de menu-inhoud: Opmaak van een link zonder subitems: [tekst,url,target,tekstkleur,agrondkleur,muisovertekstkleur,muisoveragrondkleur] //Opmaak van een link met subitems: [tekst,url,target,tekstkleur,agrondkleur,muisovertekstkleur,muisoveragrondkleur,[subitems]] Vergeet niet alle geopende rechte haakjes af te sluiten! Let bijzonder goed op het gebruik van de komma's na elke regel! Dit menu is zeer delicaat: een komma of haakje vergeten of verkeerd plaatsen en het werkt niet meer. */ //--------------------------------------------------------------------------------------------- var link = [//recht haakje om het volledige menu te openen // voorbeeld zonder subitems: ['Hoofditem 1','http://www.test.nl','_top','white','blue','blue','white'], // voorbeeld met 2 subitems ['Hoofditem 2','#','_top','white','blue','blue','white', //1ste open recht haakje [ //2de open recht haakje ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'] ]], //2 open rechte haakjes gesloten //voorbeeld met 3 subitems ['Hoofditem 3','#','_top','white','blue','blue','white', //1ste open recht haakje [ //2de open recht haakje ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'] ]], //2 open rechte haakjes gesloten //voorbeeld met subsubitems ['Hoofditem 4','#','_top','white','blue','blue','white', //1ste open recht haakje [ //2de open recht haakje ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white', //3de open recht haakje [ //4de open recht haakje ['Subsubitem','#','_blank','white','blue','blue','white'], ['Subsubitem','#','_blank','white','blue','blue','white'] ]]]], //4 open rechte haakjes gesloten //voorbeeld met meerdere subsubitems ['Hoofditem 5','#','_top','white','blue','blue','white', //1ste open recht haakje [ //2de open recht haakje ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white', //3de open recht haakje [ //4de open recht haakje ['Subsubitem','#','_blank','white','blue','blue','white'], ['Subsubitem','#','_blank','white','blue','blue','white'], ['Subsubitem','#','_blank','white','blue','blue','white'], ['Subsubitem','#','_blank','white','blue','blue','white'], ['Subsubitem','#','_blank','white','blue','blue','white', //5de open recht haakje [ //6de open recht haakje ['Subsubsubitem','#','_blank','white','blue','blue','white'], ['Subsubsubitem','#','_blank','white','blue','blue','white'] ]]]]]], //6 open rechte haakjes gesloten //laatste voorbeeld: géén komma na het laatste haakje! ['Hoofditem 6','#','_top','white','blue','blue','white', //1ste open recht haakje [ //2de open recht haakje ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white'], ['Subitem','#','_blank','white','blue','blue','white', //3de open recht haakje [ //4de open recht haakje ['Subsubitem','#','_blank','white','blue','blue','white'], ['Subsubitem','#','_blank','white','blue','blue','white'] ]]]] //4 open rechte haakjes gesloten //recht haakje om het volledige menu af te sluiten: ]; var delay = 300; var N = (document.all) ? 0 : 1; var count = 0; var count_open = 0; var open_items = new Array(); var head = new Array(); var item_arr = new Array(); var T1 = null; var hcc = 0; var container = new Array(); var ctc = 0; var screenw = screen.width; function maakMenu(mid,a_id,prop_id) { l_men = prop_id[1]; for(i=0;i<a_id.length;i++) { if(a_id[i][7]) {id = count_open;count_open++;} else id = -1; height = prop_id[4]; if(N) height -= 4; width = prop_id[3]; if(N) width -= 12; if(a_id[i][1] != null) {document.write("<a href='"+a_id[i][1]+"' "); if(a_id[i][2] != null) document.write("target='+a_id[i][2]+' style='text-decoration:none'"); document.write(">"); } document.write("<div style=\"position:absolute;top:"+prop_id[2]+";left:"+l_men); document.write(";padding:"+prop_id[21]+"px 0px 0px "+prop_id[22]+"px;cursor:hand"); document.write(";width:"+width); document.write(";height:"+height); document.write(";font-size:"+prop_id[9]+"px"); document.write(";font-family:"+prop_id[10]); document.write(";background-color:"+a_id[i][4]); document.write(";color:"+a_id[i][3]); document.write(";border:"+prop_id[6]+"px "+prop_id[11]+" "+prop_id[7]); if(prop_id[8] == 1) document.write(";font-weight:bold;"); document.write("\" onmouseout=\"head_out("+id+",-1,"+hcc+",-1,'','')\" onmouseover=\"head_over(this.id,'"+a_id[i][5]+"','"+a_id[i][6]+"',"+id+",-1,"+hcc+",-1,'','')\" id="+mid+"_"+hcc+">"); document.write(" "+link[i][0]+"</div>"); if(a_id[i][1] != null) document.write ("</a>"); head[hcc] = new Array(a_id[i][3],a_id[i][4],a_id[i][5],a_id[i][6],mid,"none"); if(a_id[i][7]) { topv = prop_id[2] + height + prop_id[12]; if(N) topv += 2 left = l_men; arr = a_id[i][7]; if(N) topv += prop_id[6] + prop_id[15]; iid = ""+id add_col(topv,left,arr,prop_id,mid,iid,hcc,"","","","r"); } l_men += (prop_id[5] + prop_id[3]); //if(N) l_men += (2*(prop_id[6] + prop_id[21] +2)); hcc++; } empty_container(); } function head_out(open,confirm,header,way,lst_items,item) { if(T1 != null) clearTimeout(T1) if(item != "") item_arr[parseInt(item)][6] = "none"; if(lst_items != "") { lb = lst_items.split("/"); for (i=0;i<lb.length;i++) { item_arr[lb[i]][6] = "none"; } } if(way != -1){ la = way.split("/"); for (i=0;i<la.length;i++) open_items[la[i]][0] = 'none'; } if(confirm != -1) {open_items[confirm][0] = 'none'} if(open != -1) {open_items[open][0] = 'none';} head[header][5] = "none"; T1 = setTimeout("close_items()",delay); } function head_over(id,text,bg,open,confirm,header,way,lst_items,item) { if(T1 != null) clearTimeout(T1) if(item != "") item_arr[item][6] = ""; head[header][5] = ""; if(lst_items != "") { lb = lst_items.split("/"); for (i=0;i<lb.length;i++) { item_arr[lb[i]][6] = ""; } } if(way != -1){ la = way.split("/"); for (i=0;i<la.length;i++) open_items[la[i]][0] = ''; } if(open != -1) { len = open_items[open][4] - open_items[open][3]; for(i=0;i<=len;i++) { name = open_items[open][2] +"_s"+(open_items[open][3]+i); document.getElementById(name).style.display = ''; } open_items[open][0] = ''; } if(confirm != -1) open_items[confirm][0] = ''; document.getElementById(id).style.backgroundColor = bg; document.getElementById(id).style.color = text; T1 = setTimeout("close_items()",0); } function add_col(top,left,arr,prop_id,mid,iid,from,way,citems,lst_item,dir) { if(way == ""){vway = iid;} else vway = way + "/" + iid; if(citems != "") vcitems = citems +"/"+ lst_item; else vcitems = lst_item; t=top; ll = left; if(dir == "r") { if((ll+(prop_id[13]+prop_id[20]+50)) > screenw) { ll -= 2*(prop_id[13] + prop_id[20]) dir = "l"; } } else { if(ll < 0) { ll += 2*(prop_id[13] + prop_id[20]) dir = "r"; } } start = count for(j=0;j<arr.length;j++) { if(arr[j][7]){tid = count_open;count_open++;} else tid = -1; height = prop_id[14]; if(N) {height -= 5;t+=4;} width = prop_id[13] if(N) {width -= 7;} if(arr[j][1] != null) {document.write("<a href='"+arr[j][1]+"' "); document.write("style='text-decoration:none;color:"+arr[j][3]+"'"); if(arr[j][2] != null) document.write("target='"+arr[j][2]+"' style='text-decoration:none'"); document.write(">"); } document.write("<div class='item_class' style=\"display:none;position:absolute;left:"+ll+";top:"+t); document.write(";filter:alpha(opacity="+prop_id[0]+"); -moz-opacity:"+prop_id[0]+"%;"); document.write(";width:"+width); document.write(";height:"+height); document.write(";font-size:"+prop_id[18]+"px"); document.write(";font-family:"+prop_id[19]); document.write(";background-color:"+arr[j][4]); document.write(";color:"+arr[j][3]); document.write(";cursor:hand"); document.write(";border:"+prop_id[15]+"px "+prop_id[16]+" "+prop_id[17]); document.write("\" onmouseover=\"head_over(this.id,'"+arr[j][5]+"','"+arr[j][6]+"',"+tid+","+iid+","+from+",'"+vway+"','"+vcitems+"','"+count+"')\" onmouseout=\"head_out("+tid+","+iid+","+from+",'"+vway+"','"+vcitems+"','"+count+"')\" id="+mid+"_s"+count+"> "+arr[j][0]); if(arr[j][7]){ ileft = prop_id[13] - 20; document.write("<img src='"+prop_id[23]+"' border=0 style='position:absolute;left:"+ileft+";top:3;'>"); } document.write("</div>") if(arr[j][1] != null)document.write("</a>"); item_arr[count] = new Array(arr[j][3],arr[j][4],arr[j][5],arr[j][6],mid,from,"none",count); if(arr[j][7]) { if(dir == "r") l = ll + prop_id[13] + prop_id[20]; else l = ll - prop_id[13] - prop_id[20]; if(N) t-=4; container[ctc] = new Array(0,t,l,arr[j][7],prop_id,mid,tid,from,vway,vcitems,count,dir); if(N) t+=4; ctc++; } count++; t += height -1; if(N) t+= 1*(prop_id[15]); } end = count-1; open_items[iid] = new Array("none",iid,mid,start,end,from,vway,vcitems,count); vway = ""; way = ""; vcitems= ""; } function empty_container() { for(i=0;i<container.length;i++) { if (container[i][0] == 0) { add_col(container[i][1],container[i][2],container[i][3],container[i][4],container[i][5],container[i][6],container[i][7],container[i][8],container[i][9],container[i][10],container[i][11]); container[i][0] = 1; } } } function close_items() { T1 = null; for(i=0;i<open_items.length;i++) { id = open_items[i][2] +"_s"+open_items[i][3]; if(document.getElementById(id).style.display != open_items[i][0]) { len = open_items[i][4] - open_items[i][3]; for(j=0;j<=len;j++) { name = open_items[i][2] +"_s"+(open_items[i][3]+j); document.getElementById(name).style.display = open_items[i][0]; } } } for (j=0;j<item_arr.length;j++) { i = parseInt(item_arr[j][7]); name = item_arr[i][4] + "_s" + i; if(item_arr[i][6] == "") { document.getElementById(name).style.color = item_arr[i][2]; document.getElementById(name).style.backgroundColor = item_arr[i][3]; } else { document.getElementById(name).style.color = item_arr[i][0]; document.getElementById(name).style.backgroundColor = item_arr[i][1]; } } for(k=0;k<head.length;k++) { name = head[k][4]+"_"+k; if(head[k][5] == "") { document.getElementById(name).style.color = head[k][2]; document.getElementById(name).style.backgroundColor = head[k][3]; } else { document.getElementById(name).style.color = head[k][0]; document.getElementById(name).style.backgroundColor = head[k][1]; } } } </script> <script language="JavaScript" type="text/javascript"> maakMenu('menu2balk',link,prop); </script> </div> <BR> <BR> <BR> <A href="#" onClick="testlink()">;Link</A>[/code:1:92fa3b3d0c] Alvast bedankt voor de hulp.

Anoniem
Epno