Menu

In het Infodome CMS systeem kunnen contentbeheerders zelf de navigatie structuur naar wens wijzigen. Menu onderdelen toevoegen en/of verwijderen. Elke keer als een bezoeker de site bekijkt, zorgt het CMS systeem er automatisch voor dat de laatste versie uit de datbase wordt gehaalt. In de praktijk is dit een stukje XML wat met Javascript omgezet wordt naar HTML.

Html source van menu
Het menu is een HTML bestand. Naast het HTML bestand dienen 2 files te staan. Een Cascade stylesheet file die de vormgeving bepaalt van het menu en de andere file is een Javascript file die ervoor zorgt dat de XML die uit de database komt wordt gerendert naar leesbare HTML.
Indien u in de database kijkt naar het ID nummer van de site en deze in deze HTML file invult, wordt de juiste data uit de database opgeroepen en werkt uw menu zoals behoren.

Menu.css = Cascade Stylesheet die het menu vormgeeft
menu.js = Javascript dat XML omzet naar HTML
814 = Het database ID nummer van de site

Menu waar de gehele navigatie structuur wordt gerendert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>menu</title>
<link href="menu.css" rel="stylesheet" type="text/css" media="all">

<script language="javascript" src="menu.js"></script>
<script language="javascript"
src="http://cms.infodome.nl/cms/showPage.jsp?action=menuJS&siteId=814">
</script>

<script language="javascript">
initSitemap();


</script>


</head>
<body id="body" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<script language="javascript">
attachMenuToElement(document.getElementById("body"));
</script>
</body>
</html>

Menu waar één Hoofdmenu wordt gerendert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>menu</title>
<link href="menu.css" rel="stylesheet" type="text/css" media="all">

<script language="javascript" src="menu.js"></script>
<script language="javascript"
src="http://cms.infodome.nl/cms/showPage.jsp?action=menuJS&menuId=3573">
</script>

<script language="javascript">
initSitemap();


</script>


</head>
<body id="body" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<script language="javascript">
attachMenuToElement(document.getElementById("body"));
</script>
</body>
</html>