Comments on: csshover.htc and IE freeze http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/ aplus.rs Fri, 10 Feb 2012 23:35:40 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Richard http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-199 Richard Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-199 I'm afraid i have another question perhaps a little obvious. I I am now putting together my site structure and dividing the files into the respective folders. I spent a long time yesterday trying to figure out where to place the WCH, ADxMenu and csshover files so that it works. I went over and over it, checking the behaviour and import references in the files, but i was not able to get it to work properley. I think there must be a rule that I am overlooking or perhaps a link reference to these files that I have not seen. Please could you give me a clue again. This seems to be the only obstacle standing between me and my site redesign. Thankyou again in advance. I’m afraid i have another question perhaps a little obvious. I I am now putting together my site structure and dividing the files into the respective folders. I spent a long time yesterday trying to figure out where to place the WCH, ADxMenu and csshover files so that it works. I went over and over it, checking the behaviour and import references in the files, but i was not able to get it to work properley. I think there must be a rule that I am overlooking or perhaps a link reference to these files that I have not seen. Please could you give me a clue again. This seems to be the only obstacle standing between me and my site redesign. Thankyou again in advance.

]]> By: Aleksandar http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-200 Aleksandar Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-200 Links to both CSS and JS files should start from the calling document if you use relative paths. If you look at the source of any of my examples, you'll see I'm using relative paths with lots of ../ in them. In CSS, you can use the same. Or you could use absolute paths and then you don't have to worry about page position in the directory hierarchy. For example, my usual directory setup is like this: <pre> inc/css/ /script/ </pre> CSS files (and csshover.htc) goes to css dir, while WCH.js and ADxMenu.js goes to script dir. So, in the menu.css (or whatever is called) I simply have <code>body: behavior:url("csshover.htc");</code> which is relative path to menu.css. Other option is to move .htc file over to script dir, when both of these would work: <code>body: behavior:url("../script/csshover.htc");</code> - relative path <code>body: behavior:url("/inc/script/csshover.htc");</code> - absolute path This is good if you have several menu.css files in different directories, so you can use the same csshover.htc for all of them. Also, in all HTML files, I have (absolute paths): <code><script type="text/javascript" src="/inc/script/WCH.js"></script></code> <code><script type="text/javascript" src="/inc/script/ADxMenu.js"></script></code> <code><style type="text/css" media="screen"> @import url(/inc/css/menu.css); </style></code> I hope this helps. The reason why examples use relative paths? I need them for downloadable archives (absolute paths does not work reliably without web server). Links to both CSS and JS files should start from the calling document if you use relative paths. If you look at the source of any of my examples, you’ll see I’m using relative paths with lots of ../ in them. In CSS, you can use the same. Or you could use absolute paths and then you don’t have to worry about page position in the directory hierarchy.

For example, my usual directory setup is like this:

inc/css/
   /script/

CSS files (and csshover.htc) goes to css dir, while WCH.js and ADxMenu.js goes to script dir.

So, in the menu.css (or whatever is called) I simply have
body: behavior:url("csshover.htc");
which is relative path to menu.css.

Other option is to move .htc file over to script dir, when both of these would work:
body: behavior:url("../script/csshover.htc"); — relative path
body: behavior:url("/inc/script/csshover.htc"); — absolute path
This is good if you have several menu.css files in different directories, so you can use the same csshover.htc for all of them.

Also, in all HTML files, I have (absolute paths):
<script type="text/javascript" src="/inc/script/WCH.js"></script>
<script type="text/javascript" src="/inc/script/ADxMenu.js"></script>
<style type="text/css" media="screen"> @import url(/inc/css/menu.css); </style>

I hope this helps.

The reason why examples use relative paths? I need them for downloadable archives (absolute paths does not work reliably without web server).

]]> By: Trevor Nelmes http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-201 Trevor Nelmes Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-201 Hi Only just found your menu. Wow! On the IE problem with behavior, have you tried putting it in the html tag instead of the body? IE treats the html style tag as the page root, not body. On the IE5 problem. I know this sounds odd, but I was recently working on making an imageless CSS 3D menu system (single tier only), using nested divs and spans to make the 'image' of a button. IF I used UL/LI's, IE 5 would NOT play ball. However, if I used DL/DD's, IE 5 (Win and Mac) were both happy. Indeed, whilst not very pretty, even IE4 rendered something close. Just for fun, you can see the sample menu's here (the css is inline, and it is valid xhtml1 strict): http://207.44.137.103/stus_buttons.html Trevor Hi

Only just found your menu. Wow! On the IE problem with behavior, have you tried putting it in the html tag instead of the body? IE treats the html style tag as the page root, not body.

On the IE5 problem. I know this sounds odd, but I was recently working on making an imageless CSS 3D menu system (single tier only), using nested divs and spans to make the ‘image’ of a button. IF I used UL/LI’s, IE 5 would NOT play ball. However, if I used DL/DD’s, IE 5 (Win and Mac) were both happy. Indeed, whilst not very pretty, even IE4 rendered something close. Just for fun, you can see the sample menu’s here (the css is inline, and it is valid xhtml1 strict):

http://207.44.137.103/stus_buttons.html

Trevor

]]> By: Aleksandar http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-202 Aleksandar Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-202 Looks very good, Trevor. Went straight to bookmarks, for later disecting. I did not try with HTML, as I was following the author's guidelines. Will try, as I have a perfect test case in one recent project. :) Looks very good, Trevor. Went straight to bookmarks, for later disecting.

I did not try with HTML, as I was following the author’s guidelines. Will try, as I have a perfect test case in one recent project. :)

]]> By: Trevor Nelmes http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-203 Trevor Nelmes Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-203 Hi Aleksandar Just thought I'd let you know, that demo page has moved to here: http://209.216.241.33/stus_buttons.html Trevor Hi Aleksandar

Just thought I’d let you know, that demo page has moved to here:

http://209.216.241.33/stus_buttons.html

Trevor

]]> By: Trevor Turk http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-204 Trevor Turk Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-204 <p>I'm trying to use this script for a dropdown menu, and I'm having that freezing problem. I've changed the script and removed the reference to the .htc file in the css. It doesn't work now, which I expected, but now I can't figure out what else to change. Can you clarify, please?</p> I’m trying to use this script for a dropdown menu, and I’m having that freezing problem. I’ve changed the script and removed the reference to the .htc file in the css. It doesn’t work now, which I expected, but now I can’t figure out what else to change. Can you clarify, please?

]]> By: Trevor Turk http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-205 Trevor Turk Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-205 <p>I think I've got it... I didn't inlcude thie additional bit of inline javascript that's in the example page. I also made sure to include the WCH file as well. Thanks for the great menus!</p> I think I’ve got it… I didn’t inlcude thie additional bit of inline javascript that’s in the example page. I also made sure to include the WCH file as well. Thanks for the great menus!

]]> By: Tim Hardy http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-206 Tim Hardy Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-206 I'm messing around with the pure CSS basic example of your menu and noticed an issue. In IE, when you specify an alpha filter such as filter: alpha(opacity=80); -moz-opacity: 0.8; for the #menu li ul selector, the first menu to popup is translucent, but no more submenus popup. Something stops working as far as popping up the submenus. Everything works fine in Netscape. Any thoughts? I’m messing around with the pure CSS basic example of your menu and noticed an issue. In IE, when you specify an alpha filter such as filter: alpha(opacity=80); –moz-opacity: 0.8; for the #menu li ul selector, the first menu to popup is translucent, but no more submenus popup. Something stops working as far as popping up the submenus. Everything works fine in Netscape.

Any thoughts?

]]> By: Lai http://aplus.rs/adxmenudev/csshoverhtc-and-ie-freeze/comment-page-1/#comment-207 Lai Wed, 30 Nov -0001 00:00:00 +0000 http://www.aplus.co.yu/?p=62#comment-207 Hi, I've been using this nice menu of yours and came across a symptom with using it in IE. Dunno if this has any relation to those IE problems some of you have been having. If you do refreshes on the page and you also have task manager opened, you can see a memory leak in that browser process. The memory usage just keeps going up with each page refresh. It's also having some strange effect on the mouse hover as I've an onclick event attached to the top menu element. I've traced it down to a local variable oMenuLI in the function _ProcessMenu. I'm not exactly sure why but it seems we have to set it to null before it exits _ProcessMenu for IE to release the memory resource. So much for IE's javascript engine :) Hi,

I’ve been using this nice menu of yours and came across a symptom with using it in IE. Dunno if this has any relation to those IE problems some of you have been having. If you do refreshes on the page and you also have task manager opened, you can see a memory leak in that browser process. The memory usage just keeps going up with each page refresh. It’s also having some strange effect on the mouse hover as I’ve an onclick event attached to the top menu element. I’ve traced it down to a local variable oMenuLI in the function _ProcessMenu. I’m not exactly sure why but it seems we have to set it to null before it exits _ProcessMenu for IE to release the memory resource. So much for IE’s javascript engine :)

]]>