• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Fri Jun 01, 2007 1:40 am 
Offline
Power Poster
Power Poster

Joined: Sun Sep 26, 2004 6:15 pm
Posts: 599
Location: Saskatchewan - Canada
This works for Horizontal and Vertical menus up to 4 levels deep. I have tested both the Horizontal and Vertical menus and they are fully functional on live sites, using FF IE6 and IE7.

How to:

Get the dhtml.js file from:   http://solardreamstudios.com/learn/css/cssmenus

upload dhtml.js to uploads/file

Add this to the section of your page template

Code:
<!--[if lte IE 6]>
<script type="text/javascript" src="uploads/file/dhtml.js"></script>
<![endif]-->


Using menumanager in the FileTemplates tab Import cssmenu.tpl into the database call it CSSMenu

On the Database Templates tab Edit CSSMenu
change the line


_________________
Greg


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Fri Jun 01, 2007 5:52 am 
Offline
Power Poster
Power Poster

Joined: Mon Nov 06, 2006 7:55 pm
Posts: 556
Location: Helsinki, Finland
Nice! Another solution for css menu. Thanks!


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Thu Jun 07, 2007 10:00 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 10671
Location: Arizona
Nice, any reason you don't just use the IE JS that comes with CMSMS...

And of course there is still no way to put 2, horiz., vert., menus on one page....

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get it's parameters.
Right click and view source is a great way to see what you have to work with.
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/

Image


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Tue Jul 31, 2007 1:35 am 
Offline
Power Poster
Power Poster

Joined: Sun Sep 26, 2004 6:15 pm
Posts: 599
Location: Saskatchewan - Canada
Perhaps if this was included in the latest version of CMSMadesimple for the CSSMenu we would have less problems posted regarding CSSMenu and IE. Also refer to this post by essexboyracer, which refers to the same code.

Thoughts?

_________________
Greg


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Tue Sep 04, 2007 8:23 pm 
Offline
Forum Members
Forum Members

Joined: Tue Sep 04, 2007 8:14 pm
Posts: 238
I installed all the script parts but it looks a little different om my page:

test.stonespoint.org

The problem is that I can't get other menu levels?

Im not really sure about this part(changing ''primary-nav'' ''navmenu'''):

Code:
{if $count > 0}
<div id="CSSMenu">
<ul id="navmenu">

{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}

   {repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}

   {repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
   </li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
   <li class="menuactive menuparent"><a class="menuactive menuparent"
{elseif $node->current == true}
   <li class="menuactive"><a class="menuactive"
{elseif $node->haschildren == true}
   <li class="menuparent"><a class="menuparent"
{elseif $node->type == 'sectionheader'}
        <li class="sectionheader"><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
        <li style="list-style-type: none;"> <hr class="separator" />
{else}
   <li><a
{/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{/if}

{/foreach}

   {repeat string="</li></ul>" times=$node->depth-1}      </li>
   </ul>
<div class="clearb"></div>
</div>
{/if}


Did I forget something?, thanks ::) :)


Last edited by realrock on Tue Sep 04, 2007 8:33 pm, edited 1 time in total.

Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Wed Sep 05, 2007 12:03 pm 
Offline
Power Poster
Power Poster

Joined: Sun Sep 26, 2004 6:15 pm
Posts: 599
Location: Saskatchewan - Canada
Here is the code I use in Menumanager.

Code:
{* CSS classes used in this template:
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div id="menuwrapper">
<ul id="navmenu">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent"><a class="menuactive menuparent" {elseif $node->current == true}
<li class="menuactive"><a class="menuactive" {elseif $node->haschildren == true}
<li class="menuparent"><a class="menuparent" {else}
<li><a {/if}
href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
<div class="clear"></div>
</div>
{/if}

_________________
Greg


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Wed Sep 05, 2007 12:13 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 10671
Location: Arizona
@Greg

Have you been able to put more than one menu on a page that can use this?...

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get it's parameters.
Right click and view source is a great way to see what you have to work with.
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/

Image


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Wed Sep 05, 2007 12:20 pm 
Offline
Power Poster
Power Poster

Joined: Sun Sep 26, 2004 6:15 pm
Posts: 599
Location: Saskatchewan - Canada
Hey Mark I'm away from my regular workspace for the next 10 hours so will have to take a look at this later. Were you looking for 2 horizontal, a vertical and a horizontal, or a combination with different levels of menus?

_________________
Greg


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Wed Sep 05, 2007 5:13 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 10671
Location: Arizona
Any of the above, I can style it any which way, just can't get 2 menus on the same page that use JS for IE to work in IE...

Can get as many as I want to work in Firefox...  IE sucks any way you look at it...

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get it's parameters.
Right click and view source is a great way to see what you have to work with.
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/

Image


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Thu Sep 06, 2007 12:54 am 
Offline
Power Poster
Power Poster

Joined: Sun Sep 26, 2004 6:15 pm
Posts: 599
Location: Saskatchewan - Canada
Mark you must be referring to IE6 or less. I tried a horizontal and a vertical menu in the same template and it works with no problems in IE7. I don't have access to IE6 or less in my development environment. Sorry!

_________________
Greg


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Thu Sep 06, 2007 2:04 am 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 10671
Location: Arizona
IE7 can do the menu without the JS, so yes I'm referring to IE6 which needs the JS to add in our case it's an 'h' to the end of li items to make them drop, yours uses 'ie' in front of hover to make them drop, in IE6 for both...

Like I said I've tried every way from sunday, as the saying goes, to get it to work, 2 drop menus, horiz. w/ vert., 2 vert., 2 horiz., and no go...

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get it's parameters.
Right click and view source is a great way to see what you have to work with.
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/

Image


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Thu Sep 06, 2007 12:35 pm 
Offline
Forum Members
Forum Members

Joined: Tue Sep 04, 2007 8:14 pm
Posts: 238
Greg wrote:
Here is the code I use in Menumanager.


Thanks Greg.

I have take all the steps as described above but still the menu looking strange: test.stonespoint.org

The page code:
Code:
<div id="menu">
  <table width="573" height="43" border="0">
  <tr>
    <td>{menu template='CSSMenu'}</td>
  </tr>
</table>
</div>


The Menumanager code and de CSS code are the same as your's, could it be the anything with the CSS code?


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Thu Sep 06, 2007 10:20 pm 
Offline
Power Poster
Power Poster

Joined: Sun Sep 26, 2004 6:15 pm
Posts: 599
Location: Saskatchewan - Canada
Try the menu call without the table.

_________________
Greg


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Tue Sep 11, 2007 1:06 pm 
Offline
Forum Members
Forum Members

Joined: Wed Aug 15, 2007 11:28 am
Posts: 44
Location: Auckland, New Zealand
Hi Greg,

Where abouts in the website can I find the dhtml.js file?

I know you have mentioned from: http://solardreamstudios.com/learn/css/cssmenus

I wasnt able to find it on that page.

THanks,
AM

_________________
Asfahaan Mirza
Auckland, New Zealand


Top
 Profile  
 
 Post subject: Re: CSSMenu that works in FF IE6 IE7 etc.
PostPosted: Wed Sep 12, 2007 10:32 am 
Offline
Forum Members
Forum Members

Joined: Wed Aug 15, 2007 11:28 am
Posts: 44
Location: Auckland, New Zealand
Anyone around??

Where abouts can I find the dhtml.js file?

Thnx

_________________
Asfahaan Mirza
Auckland, New Zealand


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2  Next

All times are UTC


Who is online

Users browsing this forum: carasmo


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Arvixe - A CMSMS Partner