Jump to content
Sign in to follow this  
Snowman

[CONTRIBUTION] DHTML Menu 1.0

Recommended Posts

This is a DHTML menu designed to work with osCommerce.

 

It is built on the js based Tigra Menu by Soft Complex - http://www.softcomplex.com

 

Its a simple mod with lots of features and it can be modified to work in any way you want, however a fair bit of manual editing is required if you have a large group of caegories and subcategories.

 

I have encluded the code that i used on my store

 

******** KNOWN BUGS **********

 

There are currently no known or reported bugs.

 

 

******** CREDITS **********

 

SoftComplex - http://www.softcomplex.com (developers of the TigraMenu)

 

 

 

Steve Kemp

Snowtech Services

 

 

 

DOWNLOAD HERE[/b]

Edited by Johnson

Share this post


Link to post
Share on other sites

Im actually in the middle of leaving MC Host...(but thats another story)

 

You must have a local issue as the snowtech site is hosted in a different datacentre and is coming up fine!

Share this post


Link to post
Share on other sites

Hi Snowman!

 

The simplicity of your mod is impressive as it should not be adding further time to the download of pages.

 

But, I am more keen to include a dhtml menu in my header as shown on http://shop.amplescope.com/lab/index.html

 

As made out by dreamweaver, there are two files:

 

1. The index.html (or any such page) containing javascript code in the source; and,

2. mm_menu.js file

 

Now, if I were to put this up in my osCommerce's header.php,

 

1. where do I put the mm_menu.js file?

2. How do I call it from within the html (or php) page?

3. Where exactly do I put the javascript code into header.php?

 

I remember having done it earlier when it worked fine on some pages but hid header on others. So, I guess I need clearer help now.

 

Thanks very much.

 

Rgds

Sunny


What's the fun if it still looks like osCommerce!

Share this post


Link to post
Share on other sites

Hi Snow man,

 

i am trying out you

contrib but it keeps appearing too low on the page below the header strip i followed the instructions what am i doing wrong?

Share this post


Link to post
Share on other sites

Your link is shagged !

 

1146 - Table 'stadmin_test.featured' doesn't exist



select featured_id from featured where status = '1' and now() >= expires_date and expires_date > 0



[TEP STOP]

Share this post


Link to post
Share on other sites
Hi Snow man,

 

i am trying out you

contrib but it keeps appearing too low on the page below the header strip i followed the instructions what am i doing wrong?

 

You need to edit the menu_tpl.js file and adjust the height settings

Share this post


Link to post
Share on other sites
Your link is shagged !

 

1146 - Table 'stadmin_test.featured' doesn't exist



select featured_id from featured where status = '1' and now() >= expires_date and expires_date > 0



[TEP STOP]

 

where are you getting this from??? and why?

 

I only added the code from mine so you could see how it worked, not so that you can use it?

Share this post


Link to post
Share on other sites
Hi Snow man,

 

i am trying out you

contrib but it keeps appearing too low on the page below the header strip i followed the instructions what am i doing wrong?

 

You need to edit the menu_tpl.js file and adjust the height settings

 

Thanks 4 the quick response

Share this post


Link to post
Share on other sites
Hi Snow man,

 

i am trying out you

contrib but it keeps appearing too low on the page below the header strip i followed the instructions what am i doing wrong?

 

You need to edit the menu_tpl.js file and adjust the height settings

 

just one more question how do i adjust the spacing so that the dhtml menu appears just above the catagories box if i adjust the spacing in menu_tpl.js it appears on top of the catagories box i want it to be like on your site just above the border for the header box how can i resize the header to accomodate the dhtml menu

Share this post


Link to post
Share on other sites

Use the example header ive included below (this is my header), its tricky to do as it took me a lot of experimenting to get it right on my site, and even then it can vary on some browsers.

 

(this header file is a pre Nov 1st one)

 

 

 

<?php

/*

 $Id: header.php,v 1.36 2002/08/15 17:29:47 dgw_ Exp $



 osCommerce, Open Source E-Commerce Solutions

 http://www.oscommerce.com



 Copyright (c) 2001 osCommerce



 Released under the GNU General Public License

*/



// check if the 'install' directory exists, and warn of its existence

 if (WARN_INSTALL_EXISTENCE == 'true') {

   if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {

     tep_output_warning(WARNING_INSTALL_DIRECTORY_EXISTS);

   }

 }



// check if the configure.php file is writeable

 if (WARN_CONFIG_WRITEABLE == 'true') {

   if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {

     tep_output_warning(WARNING_CONFIG_FILE_WRITEABLE);

   }

 }



// check if the session folder is writeable

 if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {

   if (STORE_SESSIONS == '') {

     if (!is_dir(tep_session_save_path())) {

       tep_output_warning(WARNING_SESSION_DIRECTORY_NON_EXISTENT);

     } elseif (!is_writeable(tep_session_save_path())) {

       tep_output_warning(WARNING_SESSION_DIRECTORY_NOT_WRITEABLE);

     }

   }

 }



// check session.auto_start is disabled

 if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {

   if (ini_get('session.auto_start') == '1') {

     tep_output_warning(WARNING_SESSION_AUTO_START);

   }

 }



 if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {

   if (!is_dir(DIR_FS_DOWNLOAD)) {

     tep_output_warning(WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT);

   }

 }

?>

<link rel="stylesheet" href="menu.css">

<div align="center">

 <center>

 <table border="0" cellpadding="0" cellspacing="0" width="100%" height="2">

   <tr>

     <td width="100%" height="4" bgcolor="#800080" valign="top">

       <p style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0 font-size: 9px"><img src=/images/pixel.gif width=100% height=1></td>

   </tr>

           </center>

 </table>

</div>

<table border=0 cellpadding=0 cellspacing=0 width=100% bgcolor="#FFFFFF">

<tr>

<td valign=top align="center" height="40" bgcolor="#FFFFFF" rowspan="2">

<p style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0 font-size: 9px"><img src=/images/pixel.gif width=250 height=1>

 <p style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0"><img src=/images/snowtech.jpg width=250 height=83 valign="bottom">

</td>

<td height="24" width="100%" align="right">

<div align="right">

 <table border="0" cellpadding="0" cellspacing="0" width="505" align="right">

   <tr>

             <td height="24" width="20" valign="middle" align="right">

<font face="Verdana">

<img src=images/maintabcorner2.gif width=22 height=24>

</font>

             </td>

           <td height="24" bgcolor="#800080" valign="middle" width="505" align="right">

       <p align="right" style="word-spacing: 0; text-indent: 0; line-height: 100%; margin: 0 font-size: 9px; color: #FFFFFF">

       <a href="<?php echo tep_href_link(FILENAME_ABOUT_US, '', 'NONSSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">About Us</a><font style="color: #FFFFFF; font-size: 9px; font-family: Verdana"> | 

       <a href="<?php echo tep_href_link(FILENAME_HELPDESK, '', 'NONSSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">Help Desk</a><font style="color: #FFFFFF; font-size: 9px; font-family: Verdana"> | 

       <a href="<?php echo tep_href_link(FILENAME_PAYMENT_OPTIONS, '', 'NONSSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">Payment Options</a> | 

       <a href="<?php echo tep_href_link(FILENAME_SHIPPING, '', 'NONSSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">Delivery</a><font style="color: #FFFFFF; font-size: 9px; font-family: Verdana"> | 

       <a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">My Account</a><font style="color: #FFFFFF; font-size: 9px; font-family: Verdana"> | 

       <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">Cart Contents</a><font style="color: #FFFFFF; font-size: 9px; font-family: Verdana"> | 

       <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL'); ?>"<font style="color: #FFFFFF; font-size: 9px; font-family: Verdana">Checkout</a><a style="color: #FFFFFF; font-size: 9px">  </a></p></td>

   </tr>

 </table>

</div>

</td>

</tr>

<tr>

<td height="90" width="100%" align="right">

<p align="center">

<?php

 if ($banner = tep_banner_exists('dynamic', '468x60')) {

?>

<?php echo tep_display_banner('static', $banner); ?>

<?php

 }

?>

</td>

</tr>

</table>

<table border=0 cellpadding=0 cellspacing=0 width=100% height=2><tr><td valign=top>

<div align="center">

 <center>

 <table border="0" cellpadding="0" cellspacing="0" width="600">

   <tr>

     <td bgcolor="#FFFFFF"><img src=/images/pixel.gif width=1 height=4></td>

   </tr>

 </table>

 </center>

</div>

</td><td width="20" height="20"><img src=images/maintabcorner.gif width=20 height=20></td>

<td width=99% bgcolor="#FFFFFF"><font color="#FFFFFF" face="Verdana" style="font-size: 9px"><marquee scrollAmount=3><a href=http://www.snowtech.com.au/store/default.php>Welcome

 to the new Snowtech Services Online Store!</a></marquee></font></td>

</tr>

</table>

<div align="center">

 <center>

 <table border="0" cellpadding="0" cellspacing="0" width="100%">

   <tr>

     <td width="100%" bgcolor="#3184B5"><img src=/images/pixel.gif width=1 height=4></td>

   </tr>

 </table>

 </center>

</div>

<?php

 if ($HTTP_GET_VARS['error_message'] != '') {

?>

<table border="0" width="100%" cellspacing="0" cellpadding="2">

 <tr class="headerError">

   <td class="headerError"><?php echo urldecode($HTTP_GET_VARS['error_message']); ?></td>

 </tr>

</table>

<?php

 }



 if ($HTTP_GET_VARS['info_message'] != '') {

?>

<table border="0" width="100%" cellspacing="0" cellpadding="2">

 <tr class="headerInfo">

   <td class="headerInfo"><?php echo $HTTP_GET_VARS['info_message']; ?></td>

 </tr>

</table>

<?php

 }

?>

Share this post


Link to post
Share on other sites

hi snowman thanks that did the trick

 

any idea what the compatibilty with netscape is ? i have about 5% of my visiters using netscape 5.0 and 13% using ie 5.0 or 5.01

 

i don't want to edge out these users what happens with dhtml / javascript if the browser does not support it?

Share this post


Link to post
Share on other sites

JavaScript and CSS support should be enabled in browser's settings.

 

Menu was successfully tested on those browsers:

Microsoft Internet Explorer 5.0; 5,5; 6.0

Netscape 6.2

Mozilla 0.9.7

Opera 5.02; 5.12; 6.0

AOL 5.0; 6.0; 7.0

Konqueror 2.2.2 (Linux/KDE); 3.0.0-12 (Linux RedHat 7.3)

 

Currently unsupported:

Microsoft Internet Explorer 4.0;

Netscape Communicator 4.51, 4.7

 

I believe the TigraMenu Pro script is more compatable but you need to buy that from them.

Share this post


Link to post
Share on other sites

Netscape 6.2 or above this will work. And IE 5.0 and above. Anything less than that won't work.


Steve

-------------------------

Share this post


Link to post
Share on other sites
[just one more question how do i adjust the spacing so that the dhtml menu appears just above the catagories box if i adjust the spacing in menu_tpl.js it appears on top of the catagories box i want it to be like on your site just above the border for the header box how can i resize the header to accomodate the dhtml menu

 

what site are you looking at to see the menus dude?/ I cant see a web site??

 

help me I am going blind......... :) :shock:

Share this post


Link to post
Share on other sites

I pulled together a mod that uses the menus from www.brainjar.com It automatically builds the categories from the database, so no need to hard code the links. I'm also using it as a relative positioned (except for the drop down menus), so it is easy to move with your infoboxes..

 

you can see it at:

http://oscommerce.youronlinesite.com

 

I'm waiting for him to give me approval to upload it as a contribution, but if anyone wants it, send me an email and I will email it.

 

I am curious if I can get some feedback about the browser support.

I know it works on IE5.5+ and NS6+ However, I think there is some of the javascript that is not compatible with IE5 or earlier. And I'm curious how AOL browsers and Opera treat it. Please let me know if you have one of those other browsers so I can try to make it as compatible as possible.

Share this post


Link to post
Share on other sites

Hey not bad...i like the idea of not having to hardcode the links...

 

Can i get a copy?

Share this post


Link to post
Share on other sites

Someone sent me some code for my mod which was an admin hack that allowed for non hard coded categories.

 

I cant remember who it was :oops:

 

If it is you or you know who it is can you please resend it :)

Share this post


Link to post
Share on other sites

Im havin the following problem: the menu lists the categories & subcategories in both languages i use & does this two times.Can someone help ?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×