diverse - JavaScript dropdown menu - PROBLEM - Udvikleren.dk

Tags: diverse

<< < 1 2 > >>

Bruger #8773 @ 21.09.06 19:32

Hej alle jer derude.

Jeg har fundet mig en drop down menu, men jeg har det problem, at man skal angive hvor langt fra toppen af browseren og hvor langt fra siden a browseren at menuen skal være, og det giver mig et problem da jeg gerne vil have den puttet ind i et table. er der nogen der ved hvad jeg kan gøre.? koderne er her:

topmenu.js:

Kode

//(c) Ger Versluis 2000 version 1.0, 1 november 2000
	
	var NoOffFirstLineMenus=8; // Hvormange menupunkter skal der være
	var LowBgColor='#CCCC99';
	var HighBgColor='#CCCC99';
	var FontLowColor='#505050';
	var FontHighColor='#505050';
	var BorderColor='#4c4c4c';
	var BorderWidth=0;
	var BorderBtwnElmnts=1;
	var FontFamily="verdana"
	var FontSize=8;
	var FontBold=1;
	var FontItalic=0;
	var MenuTextCentered=0;
	var MenuCentered='left';
	var MenuVerticalCentered='top';
	var ChildOverlap=.05;
	var ChildVerticalOverlap=.4;
---->   var StartTop=0; // Hvor langt fra toppen menuen skal være
---->   var StartLeft=85; // Hvor langt fra venstre side menuen skal være
	var VerCorrect=0;
	var HorCorrect=0;
	var LeftPaddng=4;
	var TopPaddng=1;
	var FirstLineHorizontal=1; //set menu layout (1=horizontal, 0=vertical)
	var MenuFramesVertical=1;
	var DissapearDelay=400;
	var TakeOverBgColor=1;
	var FirstLineFrame='self';
	var SecLineFrame='self';
	var DocTargetFrame='self';
	var WebMasterCheck=0;

//Menux=new Array("text to show","Link",No of sub elements,element height,element width);

Menu1=new Array("Forside","#",5,16,100);
	Menu1_1=new Array("Greenfee","#",0,16,130);
	Menu1_2=new Array("Restaurant","#",0,16,130);
	Menu1_3=new Array("Bliv medlem","#",0,16,130);
	Menu1_4=new Array("Kørevejledning","#",0,16,130);
	Menu1_5=new Array("Pay and Play","#",0,16,130);
Menu2=new Array("Aktuelt","",2,16,100);
	Menu2_1=new Array("Undermenu","#",0,16,130);
	Menu2_2=new Array("Undermenu","#",0);

Menu3=new Array("Klubben","",3,16,100);
	Menu3_1=new Array("Undermenu","#",0,16,130);
	Menu3_2=new Array("Undermenu","#",0,16,130);
	Menu3_3=new Array("Undermenu","#",0,16,130);

Menu4=new Array("Banen","",4,16,100);
	Menu4_1=new Array("Undermenu","#",0,16,130);
	Menu4_2=new Array("Undermenu","#",0,16,130);
	Menu4_3=new Array("Undermenu","#",0,16,130);
	Menu4_4=new Array("Undermenu","#",0,16,130);

Menu5=new Array("Medlemmer","",0,16,100);

Menu6=new Array("Sponsorer","",1,16,100);
	Menu6_1=new Array("Undermenu","#",0,16,130);
	
Menu7=new Array("Sponsorer","",1,16,100);
	Menu7_1=new Array("Undermenu","#",0,16,130);
	
Menu8=new Array("Sponsorer","",1,16,100);
	Menu8_1=new Array("Undermenu","#",0,16,130);

og menu_com.js (ved ikke om det er noget i den der skal ændres)

Kode

/*********************************************************************************************************************************************
*	(c) Ger Versluis 2000 version 3.0, 25 november 2000						*
*	You may use this script on non commercial sites if you make a public link to http://home.planet.nl/~bustamil	*
*	For info write to menus@burmees.nl							*
*	Version 2.0 Added further error checking. Some minor bug fixes.					*
*	Version 2.5 Improved Error checking. Added Border between elements 1/0				*
*	Version 3.0 added support for DOM
*       This script featured on Dynamic Drive (http://www.dynamicdrive.com), the DHTMLcode library	
**********************************************************************************************************************************************/
	
	var AgntUsr=navigator.userAgent.toLowerCase();
	var DomYes=(document.getElementById)?1:0;				// DOM
	var NavYes=(AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1)?1:0;	// Netscape
	var ExpYes=(AgntUsr.indexOf('msie')!=-1)?1:0;				// IExplorer
	var Opr5=(AgntUsr.indexOf('opera 5')!=-1||AgntUsr.indexOf('opera/5')!=-1)?1:0;	// Opera 5
	var DomNav=(DomYes&&NavYes)?1:0;					// Netscape 6 up
 	var DomExp=(DomYes&&ExpYes)?1:0;					// IExplorer 5 up
	var Nav4=(NavYes&&!DomYes&&document.layers)?1:0;			// Netscape 4
	var Exp4=(ExpYes&&!DomYes&&document.all)?1:0;				// IExplorer 4
	var PosStrt=((NavYes||ExpYes)&&!Opr5)?1:0;				// Can start

	var FirstLocation,SecLocation,DocLocation;
	var SecWindowWidth,FirstWindowWidth,FirstWindowHeight;
	var SecLoadAgainWin;
	var FirstColPos,SecColPos,DocColPos;
	var InitRecursLevel=0,CreateRecursLevel=0,PosRecursLevel=0;
	var ShowFlag=0,FirstCreate=1,Loaded=0,Created=0,InitFlag,AcrossFrames=1;
	var FirstContainer=null,CurrentOver=null,CloseTimer=null;
	var CenterText,TxtClose,ImgStr;
	var Ztop=100;
	var M_StartTop=StartTop,M_StartLeft=StartLeft;
	var LeftExtra=(DomNav)?LeftPaddng:0;
	var TopExtra=(DomNav)?TopPaddng:0;
	var M_Hide=(Nav4)?'hide':'hidden';
	var M_Show=(Nav4)?'show':'visible';
	var Par=(parent.frames[0])?parent:window;
	var Doc=Par.document;
	var Bod=Doc.body;
	//************ Next line bugfix 4 July 2001 ***************//
	var Trigger=(parent.frames[0]&&FirstLineFrame==SecLineFrame)?(NavYes)?parent.frames[FirstLineFrame]:parent.frames[FirstLineFrame].document.body:(NavYes)?Par:Bod;
	WebMasterAlerts=["No such frame: ","Item not defined: ","Item needs height: ","Item needs width: ","Warning-Item doesn't need height: ","Warning-Item doesn't need width: ","Item Oke ","Menu tree oke"];
	if(DomNav&&!Opr5)Trigger.addEventListener('load',Go,false);
	else Trigger.onload=Go;
	Trigger.onresize=(Nav4)?ReDoWhole:RePos;

function cancelselect(){return false}

function RePos(){
	FirstWindowWidth=(ExpYes)?FirstLocation.document.body.clientWidth:FirstLocation.innerWidth;
	FirstWindowHeight=(ExpYes)?FirstLocation.document.body.clientHeight:FirstLocation.innerHeight;
	SecWindowWidth=(ExpYes)?SecLocation.document.body.clientWidth:SecLocation.innerWidth;
	SecWindowHeight=(ExpYes)?SecLocation.document.body.clientHeight:SecLocation.innerHeight;
	if(MenuCentered)CalcLeft();
	if(MenuVerticalCentered)CalcTop();
	PositionMenuStruct(FirstContainer,StartTop,StartLeft)}

function UnLoaded(){
	if(typeof(CloseTimer)!='undefined'&&CloseTimer)clearTimeout(CloseTimer); //typeoff fix by Martin Renschler
	Loaded=0; Created=0;
	var FCStyle=(Nav4)?FirstContainer:FirstContainer.style;
	FCStyle.visibility=M_Hide}

function ReDoWhole(){
	Doc.location.reload()}

function Check(WhichMenu,NoOf){
	var i,Hg,Wd,La,Li,Nof,array,ArrayLoc;
	ArrayLoc=(parent.frames[0])?parent.frames[FirstLineFrame]:self;
	for(i=0;i<NoOf;i++){
		array=WhichMenu+eval(i+1);
		if(!ArrayLoc[array]){WebMasterAlert(1,array); return false}
		La=ArrayLoc[array][0]; Li=ArrayLoc[array][1]; Nof=ArrayLoc[array][2];
		if(i==0){	if(!ArrayLoc[array][3]){WebMasterAlert(2,array); return false}
			if(!ArrayLoc[array][4]){WebMasterAlert(3,array); return false}
			Hg=ArrayLoc[array][3]; Wd=ArrayLoc[array][4]}
		else{	if(ArrayLoc[array][3])WebMasterAlert(4,array);
			if(ArrayLoc[array][4])WebMasterAlert(5,array)}
		if(!WebMasterAlert(6,'\\n\\n'+array+'\\nwidth: '+Wd+'\\nheight: '+Hg+'\\nLabel: '+La+'\\nLink: '+Li+'\\nNo of sub items: '+Nof)){WebMasterCheck=0; return true}
		if(ArrayLoc[array][2])if(!Check(array+'_',ArrayLoc[array][2])) return false}
	return true}	

function WebMasterAlert(No,Xtra){
	if(WebMasterCheck)return confirm(WebMasterAlerts[No]+Xtra+'   ')}

function Go(){
	if(Loaded||!PosStrt)return;
	Created=0; Loaded=1;
	status='Building menu';
	if(FirstCreate){
		if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WebMasterAlert(0,FirstLineFrame); FirstLineFrame=SecLineFrame}
		if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WebMasterAlert(0,SecLineFrame); FirstLineFrame=SecLineFrame=DocTargetFrame}
		if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WebMasterAlert(0,DocTargetFrame); FirstLineFrame=SecLineFrame=DocTargetFrame=(parent.frames[0])?parent.frames[0].name:''}
		if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame;
		if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame=FirstLineFrame;
		if(DocTargetFrame =="" || !parent.frames[DocTargetFrame])DocTargetFrame=SecLineFrame;
		if(WebMasterCheck){if(!Check('Menu',NoOffFirstLineMenus))return;else WebMasterAlert(7,'')}
		FirstLocation=(FirstLineFrame)?parent.frames[FirstLineFrame]:window;
		SecLocation=(SecLineFrame)?parent.frames[SecLineFrame]:window;
		DocLocation=(DocTargetFrame)?parent.frames[DocTargetFrame]:window;
		if (FirstLocation==SecLocation) AcrossFrames=0;
		if (AcrossFrames)FirstLineHorizontal=(MenuFramesVertical)?0:1;
		FirstWindowWidth=(ExpYes)?FirstLocation.document.body.clientWidth:FirstLocation.innerWidth;
		FirstWindowHeight=(ExpYes)?FirstLocation.document.body.clientHeight:FirstLocation.innerHeight;
		SecWindowWidth=(ExpYes)?SecLocation.document.body.clientWidth:SecLocation.innerWidth;
		SecWindowHeight=(ExpYes)?SecLocation.document.body.clientHeight:SecLocation.innerHeight;
		if(MenuCentered) CalcLeft();
		if(MenuVerticalCentered) CalcTop();
		if(!DomYes){CenterText=(MenuTextCentered)?(NavYes)?"<div align='center'>":"align='center'":"";
			if(NavYes)TxtClose="</font>"+(MenuTextCentered)?"</div>":""}}
	FirstColPos=(Nav4)?FirstLocation.document:FirstLocation.document.body;
	SecColPos=(Nav4)?SecLocation.document:SecLocation.document.body;
	DocColPos=(Nav4)?DocLocation.document:SecLocation.document.body;
	if (TakeOverBgColor)FirstColPos.bgColor=(AcrossFrames)?SecColPos.bgColor:DocColPos.bgColor;
	if(FirstCreate){FirstContainer=CreateMenuStructure('Menu',NoOffFirstLineMenus);FirstCreate=0}
	else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);
	PositionMenuStruct(FirstContainer,StartTop,StartLeft);
	InitFlag=1;	Initiate(); InitFlag=0; Created=1; 
	SecLoadAgainWin=(ExpYes)?SecLocation.document.body:SecLocation;
	SecLoadAgainWin.onunload=UnLoaded;
	status=''}

function CalcLeft(){
	var Size=FirstWindowWidth;
	if(MenuCentered!='left'){
		StartLeft=M_StartLeft;
		Size-=(FirstLineHorizontal)?(NoOffFirstLineMenus*(eval('Menu1[4]')+BorderWidth)+BorderWidth):(eval('Menu1[4]')+BorderWidth);
		if(MenuCentered=='right')StartLeft+=Size; else StartLeft+=Size/2}}

function CalcTop(){
	var Size=FirstWindowHeight;
	if(MenuVerticalCentered!='top'){	
		StartTop=M_StartTop;
		Size-=(FirstLineHorizontal)?(eval('Menu1[3]')+BorderWidth):(NoOffFirstLineMenus*(eval('Menu1[3]')+BorderWidth)+BorderWidth);
		if(MenuVerticalCentered=='bottom')StartTop+=Size; else StartTop+=Size/2}}

function PositionMenuStruct(CntnrPntr,Tp,Lt){
	var Topi,Lefti,Hori;
	var Cntnr=CntnrPntr;
	var Mmbr=Cntnr.FirstMember;
	var CntnrStyle=(!Nav4)?Cntnr.style:Cntnr;
	var MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;
	var PadLeft=(Mmbr.value.indexOf('<')==-1)?LeftExtra:0;
	var PadTop=(Mmbr.value.indexOf('<')==-1)?TopExtra:0;
	var MmbrWidth=(!Nav4)?parseInt(MmbrStyle.width)+PadLeft:MmbrStyle.clip.width;
	var MmbrHeight=(!Nav4)?parseInt(MmbrStyle.height)+PadTop:MmbrStyle.clip.height;
	var CntnrWidth=(!Nav4)?parseInt(CntnrStyle.width):CntnrStyle.clip.width;
	var CntnrHeight=(!Nav4)?parseInt(CntnrStyle.height):CntnrStyle.clip.height;
	var SubTp,SubLt;
	PosRecursLevel++;
	if (PosRecursLevel==1 && AcrossFrames)(!MenuFramesVertical)?Tp=FirstWindowHeight-CntnrHeight+((Nav4)?4:0):Lt=FirstWindowWidth-CntnrWidth;
	if (PosRecursLevel==2 && AcrossFrames)(!MenuFramesVertical)?Tp=0:Lt=0;
	if (PosRecursLevel==2 && AcrossFrames){Tp+=VerCorrect;Lt+=HorCorrect}
	CntnrStyle.top=Cntnr.OrgTop=Tp;
	CntnrStyle.left=Cntnr.OrgLeft=Lt;
	if (PosRecursLevel==1 && FirstLineHorizontal){Hori=1; Lefti=CntnrWidth-MmbrWidth-2*BorderWidth;Topi=0}
	else{Hori=Lefti=0; Topi=CntnrHeight-MmbrHeight-2*BorderWidth}
	while(Mmbr!=null){
		PadLeft=(Mmbr.value.indexOf('<')==-1)?LeftExtra:0;
		PadTop=(Mmbr.value.indexOf('<')==-1)?TopExtra:0;
		MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;
		MmbrWidth=(!Nav4)?parseInt(MmbrStyle.width)+PadLeft:MmbrStyle.clip.width;
		MmbrHeight=(!Nav4)?parseInt(MmbrStyle.height)+PadTop:MmbrStyle.clip.height;
		MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;
		MmbrStyle.left=Lefti+BorderWidth;
		MmbrStyle.top=Topi+BorderWidth;
		if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);
		if(Mmbr.ChildCntnr){
			if(Hori){	SubTp=Tp+Topi+MmbrHeight+BorderWidth; SubLt=Lt+Lefti}
			else{	SubLt=Lt+Lefti+(1-ChildOverlap)*MmbrWidth+BorderWidth; SubTp=Tp+Topi+ChildVerticalOverlap*MmbrHeight}
			PositionMenuStruct(Mmbr.ChildCntnr,SubTp,SubLt)}
		(Hori)?Lefti-=(BorderBtwnElmnts)?(MmbrWidth+BorderWidth):(MmbrWidth):Topi-=(BorderBtwnElmnts)?(MmbrHeight+BorderWidth):(MmbrHeight);
		Mmbr=Mmbr.PrevMember}
	PosRecursLevel--}

function Initiate(){
	if(InitFlag) Init(FirstContainer)}

function Init(CntnrPntr){
	var MemberContainer=CntnrPntr;
	var Member=MemberContainer.FirstMember;
	var MCStyle=(Nav4)?MemberContainer:MemberContainer.style;
	InitRecursLevel++;
	MCStyle.visibility=(InitRecursLevel==1)?M_Show:M_Hide;
	while(Member!=null){
		if(Member.ChildCntnr) Init(Member.ChildCntnr);
		Member=Member.PrevMember}
	InitRecursLevel--}

function ClearAllChilds(Pntr,ChldPntr){
	var CPCCStyle;
	while (Pntr){
		if(Pntr.ChildCntnr){
			CPCCStyle=(Nav4)?Pntr.ChildCntnr:Pntr.ChildCntnr.style;
			if(Pntr.ChildCntnr!=ChldPntr)CPCCStyle.visibility=M_Hide;
			ClearAllChilds(Pntr.ChildCntnr.FirstMember,ChldPntr)}
		Pntr=Pntr.PrevMember}}	

function GoTo(){
	if(this.LinkTxt){
		status=''; 
		if(Nav4){	if(this.LowLyr.value.indexOf('<img')==-1){
				this.LowLyr.bgColor=this.LowLyr.LowBack;
				this.LowLyr.document.write(this.LowLyr.value);
				this.LowLyr.document.close()}}
		else{	this.style.backgroundColor=this.LowBack;
			this.style.color=this.LowFontColor}
		(this.LinkTxt.indexOf('javascript:')!=-1)?eval(this.LinkTxt):DocLocation.location.href=this.LinkTxt}}

function OpenMenu(){
	if(!Loaded||!Created) return;
	var TopScrolled=(AcrossFrames)?(ExpYes)?SecLocation.document.body.scrollTop:SecLocation.pageYOffset:0;
	var LeftScrolled=(AcrossFrames)?(ExpYes)?SecLocation.document.body.scrollLeft:SecLocation.pageXOffset:0;
	var ChildCont=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr;
	var ThisHeight=(Nav4)?this.clip.height:parseInt(this.style.height);
	var ThisWidth=(Nav4)?this.clip.width:parseInt(this.style.width);
	CurrentOver=this; InitFlag=0;
	if(ShowFlag){
		ClearAllChilds(this.Container.FirstMember,ChildCont); 
		if(this.Level==1) ShowFlag=0}
	if(Nav4){	if(this.LowLyr.value.indexOf('<img')==-1){
			this.LowLyr.bgColor=this.LowLyr.HighBack;
			this.LowLyr.document.write(this.LowLyr.Overvalue);
			this.LowLyr.document.close()}}
	else{	this.style.backgroundColor=this.HighBack;
		this.style.color=this.HighFontColor}
	if(ChildCont!=null)	{
		var ChildContWidth=(Nav4)?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);
		var ChildContHeight=(Nav4)?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);
		var ChCntTL=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr.style;
		var SubLt=ChildCont.OrgLeft+LeftScrolled;
		var SubTp=ChildCont.OrgTop+TopScrolled;
		while(SubLt+ChildContWidth>SecWindowWidth+LeftScrolled){
			if(this.Level==1)SubLt=SecWindowWidth+LeftScrolled-ChildContWidth;
			else SubLt-=10}
		while(SubTp+ChildContHeight>TopScrolled+SecWindowHeight){
			if(this.Level==1)SubTp=TopScrolled+SecWindowHeight-ChildContHeight;
			else SubTp-=10}
		ChCntTL.top=SubTp;
		ChCntTL.left=SubLt;
		ChCntTL.visibility=M_Show;
		ShowFlag=1}
	status=this.LinkTxt}	

function CloseMenu(){
	if(!Loaded||!Created) return;
	if(Nav4){if(this.LowLyr.value.indexOf('<img')==-1){
		this.LowLyr.bgColor=this.LowLyr.LowBack;
		this.LowLyr.document.write(this.LowLyr.value);
		this.LowLyr.document.close()}}
	else{	this.style.backgroundColor=this.LowBack;
		this.style.color=this.LowFontColor}
	status='';
	if(this==CurrentOver){
		InitFlag=1;
		if (CloseTimer) clearTimeout(CloseTimer);
		CloseTimer=setTimeout('Initiate(CurrentOver)',DissapearDelay)}}

function ContainerSetUp(Wdth,Hght,NoOff){
	this.FirstMember=null;
	this.OrgLeft=0;
	this.OrgTop=0;
	if (CreateRecursLevel==1&&FirstLineHorizontal){
		Wdth=(BorderBtwnElmnts)?NoOff*(Wdth+BorderWidth)+BorderWidth:NoOff*Wdth+2*BorderWidth;
		Hght+=2*BorderWidth}
	else{ 	Hght=(BorderBtwnElmnts)?NoOff*(Hght+BorderWidth)+BorderWidth:NoOff*Hght+2*BorderWidth;
		Wdth+=2*BorderWidth}
	if(Nav4){	this.visibility='hide';
		this.bgColor=BorderColor;
		this.resizeTo(Wdth,Hght)}
	else{	this.Level=CreateRecursLevel;
		this.style.backgroundColor=BorderColor;
		this.style.width=Wdth;
		this.style.height=Hght;
		this.style.fontFamily=FontFamily;
		this.style.fontWeight=(FontBold)?'bold':'normal';
		this.style.fontStyle=(FontItalic)?'italic':'normal';
		this.style.fontSize=FontSize+'pt';
		this.style.zIndex=CreateRecursLevel+Ztop}}

function MemberSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
	var Location=(CreateRecursLevel==1)?FirstLocation:SecLocation;
	var MemVal=eval(WhatMenu+'[0]');
	var t,T,L,W,H,S;
	this.value=MemVal;
	this.ChildCntnr=null;
	this.PrevMember=PrMmbr;
	this.Level=CreateRecursLevel;
	this.LinkTxt=eval(WhatMenu+'[1]');
	this.Container=MmbrCntnr;
	this.style.cursor='default';
	if(MemVal.indexOf('<')==-1){this.style.width=Wdth-LeftExtra; this.style.height=Hght-TopExtra; this.style.paddingLeft=LeftPaddng; this.style.paddingTop=TopPaddng}
	else{this.style.width=Wdth; this.style.height=Hght}
	this.style.overflow='hidden'
	this.LowBack=LowBgColor;
	this.LowFontColor=FontLowColor;
	this.HighBack=(MemVal.indexOf('<img')==-1)?HighBgColor:LowBgColor;
	this.HighFontColor=(MemVal.indexOf('<img')==-1)?FontHighColor:FontLowColor; 
	this.style.color=this.LowFontColor;
	this.style.backgroundColor=this.LowBack;
	if(MenuTextCentered)this.style.textAlign='center';
	if(MemVal.indexOf('<')==-1&&DomYes){t=Location.document.createTextNode(MemVal);this.appendChild(t)}
	else this.innerHTML=MemVal;
	if(MemVal.indexOf('<img')==-1&&eval(WhatMenu+'[2]')){
		S=(CreateRecursLevel==1&&FirstLineHorizontal)?'':'../menu/tri.gif';
		W=(CreateRecursLevel==1&&FirstLineHorizontal)?10:5;
		H=(CreateRecursLevel==1&&FirstLineHorizontal)?5:10;
		T=(CreateRecursLevel==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;
		L=(CreateRecursLevel==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;
		if(DomYes){t=Location.document.createElement('img'); this.appendChild(t); t.style.position='absolute'; t.src=S; t.style.width=W; t.style.height=H; t.style.top=T; t.style.left=L}
		else{MemVal+="<div style='position:absolute; top:"+T+"; left:"+L+"; width:"+W+"; height:"+H+";visibility:inherit'><img src='"+S+"'></div>"; this.innerHTML=MemVal}}
	if(ExpYes){this.onmouseover=OpenMenu; this.onmouseout=CloseMenu; this.onclick=GoTo}
	else{this.addEventListener('mouseover',OpenMenu,false); this.addEventListener('mouseout',CloseMenu,false); this.addEventListener('click',GoTo,false)}}

function NavMemberSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
	this.value=eval(WhatMenu+'[0]');
	if(LeftPaddng&&this.value.indexOf('<')==-1&&!MenuTextCentered)this.value=' \\;'+this.value;
	if(FontBold)this.value=this.value.bold();
	if(FontItalic)this.value=this.value.italics();
	this.Overvalue=this.value;
	this.value=this.value.fontcolor(FontLowColor);
	this.Overvalue=this.Overvalue.fontcolor(FontHighColor);
	this.value=CenterText+"<font face='"+FontFamily+"' point-size='"+FontSize+"' color='"+FontLowColor+"'>"+this.value+TxtClose;
	this.Overvalue=CenterText+"<font face='"+FontFamily+"' point-size='"+FontSize+"' color='"+FontHighColor+"'>"+this.Overvalue+TxtClose;
	this.LowBack=LowBgColor;
	this.HighBack=HighBgColor;
	this.visibility='inherit';
	this.ChildCntnr=null;
	this.PrevMember=PrMmbr;
	this.bgColor=LowBgColor;
	this.resizeTo(Wdth,Hght);
	this.document.write(this.value);
	this.document.close();
	this.CmdLyr=new Layer(Wdth,MmbrCntnr);
	this.CmdLyr.visibility='inherit';
	this.CmdLyr.Level=CreateRecursLevel;
	this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');
	this.CmdLyr.onmouseover=OpenMenu;
	this.CmdLyr.onmouseout=CloseMenu;
	this.CmdLyr.captureEvents(Event.MOUSEUP);
	this.CmdLyr.onmouseup=GoTo;
	this.CmdLyr.LowLyr=this;
	this.CmdLyr.Container=MmbrCntnr;
	this.CmdLyr.resizeTo(Wdth,Hght);
	if(this.value.indexOf('<img')==-1 &&eval(WhatMenu+'[2]')){
		this.CmdLyr.ImgLyr=new Layer(10,this.CmdLyr);
		this.CmdLyr.ImgLyr.visibility='inherit';
		this.CmdLyr.ImgLyr.top=(CreateRecursLevel==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;
		this.CmdLyr.ImgLyr.left=(CreateRecursLevel==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;
		this.CmdLyr.ImgLyr.width=(CreateRecursLevel==1&&FirstLineHorizontal)?10:5;
		this.CmdLyr.ImgLyr.height=(CreateRecursLevel==1&&FirstLineHorizontal)?5:10;
		ImgStr=(CreateRecursLevel==1&&FirstLineHorizontal)?"<img src='arrow.gif'>":"<img src='../menu/tri.gif'>";
		this.CmdLyr.ImgLyr.document.write(ImgStr);
		this.CmdLyr.ImgLyr.document.close()}}

function CreateMenuStructure(MenuName,NumberOf){
	CreateRecursLevel++;
	var i,NoOffSubs,Member;
	var PreviousMember=null;
	var WhichMenu=MenuName+'1';
	var MenuWidth=eval(WhichMenu+'[4]');
	var MenuHeight=eval(WhichMenu+'[3]');
	var Location=(CreateRecursLevel==1)?FirstLocation:SecLocation;
	if(DomYes){
		var MemberContainer=Location.document.createElement("div");
		MemberContainer.style.position='absolute';
		MemberContainer.style.visibility='hidden';
		Location.document.body.appendChild(MemberContainer)}
	else	if(Nav4) var MemberContainer=new Layer(MenuWidth,Location)
		else{	WhichMenu+='c';
			Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WhichMenu+"' style='visibility:hidden; position:absolute;'><\\/div>"); 
			var MemberContainer=Location.document.all[WhichMenu]}
	MemberContainer.SetUp=ContainerSetUp;
	MemberContainer.SetUp(MenuWidth,MenuHeight,NumberOf);
	if(Exp4){	MemberContainer.InnerString='';
		for(i=1;i<NumberOf+1;i++){
			WhichMenu=MenuName+eval(i);
			NoOffSubs=eval(WhichMenu+'[2]');
			MemberContainer.InnerString+="<div id='"+WhichMenu+"' style='position:absolute;'><\\/div>"}
		MemberContainer.innerHTML=MemberContainer.InnerString}
	for(i=1;i<NumberOf+1;i++){
		WhichMenu=MenuName+eval(i);
		NoOffSubs=eval(WhichMenu+'[2]');
		if(DomYes){
			Member=Location.document.createElement("div");
			Member.style.position='absolute';
			Member.style.visibility='inherit';
			MemberContainer.appendChild(Member);
			Member.SetUp=MemberSetUp}
		else	if(Nav4){Member=new Layer(MenuWidth,MemberContainer);
			Member.SetUp=NavMemberSetUp}
		else{	Member=Location.document.all[WhichMenu];
			Member.SetUp=MemberSetUp}
		Member.SetUp(MemberContainer,PreviousMember,WhichMenu,MenuWidth,MenuHeight);
		if(NoOffSubs) Member.ChildCntnr=CreateMenuStructure(WhichMenu+'_',NoOffSubs);
		PreviousMember=Member}
	MemberContainer.FirstMember=Member;
	CreateRecursLevel--;
	return(MemberContainer)}

function CreateMenuStructureAgain(MenuName,NumberOf){
	var i,WhichMenu,NoOffSubs;
	var PreviousMember,Member=FirstContainer.FirstMember;
	CreateRecursLevel++;
	for(i=NumberOf;i>0;i--){
		WhichMenu=MenuName+eval(i);
		NoOffSubs=eval(WhichMenu+'[2]');
		PreviousMember=Member;
		if(NoOffSubs)Member.ChildCntnr=CreateMenuStructure(WhichMenu+'_',NoOffSubs);
		Member=Member.PrevMember}
	CreateRecursLevel--}

Jeg håber at der er nogen der kan eller vil hjælpe mig. det skal bruges til en opgave MEGET snart, så ville lige tilføje en Drop Down for at gøre lidt ekstra ud af det. Så håber virkeligt at der er nogen der vil hjælpe

Indlæg senest redigeret d. 21.09.2006 19:33 af Bruger #8773

17 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #3143 @ 21.09.06 23:16

1.965

Når du nu gerne vil ændre på et script du har fundet, kunne det måske være en ide at starte ud med et script, der ikke bestod af kilometervis af uforståelig og gammeldags kode. Virker den overhovedet stadigvæk? På datoen, der står i koden, at bedømme, er scriptet skrevet flere år før der overhovedet var noget der hed Firefox, for eksempel

Jeg vil anbefale dig at bruge en kode, der hedder "suckerfish dropdown" fra http://alistapart.com/articles/dropdowns/

Du skal dog være opmærksom på, at der står en hel masse om hvordan den virker. Nogen vil måske synes det er irrelevant og irriterende, når man skal have den til at virke, men det er faktisk meget nyttigt, specielt når man som i dit tilfælde her, skal til at ændre på den.

Bruger #8773 @ 25.09.06 22:10

658

Tusind tak for det, det virkede rigtigt godt, men har lige et spørgsmål mere. Når man trykker på et undermenupunkt, kan det så lade sig gøre at både opdatere hele siden + opdatere indholdet i et Iframe samtidigt.?

Bruger #3143 @ 25.09.06 22:40

1.965

Hvordan mener du? Normalt skal man bare lade være med at bruge en iframe.

Bruger #8773 @ 26.09.06 07:23

658

det er fordi jeg bruger et iframe til at holde hovedteksten indramme, og så ligger den der DropDown menu uden for iframet, og så vil jeg godt have sådan at når jeg trykker på et link i Drop Down menuen, skal indholdet af Iframet skifte + en menu til venstre for Iframet skal opdatere, så hvis man nu står på forsiden, står der Forside ude til venstre og og så bliver forsiden vist i et Iframe, men hvis jeg så vælger et menupunkt der hedder klubben, og under den vælger, vedtægter, så skal menuen til venstre skifte så der står klubben og så allu de undermenupunkter der er under klubben. Jeg havde tænkt lidt på en "If Then" sætning, da siden jo er lavet i ASP og dette nemt kan lade sig gøre, men det vil tage meget lang til at lave "If Then" sætninger til 55 sider, så tænkte at der måske var en lættere måde.??

Bruger #8773 @ 26.09.06 07:24

658

Jeg kan desværre ikke vise et eksempel på siden, da den ikke er offentligtgjort endnu, og skal holdes hemmelig de næste par uger..

Bruger #3143 @ 26.09.06 14:49

1.965

Jeg forstår stadig ikke hvad du vil med menuen, og hvad iframen skal bruges til, og jeg forstår det endnu mindre, når du siger du bruger et serverside script.

Bruger #8773 @ 26.09.06 15:07

658

jeg opstiller lige en mini version af siden, så kan du måske bedre forstå det:

Default.asp

MENU
-------------
| Iframe | ekstra indhold af siden
-------------

Når du vælger et under menupunkt skal Iframet opdatere, det er ikke et problem. Men jeg skal også have det uden om til at opdatere fordi der er noget indhold, som skal stå der ude, og ikke i Iframet. Kan du stadigvæk ikke forstå det.?

Indlæg senest redigeret d. 26.09.2006 15:07 af Bruger #8773

Bruger #3143 @ 26.09.06 22:08

1.965

Så kan du vel bare droppe iframen og opdatere hele siden på en gang.

Bruger #8773 @ 27.09.06 19:17

658

Nej, for hvis jeg dropper Iframen, skal man scrolle meget lang ned når siden har meget indhold, og det er meningen at det udenom skal have samme højde hele tiden, og så er ALT andet indhold i den Iframe.

Bruger #8773 @ 27.09.06 19:17

658

det er ikke mig, men kunden der har bestemt at det skulle være sådan

<< < 1 2 > >>

JavaScript dropdown menu - PROBLEM

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler