Hello Navigation (tutorial 2)
Now that we have done our first site (Hello world) we need some navigation to be able to put more pages that the first page.
- Create the following DTML Methods in EasyEditor
EasyEditor.local_menu:
<dtml-in "EasyNavigation.getMenu(physicalPath)"> <a href="<dtml-var virtualURL>" class="menu_style"><dtml-var navigation_title></a><br> </dtml-in>
EasyEditor.nav_trail:
<span class="menu_style"> / <a href="/HelloWorld" class="menu_style">HelloWorld</a> <dtml-in "EasyNavigation.getNavigationTrail(physicalPath,skip_root=1)" mapping> / <a href="<dtml-var virtualURL>" class="menu_style"><dtml-var navigation_title></a> </dtml-in> </span>
EasyEditor.main.default:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title><dtml-var title_or_id></title> <dtml-var "styleSheet(link=1)"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="keywords" content="&dtml.missing-subject;"> <meta name="description" content="&dtml.missing-description;"> <meta name="author" content="&dtml.missing-author;"> <meta name="last-updated" content="&dtml.missing-effective_date;"> <style> .menu_style {font-family: verdana; font-size:10pt; color:#FFFFFF;} </style> </head> <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF" text="#000000"> <div style="background:#00C;padding:3px;"><dtml-var nav_trail ></div> <table> <tr> <td> <div style="background:#033;padding:3px;"><dtml-var local_menu></div> </td> <td> <div id="content" style="width:100%;height:100%;"><dtml-var content missing=""></div> </td> </tr> </table> </body> </html>
To make a local menu fixed, use a fixed object path. It need to be physical, that is it need to start from the real Zope root not a VHM root (which would be a virtualRoot).
|