Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

[CONTRIBUTION] DHTML Menu 1.0


Snowman

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
Link to comment
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

Link to comment
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

Link to comment
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?

Link to comment
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

Link to comment
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

Link to comment
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

 }

?>

Link to comment
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?

Link to comment
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.

Link to comment
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:

Link to comment
Share on other sites

  • 4 weeks later...

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.

Link to comment
Share on other sites

  • 3 months later...

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 :)

Link to comment
Share on other sites

  • 6 months later...
  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...