I have heard that SSI is the way to set up menues because there is only one file to update. I would like to create a side menu with drop down or sliding menu layout using SSI. However, I don't know how to set up the external menu file or how to call the file. Any and all help would be appreciated.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
SSI 3
- Thread starter 111011
- Start date
-
1
- #2
-
1
- #3
mkrausnick
Programmer
The file containing the menu fragment use any name. The file calling the menu MUST have a .SHTML extension. Plus, your Web host must support SSI.
One of my menu files, named "parishmainnav2.htm" looks like this:
The menu is invoked via this code in every page:
Hope this is clear.
Mike Krausnick
Dublin, California
One of my menu files, named "parishmainnav2.htm" looks like this:
Code:
<!-- Standard Navigation Bar -->
<div class="whitetext_m_b">Resources<br />
<a class="leftnav" href="/ministry_all.shtml">Ministries</a><br />
<a class="leftnav" href="/scripture.php">Scripture Study</a><br />
<a class="leftnav" href="/hbulletin.php">Bulletin Archive</a><br />
</div>
.
.
. etc.
Code:
<!-- Standard Navigation Bar -->
<!--#include virtual="/templ/parishmainav2.htm"-->
</div>Hope this is clear.
Mike Krausnick
Dublin, California
-
1
- #4
I think the slickest way to use SSI, especially if you know a server-side scripting language (perl, php, asp etc.), is to markup pages like this:
Those three scripts serve up the stuff that goes in the head of every page, the stuff that comes before the content and the stuff that comes after, whatever it may be. Because they're scripts and not flat files, they can examine environment variables to determine which page they're producing content for and vary it where required.
Doing it this way meant that I could change one of my sites from table-based to CSS-based layout a while back purely by changing the top & bottom scripts - the individual pages didn't need to be touched.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
Code:
<html>
<head>
<title>An example page</title>
<!--#exec cgi="/cgi-bin/header.pl"-->
</head>
<body>
<!--#exec cgi="/cgi-bin/top.pl"-->
<h1>Example</h1>
<p>Content of the page goes here</p>
<!--#exec cgi="/cgi-bin/bottom.pl"-->
</body>
</html>Doing it this way meant that I could change one of my sites from table-based to CSS-based layout a while back purely by changing the top & bottom scripts - the individual pages didn't need to be touched.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
mkrausnick
Programmer
Chris is right, however you don't need CGI to do it... plain old SSI will work too. My page skeleton looks like this:
header.shtml displays everything including the page description at the top of the page (including setting the TITLE to the value of v_pagename) and all the navigation.
footer.shtml does the date-last-modified and 'click here to contact the webmaster' stuff. Very clean. I can change the whole look-and-feel by modifying two files, plus all the CSS.
Mike Krausnick
Dublin, California
Code:
<!--#set var='v_pagename' value='Title of this page' -->
<!--#include virtual='/template/header.shtml'-->
<!-- Content starts here -->
<!-- Content ends here -->
<!--#include virtual='/template/footer.shtml'-->header.shtml displays everything including the page description at the top of the page (including setting the TITLE to the value of v_pagename) and all the navigation.
footer.shtml does the date-last-modified and 'click here to contact the webmaster' stuff. Very clean. I can change the whole look-and-feel by modifying two files, plus all the CSS.
Mike Krausnick
Dublin, California
The benefit of doing it my way, with the <html>, <head> and <body> tags left in the individual files, is that they remain valid HTML files in their own right. If you run them through a validator locally, without including the SSIs, they'll still validate (or not, as the case may be! ).
Also be aware that while the file that loads the includes will normally need to have a [tt].shtml[/tt] extension, the files which are included - header.shtml and footer.shtml in the above example, can have any extension you like.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
Also be aware that while the file that loads the includes will normally need to have a [tt].shtml[/tt] extension, the files which are included - header.shtml and footer.shtml in the above example, can have any extension you like.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
- Thread starter
- #7
- Status