Luke
Staff
/ Moderator
Jul 26, 2002, 1:49 PM
Post #4 of 4
(3399 views)
Shortcut
|
|
Re: [4shotsports] Jump Box modifications
[In reply to]
|
Can't Post
|
|
Hi,
Using the Jump Box Navigation Menu it is possible to have the article headlines and/or the category list output in a drop down menu. And everytime you add a new headline (or category) the Jump Box will instantly be populated with the new headline (or category).
I've included some examples below on how to do this for both the headlines (which are output on the far right of the index page) and the category list (which is output on the far left).
This will require you to modify 1 or more template files, and because they're modified you will no longer be able to use them for there intended purpose.
(Note: both of these examples use the default "Maple" template set.)
The first thing to do is to upload the jumpbox.cgi to your web server and make sure it runs properly. Just follow the instructions outlined in the readme.txt file that is provided in the Jump Box zip file (jumpbox_v1.0.zip).
Article Headlines
In this example I set it up so the most recent articles from each category are output in one drop down box. The articles are output in a hierarchical format with the category name displayed first and then the articles follow.
e.g.
Category Name 1
- Article Headline
- Article Headline
- Article Headline
Category Name 2
- Article Headline
- Article Headline
- Article Headline
When a site visitor selects a category name and clicks "Go" he'll be instantly taken to the Category's Index page, when selecting an Article Headline the site visitor will be taken to the full article (or if a summary only article the category index page where the summary is displayed).
To make these changes open up the headlines_bycat.html template file in an HTML/text editor of your choice. When done your headlines_bycat.html file should look something like this:
<table border=0 cellspacing=0 cellpadding=5 width=100%>
<tr>
<td bgcolor="#CCCCCC" class="tophead1" align=center>Latest Headlines</td>
</tr>
</table>
<table border=0 cellspacing=1 cellpadding=2 width=100%>
<tr><td class="toplnk"><img src="$_imageurl$set1_maple/spacer.gif" height=4 width=1></td></tr>
<tr><td>
<form method=get action="../jumpbox/jumpbox.cgi" onsubmit="location.href=jb.options[jb.selectedIndex].value; return false;">
<select name="jb">
<!-- template insert : $category_list$ -->
<!-- templatecell : header -->
<option value="$url_index$">$cat_name$</option>
<!-- /templatecell : header -->
<!-- templatecell : row -->
<option value="$detail_link$">- $art_name$</option>
<!-- /templatecell : row -->
<!-- templatecell : row_summary -->
<option value="$url_index$#$art_num$">- $art_name$</option>
<!-- /templatecell : row_summary -->
<!-- templatecell : row_link -->
<option value="$url_index$#$art_num$">- $art_name$</option>
<!-- /templatecell : row_link -->
<!-- templatecell : row_ufile -->
<option value="$url_index$#$art_num$">- $art_name$</option>
<!-- /templatecell : row_ufile -->
<!-- templatecell : not_found -->
<option>No articles</option>
<!-- /templatecell : not_found -->
<!-- templatecell : img_caption --> <!-- /templatecell : img_caption -->
<!-- templatecell : img_nocaption --> <!-- /templatecell : img_nocaption -->
<!-- templatecell : divider -->
<!-- /templatecell : divider -->
<!-- templatecell : footer -->
<!-- /templatecell : footer -->
<input type="submit" value="Go">
</select>
</form></td></tr>
</table>
The one thing you'll want make sure of is that the <form> tags action attribute (e.g. action="/yourfilepath/jumpbox.cgi") is pointing to the jumpbox.cgi script on your server.
Category List
The category list is a little easier to do. Each category name is available from a pull down, when a site visitor selects a category from the pull down and clicks the Go button the Jump Box will instantly redirect him to the appropriate category index page.
e.g.
Category Name 1
Category Name 2
Category Name 3
To make these changes open up the headlines_bycat.html template file in an HTML/text editor of your choice. Here's what I did:
<table border=0 cellspacing=0 cellpadding=5 width=100%>
<tr><td bgcolor="#990000">
<form method=get action="/yourfilepath//jumpbox.cgi" onsubmit="location.href=jb.options[jb.selectedIndex].value; return false;">
<select name="jb">
<option value="$url_gindex$">$gcat_name$</option>
<!-- template insert : $category_list$ -->
<!-- templatecell : row -->
<option value="$url_index$">$cat_name$</option>
<!-- /templatecell : row -->
<!-- templatecell : row_selected -->
<option value="$url_index$" selected>$cat_name$</option>
<!-- /templatecell : row_selected -->
<input type="submit" value="Go">
</select>
</form>
<!-- templatecell : not_found -->
<!-- /templatecell : not_found -->
</td></tr>
</table>
Of course, just like in the headlines_bycat.html template file, you have to make sure the action attribute in the <form> tag is pointing the jumpbox.cgi on your server.
When you're done make sure to republish all of your articles and headlines by going to the setup options and clicking the "Publish All" button. This is done so your existing articles and headlines can adopt the changes you just made to your template files.
And that's it. Site visitors will now be able to select categories or headlines from a drop down, click go, and be taken to them instantly.
I hope this helps. :)
For anyone else who's interested, the Jump Box Navigation Menu is a free script we've made available on our website. You can download it here:
http://www.interactivetools.com/freescripts/jumpbox.html
Luke Holzken
Product Development
|
