Topmenu, maar nogal lastig...

LeroyH · 13 jan 2008

Ik heb van een site een mooi menu-tje, alleen is het wat lastig aan te passen... Het zit namelijk zo, het menu is gemaakt voor tussen de head tags, maar ik moet hem tussen de body tags hebben. Hier heb ik wat mee geknooid, maar ik kom er niet helemaal uit, ik ben zelf namelijk niet echt zo'n expert in html. Wat moet ik nou allemaal tussen de head, en wat tussen de body tags plaatsen.

En nog iets, als je met de muis over het menu gaat, verschijnt ie wel, maar als je met je muis er van afgaat, dan blijft ie staan, en dan zou ie moeten verdwijnen...

Dit is hem volledig, hij staat ook hier.

PHP:

<style>
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}
A:hover {color: blue;}
</style>
<script language="JavaScript">if (document.all)    {n=0;ie=1;fShow="visible";fHide="hidden";}
if (document.layers) {n=1;ie=0;fShow="show";   fHide="hide";}

window.onerror=new Function("return true")
rightX = 0;
function Menu()
{
	this.bgColor     = "#D8D8D8";
      	if (ie) this.menuFont = "bold xx-small Verdana";
	if (n)  this.menuFont = "bold x-small Verdana";
//	this.fontColor   = "white";

	this.addItem    = addItem;
	this.addSubItem = addSubItem;
	this.showMenu   = showMenu;
	this.mainPaneBorder = 0;
	this.subMenuPaneBorder = 0;

	this.subMenuPaneWidth = 120;

	lastMenu = null;
	
	rightY = 0;
	leftY = 0;
	leftX = 0;

	HTMLstr = "";
	HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	HTMLstr += "\n";
	if (ie) HTMLstr += "<div id='MainTable' style='position:relative'>\n";
//	if (n)  HTMLstr += "<layer name='MainTable'>\n";
	HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
	HTMLstr += "<tr>";
	if (n) HTMLstr += "<td> ";
	HTMLstr += "<!-- MAIN MENU STARTS -->\n";
	HTMLstr += "<!-- MAIN_MENU -->\n";
	HTMLstr += "<!-- MAIN MENU ENDS -->\n";
	if (n) HTMLstr += "</td>";
	HTMLstr += "</tr>\n";
	HTMLstr += "</table>\n";
	HTMLstr += "\n";
	HTMLstr += "<!-- SUB MENU STARTS -->\n";
	HTMLstr += "<!-- SUB_MENU -->\n";
	HTMLstr += "<!-- SUB MENU ENDS -->\n";
	HTMLstr += "\n";
	if (ie) HTMLstr+= "</div>\n";
//	if (n)  HTMLstr+= "</layer>\n";
	HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
}

function addItem(idItem, text, hint, location, altLocation)
{
	var Lookup = "<!-- ITEM "+idItem+" -->";
	if (HTMLstr.indexOf(Lookup) != -1)
	{
		alert(idParent + " already exist");
		return;
	}
	var MENUitem = "";
	MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
	if (n)
	{
		MENUitem += "<ilayer name="+idItem+">";
		MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
		MENUitem += "| ";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
	}
	if (ie)
	{
		MENUitem += "<td>\n";
		MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";
		MENUitem += "<a ";
		MENUitem += "class=clsMenuItemIE ";
//		MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
		if (hint != null)
			MENUitem += "title='"+hint+"' ";
		if (location != null)
		{
			MENUitem += "href='"+location+"' ";
			MENUitem += "onmouseover=\"hideAll()\" ";
		}
		else
		{
			if (altLocation != null)
				MENUitem += "href='"+altLocation+"' ";
			else
				MENUitem += "href='.' ";
			MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
			MENUitem += "onclick=\"return false;\" "
		}
		MENUitem += ">";
		MENUitem += "| \n";
		MENUitem += text;
		MENUitem += "</a>\n";
		MENUitem += "</div>\n";
		MENUitem += "</td>\n";
	}
	MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
	MENUitem += "<!-- MAIN_MENU -->\n";

	HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
}

function addSubItem(idParent, text, hint, location)
{
	var MENUitem = "";
	Lookup = "<!-- ITEM "+idParent+" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		alert(idParent + " not found");
		return;
	}
	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		if (n)
		{
			MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";
		}
		if (ie)
		{
			MENUitem += "\n";
			MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; visibility: hidden; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</div>\n";
			MENUitem += "\n";
		}
		MENUitem += "<!-- SUB_MENU -->\n";
		HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
	}

	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
	if (n)  MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
	if (ie) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
	MENUitem += Lookup;
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}

function showMenu()
{
	document.writeln(HTMLstr);
}

function displaySubMenu(idMainMenu)
{
	var menu;
	var submenu;
	if (n)
	{
		submenu = document.layers[idMainMenu+"submenu"];
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = document.layers[idMainMenu].pageX;
		submenu.top  = document.layers[idMainMenu].pageY + 25;
		submenu.visibility = fShow;

		leftX  = document.layers[idMainMenu+"submenu"].left;
		rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
		leftY  = document.layers[idMainMenu+"submenu"].top+
			document.layers[idMainMenu+"submenu"].clip.height;
		rightY = leftY;
	} else if (ie) {
		menu = eval(idMainMenu);
		submenu = eval(idMainMenu+"submenu.style");
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
//		submenu.top  = calculateSumOffset(menu, 'offsetTop') + 30;
		submenu.top  = menu.style.top+23;
		submenu.visibility = fShow;
		if (lastMenu != null && lastMenu != submenu) hideAll();

		leftX  = document.all[idMainMenu+"submenu"].style.posLeft;
		rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;

		leftY  = document.all[idMainMenu+"submenu"].style.posTop+
			document.all[idMainMenu+"submenu"].offsetHeight;
		rightY = leftY;
	}
	lastMenu = submenu;
}

function hideAll()
{
	if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}

function calculateSumOffset(idItem, offsetName)
{
	var totalOffset = 0;
	var item = eval('idItem');
	do
	{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset;
}

function updateIt(e)
{
	if (ie)
	{
		var x = window.event.clientX;
		var y = window.event.clientY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
	if (n)
	{
		var x = e.pageX;
		var y = e.pageY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
}

if (document.all)
{
	document.body.onclick=hideAll;
	document.body.onscroll=hideAll;
	document.body.onmousemove=updateIt;
}
if (document.layers)
{
	document.onmousedown=hideAll;
	window.captureEvents(Event.MOUSEMOVE);
	window.onmousemove=updateIt;
}</script>
<script language="JavaScript">function showToolbar()
{
// AddItem(id, text, hint, location, alternativeLocation);
// AddSubItem(idParent, text, hint, location);

	menu = new Menu();
	menu.addItem("link1", "Catagorie 1", "Tekst bij hoofdlink 1",  null, null);
	menu.addItem("link2", "Catagorie 2", "Tekst bij hoofdlink 2 ",  null, null);
	menu.addItem("link3", "Catagorie 3", "Tekst bij hoofdlink 3",  null, null);
	menu.addItem("link4", "Catagorie 4", "Tekst bij hoofdlink 4",  null, null);
	menu.addItem("link5", "Catagorie 5", "Tekst bij hoofdlink 5 ",  null, null);
	
	menu.addSubItem("link1", "Sublink 1-1", "Tekst bij Sublink 1-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/" );
	menu.addSubItem("link1", "Sublink 1-2", "Tekst bij Sublink 1-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link1", "Sublink 1-3", "Tekst bij Sublink 1-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link1", "Sublink 1-4", "Tekst bij Sublink 1-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	menu.addSubItem("link2", "Sublink 2-1", "Tekst bij Sublink 2-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-2", "Tekst bij Sublink 2-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-3", "Tekst bij Sublink 2-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-4", "Tekst bij Sublink 2-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-5", "Tekst bij Sublink 2-5",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-6", "Tekst bij Sublink 2-6",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-7", "Tekst bij Sublink 2-7",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");


	menu.addSubItem("link3", "Sublink 3-1", "Tekst bij Sublink 3-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-2", "Tekst bij Sublink 3-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-3", "Tekst bij Sublink 3-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-4", "Tekst bij Sublink 3-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");

      
	menu.addSubItem("link4", "Sublink 4-1", "Tekst bij Sublink 4-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-2", "Tekst bij Sublink 4-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-3", "Tekst bij Sublink 4-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-4", "Tekst bij Sublink 4-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-5", "Tekst bij Sublink 4-5",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-6", "Tekst bij Sublink 4-6",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-7", "Tekst bij Sublink 4-7",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	
	menu.addSubItem("link5", "Sublink 5-1", "Tekst bij Sublink 5-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-2", "Tekst bij Sublink 5-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-3", "Tekst bij Sublink 5-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-4", "Tekst bij Sublink 5-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	menu.showMenu();
}
</script>
<script
language="JavaScript">
showToolbar();
</script>
<script language="JavaScript">
function UpdateIt(){
if (document.all){
document.all["MainTable"].style.top = document.body.scrollTop;
setTimeout("UpdateIt()", 200);}}
UpdateIt();
</script>
<base target="_blank">

Mvg,

LeroyH

[Moderator-Edit] Code-tag vervangen door Php-tag. [/Edit]
.

defietser · 14 jan 2008

Gewoon alle javascript code in de body plaatsen, maak een div menu en plaats daar de code in.

PHP:

<script language="JavaScript">if (document.all)    {n=0;ie=1;fShow="visible";fHide="hidden";}
if (document.layers) {n=1;ie=0;fShow="show";   fHide="hide";}

window.onerror=new Function("return true")
rightX = 0;
function Menu()
{
	this.bgColor     = "#D8D8D8";
      	if (ie) this.menuFont = "bold xx-small Verdana";
	if (n)  this.menuFont = "bold x-small Verdana";
//	this.fontColor   = "white";

	this.addItem    = addItem;
	this.addSubItem = addSubItem;
	this.showMenu   = showMenu;
	this.mainPaneBorder = 0;
	this.subMenuPaneBorder = 0;

	this.subMenuPaneWidth = 120;

	lastMenu = null;
	
	rightY = 0;
	leftY = 0;
	leftX = 0;

	HTMLstr = "";
	HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	HTMLstr += "\n";
	if (ie) HTMLstr += "<div id='MainTable' style='position:relative'>\n";
//	if (n)  HTMLstr += "<layer name='MainTable'>\n";
	HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
	HTMLstr += "<tr>";
	if (n) HTMLstr += "<td> ";
	HTMLstr += "<!-- MAIN MENU STARTS -->\n";
	HTMLstr += "<!-- MAIN_MENU -->\n";
	HTMLstr += "<!-- MAIN MENU ENDS -->\n";
	if (n) HTMLstr += "</td>";
	HTMLstr += "</tr>\n";
	HTMLstr += "</table>\n";
	HTMLstr += "\n";
	HTMLstr += "<!-- SUB MENU STARTS -->\n";
	HTMLstr += "<!-- SUB_MENU -->\n";
	HTMLstr += "<!-- SUB MENU ENDS -->\n";
	HTMLstr += "\n";
	if (ie) HTMLstr+= "</div>\n";
//	if (n)  HTMLstr+= "</layer>\n";
	HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
}

function addItem(idItem, text, hint, location, altLocation)
{
	var Lookup = "<!-- ITEM "+idItem+" -->";
	if (HTMLstr.indexOf(Lookup) != -1)
	{
		alert(idParent + " already exist");
		return;
	}
	var MENUitem = "";
	MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
	if (n)
	{
		MENUitem += "<ilayer name="+idItem+">";
		MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
		MENUitem += "| ";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
	}
	if (ie)
	{
		MENUitem += "<td>\n";
		MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";
		MENUitem += "<a ";
		MENUitem += "class=clsMenuItemIE ";
//		MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
		if (hint != null)
			MENUitem += "title='"+hint+"' ";
		if (location != null)
		{
			MENUitem += "href='"+location+"' ";
			MENUitem += "onmouseover=\"hideAll()\" ";
		}
		else
		{
			if (altLocation != null)
				MENUitem += "href='"+altLocation+"' ";
			else
				MENUitem += "href='.' ";
			MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
			MENUitem += "onclick=\"return false;\" "
		}
		MENUitem += ">";
		MENUitem += "| \n";
		MENUitem += text;
		MENUitem += "</a>\n";
		MENUitem += "</div>\n";
		MENUitem += "</td>\n";
	}
	MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
	MENUitem += "<!-- MAIN_MENU -->\n";

	HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
}

function addSubItem(idParent, text, hint, location)
{
	var MENUitem = "";
	Lookup = "<!-- ITEM "+idParent+" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		alert(idParent + " not found");
		return;
	}
	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		if (n)
		{
			MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";
		}
		if (ie)
		{
			MENUitem += "\n";
			MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; visibility: hidden; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</div>\n";
			MENUitem += "\n";
		}
		MENUitem += "<!-- SUB_MENU -->\n";
		HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
	}

	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
	if (n)  MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
	if (ie) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
	MENUitem += Lookup;
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}

function showMenu()
{
	document.writeln(HTMLstr);
}

function displaySubMenu(idMainMenu)
{
	var menu;
	var submenu;
	if (n)
	{
		submenu = document.layers[idMainMenu+"submenu"];
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = document.layers[idMainMenu].pageX;
		submenu.top  = document.layers[idMainMenu].pageY + 25;
		submenu.visibility = fShow;

		leftX  = document.layers[idMainMenu+"submenu"].left;
		rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
		leftY  = document.layers[idMainMenu+"submenu"].top+
			document.layers[idMainMenu+"submenu"].clip.height;
		rightY = leftY;
	} else if (ie) {
		menu = eval(idMainMenu);
		submenu = eval(idMainMenu+"submenu.style");
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
//		submenu.top  = calculateSumOffset(menu, 'offsetTop') + 30;
		submenu.top  = menu.style.top+23;
		submenu.visibility = fShow;
		if (lastMenu != null && lastMenu != submenu) hideAll();

		leftX  = document.all[idMainMenu+"submenu"].style.posLeft;
		rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;

		leftY  = document.all[idMainMenu+"submenu"].style.posTop+
			document.all[idMainMenu+"submenu"].offsetHeight;
		rightY = leftY;
	}
	lastMenu = submenu;
}

function hideAll()
{
	if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}

function calculateSumOffset(idItem, offsetName)
{
	var totalOffset = 0;
	var item = eval('idItem');
	do
	{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset;
}

function updateIt(e)
{
	if (ie)
	{
		var x = window.event.clientX;
		var y = window.event.clientY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
	if (n)
	{
		var x = e.pageX;
		var y = e.pageY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
}

if (document.all)
{
	document.body.onclick=hideAll;
	document.body.onscroll=hideAll;
	document.body.onmousemove=updateIt;
}
if (document.layers)
{
	document.onmousedown=hideAll;
	window.captureEvents(Event.MOUSEMOVE);
	window.onmousemove=updateIt;
}</script>
<script language="JavaScript">function showToolbar()
{
// AddItem(id, text, hint, location, alternativeLocation);
// AddSubItem(idParent, text, hint, location);

	menu = new Menu();
	menu.addItem("link1", "Catagorie 1", "Tekst bij hoofdlink 1",  null, null);
	menu.addItem("link2", "Catagorie 2", "Tekst bij hoofdlink 2 ",  null, null);
	menu.addItem("link3", "Catagorie 3", "Tekst bij hoofdlink 3",  null, null);
	menu.addItem("link4", "Catagorie 4", "Tekst bij hoofdlink 4",  null, null);
	menu.addItem("link5", "Catagorie 5", "Tekst bij hoofdlink 5 ",  null, null);
	
	menu.addSubItem("link1", "Sublink 1-1", "Tekst bij Sublink 1-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/" );
	menu.addSubItem("link1", "Sublink 1-2", "Tekst bij Sublink 1-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link1", "Sublink 1-3", "Tekst bij Sublink 1-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link1", "Sublink 1-4", "Tekst bij Sublink 1-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	menu.addSubItem("link2", "Sublink 2-1", "Tekst bij Sublink 2-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-2", "Tekst bij Sublink 2-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-3", "Tekst bij Sublink 2-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-4", "Tekst bij Sublink 2-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-5", "Tekst bij Sublink 2-5",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-6", "Tekst bij Sublink 2-6",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-7", "Tekst bij Sublink 2-7",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");


	menu.addSubItem("link3", "Sublink 3-1", "Tekst bij Sublink 3-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-2", "Tekst bij Sublink 3-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-3", "Tekst bij Sublink 3-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-4", "Tekst bij Sublink 3-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");

      
	menu.addSubItem("link4", "Sublink 4-1", "Tekst bij Sublink 4-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-2", "Tekst bij Sublink 4-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-3", "Tekst bij Sublink 4-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-4", "Tekst bij Sublink 4-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-5", "Tekst bij Sublink 4-5",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-6", "Tekst bij Sublink 4-6",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-7", "Tekst bij Sublink 4-7",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	
	menu.addSubItem("link5", "Sublink 5-1", "Tekst bij Sublink 5-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-2", "Tekst bij Sublink 5-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-3", "Tekst bij Sublink 5-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-4", "Tekst bij Sublink 5-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	menu.showMenu();
}
</script>
<script
language="JavaScript">
showToolbar();
</script>
<script language="JavaScript">
function UpdateIt(){
if (document.all){
document.all["MainTable"].style.top = document.body.scrollTop;
setTimeout("UpdateIt()", 200);}}
UpdateIt();
</script>
<base target="_blank">

De rest laat je in de head staan zeker de embedded style.

LeroyH · 14 jan 2008

Div menu?

Zoals ik al typte ben ik niet een super expert, heb wel eens van div gehoord, maar er nog nooit mee gerommeld... Hoe maak ik dit dan? Of staat er ergens een tutorial?

defietser · 14 jan 2008

Hier een link naar gratis cursus html en css enz...
http://www.ivobrugge.be/Cursusweb/
Ik denk dat je het zal nodig hebben bij het lezen van je antwoord.

LeroyH · 14 jan 2008

Had al wat gelezen op handleidinghtml.nl, maar hoe maak ik het dan..?

Gewoon alles tussen <div class="menu"><div> zetten?

defietser · 14 jan 2008

Een klein vb van een site met een embedded style.

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<Style>
#container {
	height: auto;
	width: 800px;
	border: 1px solid #0033FF;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 120px;
	width: 800px;
}
#menu {
	height: 30px;
	width: 800px;
	clear: both;
	border: 1px solid #00FF00;
}
#ContentLeft {
	height: 300px;
	width: 150px;
	float: left;
	border: 1px solid #0000FF;
}
#ContentRight {
	float: right;
	height: 300px;
	width: 646px;
	border: 1px solid #0000FF;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #333333;
}
#footer {
	height: 30px;
	width: 800px;
	border: 1px solid #CC0000;
}
</style>
<title>New Page 1</title>
</head>
<body>
<div id="container"> 
	<div id="header">	</div>
	<div id="menu">     </div>
	<div id="ContentLeft">   </div>
	<div id="ContentRight">   </div>
	<div id="footer">   </div> 
</div>
</body>
</html>

suc6

LeroyH · 14 jan 2008

Ik heb het hier op de pagina staan, maar wat moet ik nou veranderen om het goed te krijgen?

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<Style> 
} 
#menu { 
    height: 30px; 
    width: 800px; 
    clear: both; 
    border: 1px solid #00FF00; 
} 
</style> 
<style>
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}
A:hover {color: blue;}
</style>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="keywords" content="">
<meta name="description" content="">
</head>

<title>Nieuwleusen.net</title>
<style>

.table {
  font-family: Verdana;
  font-size: 8pt;
}

</style>


<body background="images/strepen_34.jpg" bgcolor="#FFFFFF" topmargin="50">
<center>

  <table class="table" id="Table_01" width="817" border="0" cellpadding="0" cellspacing="0" height="699">
 <!-- MSTableType="nolayout" -->
	<tr>
  <td background="images/content_vak_01.gif"></td>
  <td background="images/content_vak_02.gif"></td>
  <td background="images/content_vak_03.gif" height="9"></td>
 </tr>
	<tr>
  <td background="images/content_vak_04.gif" rowspan="3"></td>
  <td background="images/content_vak_05.gif" height="194" width="801">




<img border="0" src="images/headernieuwleusen.jpg" width="800" height="300"></td>
  <td background="images/content_vak_06.gif" rowspan="3"></td>
 </tr>
	<tr>
  <td background="images/content_vak_05.gif" height="17" width="800">
<div id="menu">
<script language="JavaScript">if (document.all)    {n=0;ie=1;fShow="visible";fHide="hidden";}
if (document.layers) {n=1;ie=0;fShow="show";   fHide="hide";}

window.onerror=new Function("return true")
rightX = 0;
function Menu()
{
	this.bgColor     = "#D8D8D8";
      	if (ie) this.menuFont = "bold xx-small Verdana";
	if (n)  this.menuFont = "bold x-small Verdana";
//	this.fontColor   = "white";

	this.addItem    = addItem;
	this.addSubItem = addSubItem;
	this.showMenu   = showMenu;
	this.mainPaneBorder = 0;
	this.subMenuPaneBorder = 0;

	this.subMenuPaneWidth = 120;

	lastMenu = null;
	
	rightY = 0;
	leftY = 0;
	leftX = 0;

	HTMLstr = "";
	HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	HTMLstr += "\n";
	if (ie) HTMLstr += "<div id='MainTable' style='position:relative'>\n";
//	if (n)  HTMLstr += "<layer name='MainTable'>\n";
	HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
	HTMLstr += "<tr>";
	if (n) HTMLstr += "<td> ";
	HTMLstr += "<!-- MAIN MENU STARTS -->\n";
	HTMLstr += "<!-- MAIN_MENU -->\n";
	HTMLstr += "<!-- MAIN MENU ENDS -->\n";
	if (n) HTMLstr += "</td>";
	HTMLstr += "</tr>\n";
	HTMLstr += "</table>\n";
	HTMLstr += "\n";
	HTMLstr += "<!-- SUB MENU STARTS -->\n";
	HTMLstr += "<!-- SUB_MENU -->\n";
	HTMLstr += "<!-- SUB MENU ENDS -->\n";
	HTMLstr += "\n";
	if (ie) HTMLstr+= "</div>\n";
//	if (n)  HTMLstr+= "</layer>\n";
	HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
}

function addItem(idItem, text, hint, location, altLocation)
{
	var Lookup = "<!-- ITEM "+idItem+" -->";
	if (HTMLstr.indexOf(Lookup) != -1)
	{
		alert(idParent + " already exist");
		return;
	}
	var MENUitem = "";
	MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
	if (n)
	{
		MENUitem += "<ilayer name="+idItem+">";
		MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
		MENUitem += "| ";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
	}
	if (ie)
	{
		MENUitem += "<td>\n";
		MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";
		MENUitem += "<a ";
		MENUitem += "class=clsMenuItemIE ";
//		MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
		if (hint != null)
			MENUitem += "title='"+hint+"' ";
		if (location != null)
		{
			MENUitem += "href='"+location+"' ";
			MENUitem += "onmouseover=\"hideAll()\" ";
		}
		else
		{
			if (altLocation != null)
				MENUitem += "href='"+altLocation+"' ";
			else
				MENUitem += "href='.' ";
			MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
			MENUitem += "onclick=\"return false;\" "
		}
		MENUitem += ">";
		MENUitem += "| \n";
		MENUitem += text;
		MENUitem += "</a>\n";
		MENUitem += "</div>\n";
		MENUitem += "</td>\n";
	}
	MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
	MENUitem += "<!-- MAIN_MENU -->\n";

	HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
}

function addSubItem(idParent, text, hint, location)
{
	var MENUitem = "";
	Lookup = "<!-- ITEM "+idParent+" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		alert(idParent + " not found");
		return;
	}
	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
	if (HTMLstr.indexOf(Lookup) == -1)
	{
		if (n)
		{
			MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";
		}
		if (ie)
		{
			MENUitem += "\n";
			MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; visibility: hidden; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</div>\n";
			MENUitem += "\n";
		}
		MENUitem += "<!-- SUB_MENU -->\n";
		HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
	}

	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
	if (n)  MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
	if (ie) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
	MENUitem += Lookup;
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}

function showMenu()
{
	document.writeln(HTMLstr);
}

function displaySubMenu(idMainMenu)
{
	var menu;
	var submenu;
	if (n)
	{
		submenu = document.layers[idMainMenu+"submenu"];
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = document.layers[idMainMenu].pageX;
		submenu.top  = document.layers[idMainMenu].pageY + 25;
		submenu.visibility = fShow;

		leftX  = document.layers[idMainMenu+"submenu"].left;
		rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
		leftY  = document.layers[idMainMenu+"submenu"].top+
			document.layers[idMainMenu+"submenu"].clip.height;
		rightY = leftY;
	} else if (ie) {
		menu = eval(idMainMenu);
		submenu = eval(idMainMenu+"submenu.style");
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
//		submenu.top  = calculateSumOffset(menu, 'offsetTop') + 30;
		submenu.top  = menu.style.top+23;
		submenu.visibility = fShow;
		if (lastMenu != null && lastMenu != submenu) hideAll();

		leftX  = document.all[idMainMenu+"submenu"].style.posLeft;
		rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;

		leftY  = document.all[idMainMenu+"submenu"].style.posTop+
			document.all[idMainMenu+"submenu"].offsetHeight;
		rightY = leftY;
	}
	lastMenu = submenu;
}

function hideAll()
{
	if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}

function calculateSumOffset(idItem, offsetName)
{
	var totalOffset = 0;
	var item = eval('idItem');
	do
	{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset;
}

function updateIt(e)
{
	if (ie)
	{
		var x = window.event.clientX;
		var y = window.event.clientY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
	if (n)
	{
		var x = e.pageX;
		var y = e.pageY;

		if (x > rightX || x < leftX) hideAll();
		else if (y > rightY) hideAll();
	}
}

if (document.all)
{
	document.body.onclick=hideAll;
	document.body.onscroll=hideAll;
	document.body.onmousemove=updateIt;
}
if (document.layers)
{
	document.onmousedown=hideAll;
	window.captureEvents(Event.MOUSEMOVE);
	window.onmousemove=updateIt;
}</script>
<script language="JavaScript">function showToolbar()
{
// AddItem(id, text, hint, location, alternativeLocation);
// AddSubItem(idParent, text, hint, location);

	menu = new Menu();
	menu.addItem("link1", "Catagorie 1", "Tekst bij hoofdlink 1",  null, null);
	menu.addItem("link2", "Catagorie 2", "Tekst bij hoofdlink 2 ",  null, null);
	menu.addItem("link3", "Catagorie 3", "Tekst bij hoofdlink 3",  null, null);
	menu.addItem("link4", "Catagorie 4", "Tekst bij hoofdlink 4",  null, null);
	menu.addItem("link5", "Catagorie 5", "Tekst bij hoofdlink 5 ",  null, null);
	
	menu.addSubItem("link1", "Sublink 1-1", "Tekst bij Sublink 1-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/" );
	menu.addSubItem("link1", "Sublink 1-2", "Tekst bij Sublink 1-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link1", "Sublink 1-3", "Tekst bij Sublink 1-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link1", "Sublink 1-4", "Tekst bij Sublink 1-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	menu.addSubItem("link2", "Sublink 2-1", "Tekst bij Sublink 2-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-2", "Tekst bij Sublink 2-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-3", "Tekst bij Sublink 2-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-4", "Tekst bij Sublink 2-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-5", "Tekst bij Sublink 2-5",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-6", "Tekst bij Sublink 2-6",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link2", "Sublink 2-7", "Tekst bij Sublink 2-7",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");


	menu.addSubItem("link3", "Sublink 3-1", "Tekst bij Sublink 3-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-2", "Tekst bij Sublink 3-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-3", "Tekst bij Sublink 3-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link3", "Sublink 3-4", "Tekst bij Sublink 3-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");

      
	menu.addSubItem("link4", "Sublink 4-1", "Tekst bij Sublink 4-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-2", "Tekst bij Sublink 4-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-3", "Tekst bij Sublink 4-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-4", "Tekst bij Sublink 4-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-5", "Tekst bij Sublink 4-5",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-6", "Tekst bij Sublink 4-6",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link4", "Sublink 4-7", "Tekst bij Sublink 4-7",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	
	menu.addSubItem("link5", "Sublink 5-1", "Tekst bij Sublink 5-1",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-2", "Tekst bij Sublink 5-2",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-3", "Tekst bij Sublink 5-3",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	menu.addSubItem("link5", "Sublink 5-4", "Tekst bij Sublink 5-4",  "http://www.partnershop.nl/shop/8114/1/?mid=35&url=http://webhosting.lycos.nl/consumer/activestart/");
	
	menu.showMenu();
}
</script>
<script
language="JavaScript">
showToolbar();
</script>
<script language="JavaScript">
function UpdateIt(){
if (document.all){
document.all["MainTable"].style.top = document.body.scrollTop;
setTimeout("UpdateIt()", 200);}}
UpdateIt();
</script>
<base target="_blank"></div>



</td>
	</tr>
	<tr>
  <td background="images/content_vak_05.gif" valign="top" height="946" width="800">




Inhoud<p>&nbsp;<p>




<br>
<br>
<br>
<br>
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/0vjgVQV2FfM&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/0vjgVQV2FfM&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<br>
<br>
<br>




Een site over Nieuwleusen, het dorpje vlakbij Zwolle, wat hoort bij de gemeente 
dalfsen. Op deze site vind je alles wat er te beleven is in nieuwleusen, en wat 
er allemaal gebeurt in nieuwleusen!<br>
<br>
<br>
<br>
<br>
Waarom: <br>
Om alle nieuwleusenaren, en omgevenden en overige mensen te informeren over 
alles wat er gaat gebeuren in Nieuwleusen, en alles wat er gebeurd is!<br>
<br>
<br>
Wat op de site:<br>
<br>
Ledensysteem met profielen systeem. (?)<br>
Polls: Moet er weer een uitgaanscentrum in Nieuwleusen komen?<br>
Events agenda<br>
Wat gebeurt er allemaal in nieuwleusen: <br>
&nbsp;</p>
</p>
<ul>
	<li>
	<p align="left">Bosbedden race</li>
	<li>
	<p align="left">Oranjevereniging</li>
	<li>
	<p align="left">Autorodeo</li>
	<li>
	<p align="left">Kermis</li>
	<li>
	<p align="left">Playbackshow</li>
	<li>
	<p align="left">SMON</li>
	<li>
	<p align="left">Overige evenementen</li>
</ul>
	<p>&nbsp;<p>&nbsp;</td>
	</tr>
	<tr>
  <td background="images/content_vak_07.gif" width="8"></td>
  <td background="images/content_vak_08.gif" width="800"></td>
  <td background="images/content_vak_09.gif" width="9" height="11"></td>
 </tr>
</table>

<br><Br>

</body>
</html>

defietser · 14 jan 2008

Zal daar eens naar kijken of het lukt

LeroyH · 14 jan 2008

defietser zei:
Zal daar eens naar kijken of het lukt

Oke, bedankt :thumb:

defietser · 14 jan 2008

Zoals je zegt het menu werkt niet de sub menu blijven open en ik krijg het ook niet aan de praat.
Jammer

LeroyH · 14 jan 2008

Oke, ik zal even wat anders proberen te vinden, of ik ga hier nog ff mee knoeien.. In ieder geval bedankt.

Topmenu, maar nogal lastig...

LeroyH

Gebruiker

defietser

Gebruiker

LeroyH

Gebruiker

defietser

Gebruiker

LeroyH

Gebruiker

defietser

Gebruiker

LeroyH

Gebruiker

defietser

Gebruiker

LeroyH

Gebruiker

defietser

Gebruiker

LeroyH

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy