webForumDet fria alternativet

Javascript I tabell

4 svar · 304 visningar · startad av MickeA.com

MickeA.comMedlem sedan feb. 20034 441 inlägg
#1

Hej

Jag har en meny som använder javascript.

Är helt lost på det här området, så ni vet ;)

Nu vill jag baka in menyn i en bild, eller lägga menyn MELLAN två bilder,

BILD 1 => MENY => BILD 2

Ja, ni fattar säkert.

Koden för att visa menyn:

<script type='text/javascript'>function Go(){return}</script>
<script type='text/javascript' src='HorizontalFrames_var.js'></script>
<script type='text/javascript' src='menu9_com.js'></script>
<noscript>Your browser does not support script</noscript>

Ja, och har jag en tabell, med en rad och tre kolumner, lägger BILD 1 i CELL 1, sen menyscriptet i CELL 2 osv.

Men menyn hamnar likförbannat OVANFÖR BILD 1

Hur kan det kommer sig?!

Hjälp, måste fixa detta.

Jesper TMedlem sedan nov. 20017 144 inlägg
#2

Re: Javascript I tabell

MickeA.com skrev:

Hur kan det kommer sig?!

Jag antar för att du har position:absolute som egenskap på något element i menyn. Men eftersom att du inte bifogat all kod är det svårt att veta... ;)

MickeA.comMedlem sedan feb. 20034 441 inlägg
#3

HeHe

Här kommer koden FÖR ATT STÄLLA IN MENYN.

Det finns en till fil, men den är NOG inte nödvändig här, efter som alla inställningar sker här:

	var NoOffFirstLineMenus=5;			// Number of main menu  items
						// Colorvariables:
						// Color variables take HTML predefined color names or "#rrggbb" strings
						//For transparency make colors and border color ""
	var LowBgColor="#4F85F3";			// Background color when mouse is not over
	var HighBgColor="#3F6FDD";			// Background color when mouse is over
	var FontLowColor="#FFFFFF";			// Font color when mouse is not over
	var FontHighColor="#DAD8D8";			// Font color when mouse is over
	var BorderColor="#4F85F3";			// Border color
	var BorderWidthMain=0;			// Border width main items
	var BorderWidthSub=0;			// Border width sub items
 	var BorderBtwnMain=0;			// Border between elements main items 1 or 0
	var BorderBtwnSub=0;			// Border between elements sub items 1 or 0
	var FontFamily="comic sans ms,technical,arial";	// Font family menu items
	var FontSize=10;				// Font size menu items
	var FontBold=0;				// Bold menu items 1 or 0
	var FontItalic=0;				// Italic menu items 1 or 0
	var MenuTextCentered="center";		// Item text position left, center or right
	var MenuCentered="center";			// Menu horizontal position can be: left, center, right, justify,
						//  leftjustify, centerjustify or rightjustify. PartOfWindow determines part of window to use
	var MenuVerticalCentered="static";		// Menu vertical position top, middle,bottom or static
	var ChildOverlap=.2;			// horizontal overlap child/ parent
	var ChildVerticalOverlap=.2;			// vertical overlap child/ parent
	var StartTop=0;				// Menu offset x coordinate. If StartTop is between 0 and 1 StartTop is calculated as part of windowheight
	var StartLeft=0;				// Menu offset y coordinate. If StartLeft is between 0 and 1 StartLeft is calculated as part of windowheight
	var VerCorrect=0;				// Multiple frames y correction
	var HorCorrect=0;				// Multiple frames x correction
	var LeftPaddng=3;				// Left padding
	var TopPaddng=2;				// Top padding
	var FirstLineHorizontal=1;			// First level items layout horizontal 1 or 0
	var MenuFramesVertical=0;			// Frames in cols or rows 1 or 0
	var DissapearDelay=100;			// delay before menu folds in
	var UnfoldDelay=100;			// delay before sub unfolds	
	var TakeOverBgColor=1;			// Menu frame takes over background color subitem frame
	var FirstLineFrame="MyFrameOne";			// Frame where first level appears
	var SecLineFrame="MyFrameTwo";			// Frame where sub levels appear
	var DocTargetFrame="MyFrameTwo";			// Frame where target documents appear
	var TargetLoc="";				// span id for relative positioning
	var MenuWrap=1;				// enables/ disables menu wrap 1 or 0
	var RightToLeft=0;				// enables/ disables right to left unfold 1 or 0
	var BottomUp=0;				// enables/ disables Bottom up unfold 1 or 0
	var UnfoldsOnClick=0;			// Level 1 unfolds onclick/ onmouseover
	var BaseHref="";				// BaseHref lets you specify the root directory for relative links. 
						// The script precedes your relative links with BaseHref
						// For instance: 
						// when your BaseHref= "http://www.MyDomain/" and a link in the menu is "subdir/MyFile.htm",
						// the script renders to: "http://www.MyDomain/subdir/MyFile.htm"
						// Can also be used when you use images in the textfields of the menu
						// "MenuX=new Array("<img src=\""+BaseHref+"MyImage\">"
						// For testing on your harddisk use syntax like: BaseHref="file:///C|/MyFiles/Homepage/"

	var Arrws=[BaseHref+"tri.gif",5,10,BaseHref+"tridown.gif",10,5,BaseHref+"trileft.gif",5,10,BaseHref+"triup.gif",10,5];

						// Arrow source, width and height.
						// If arrow images are not needed keep source ""

	var MenuUsesFrames=1;			// MenuUsesFrames is only 0 when Main menu, submenus,
						// document targets and script are in the same frame.
						// In all other cases it must be 1

	var RememberStatus=0;			// RememberStatus: When set to 1, menu unfolds to the presetted menu item. 
						// When set to 2 only the relevant main item stays highligthed
						// The preset is done by setting a variable in the head section of the target document.
						// <head>
						//	<script type="text/javascript">var SetMenu="2_2_1";</script>
						// </head>
						// 2_2_1 represents the menu item Menu2_2_1=new Array(.......

	var PartOfWindow=.8;			// PartOfWindow: When MenuCentered is justify, sets part of window width to stretch to

						// Below some pretty useless effects, since only IE6+ supports them
						// I provided 3 effects: MenuSlide, MenuShadow and MenuOpacity
						// If you don't need MenuSlide just leave in the line var MenuSlide="";
						// delete the other MenuSlide statements
						// In general leave the MenuSlide you need in and delete the others.
						// Above is also valid for MenuShadow and MenuOpacity
						// You can also use other effects by specifying another filter for MenuShadow and MenuOpacity.
						// You can add more filters by concanating the strings
	var BuildOnDemand=0;			// 1/0 When set to 1 the sub menus are build when the parent is moused over
	var MenuSlide="";
	var MenuSlide="progid:DXImageTransform.Microsoft.RevealTrans(duration=.5, transition=19)";
	var MenuSlide="progid:DXImageTransform.Microsoft.GradientWipe(duration=.5, wipeStyle=1)";

	var MenuShadow="";

	var MenuOpacity="";
	var MenuOpacity="progid:DXImageTransform.Microsoft.Alpha(opacity=75)";

	function BeforeStart(){return}
	function AfterBuild(){return}
	function BeforeFirstOpen(){return}
	function AfterCloseAll(){return}

// Menu tree:
// MenuX=new Array("ItemText","Link","background image",number of sub elements,height,width,"bgcolor","bghighcolor",
//	"fontcolor","fonthighcolor","bordercolor","fontfamily",fontsize,fontbold,fontitalic,"textalign","statustext");
// Color and font variables defined in the menu tree take precedence over the global variables
// Fontsize, fontbold and fontitalic are ignored when set to -1.
// For rollover images ItemText format is:  "rollover?"+BaseHref+"Image1.jpg?"+BaseHref+"Image2.jpg" 

Menu1=new Array("Hem","file.htm","",0,20,100,"","","","","","",-1,-1,-1,"","Gå Till Första Sidan.");

Menu2=new Array("Installation","","",5,20,100,"","","","","","",-1,-1,-1,"","Installation");
	Menu2_1=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under1");
	Menu2_2=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under2");
	Menu2_3=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under3");
	Menu2_4=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under4");
	Menu2_5=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under5");
Menu3=new Array("Datateknik","","",5,20,100,"","","","","","",-1,-1,-1,"","Datateknik");
	Menu3_1=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under1");
	Menu3_2=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under2");
	Menu3_3=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under3");
	Menu3_4=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under4");
	Menu3_5=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under5");
Menu4=new Array("Elektronik","","",5,20,100,"","","","","","",-1,-1,-1,"","Elektronikn");
	Menu4_1=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under1");
	Menu4_2=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under2");
	Menu4_3=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under3");
	Menu4_4=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under4");
	Menu4_5=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under5");
Menu5=new Array("Automation","","",5,20,100,"","","","","","",-1,-1,-1,"","Automation");
	Menu5_1=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under1");
	Menu5_2=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under2");
	Menu5_3=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under3");
	Menu5_4=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under4");
	Menu5_5=new Array("Under1","","",0,20,100,"","","","","","",-1,-1,-1,"","Under5");

Lycka Till ; ))

Jesper TMedlem sedan nov. 20017 144 inlägg
#4

Vad händer om du ändrar värdet i denna? : var TopPaddng=2;
Har du sidan upplagd ngn stans?

MickeA.comMedlem sedan feb. 20034 441 inlägg
#5

Nu gjorde jag en "tillsvidare" lösning på det hela, som visserligen funkar utmärkt.
Istället för att ha en bild på varje sida om menyn, centrerade jag menyn, gjorde omt abellen till EN CELL, la bilden som en bakgund i cellen , sen menyn ovanpå det.

MEn alternativa lösningar välkomnas.

144 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
141 ms — hämta tråd, inlägg och bilagor (db)