Why doesn't FF display the subtleties of my website javscript menus, ie fade & transparency?
On every page of my website dominicrouse.com I have a javascript menu designed using Sothink DHTML Menu 9.10
Using IE and other browsers the subtleties that I incorporated display perfectly but in FF they are lost.
I am referring specifically to a slow fade up and down and a background transparency that fits neatly into each page.
Any ideas as to how I fix this?
Many thanks,
DR
Solución elegida
For the record, I checked the site in IE 11, which is not fully backward compatible with IE 8.
Leer esta respuesta en su contexto 👍 0Todas las respuestas (10)
Sorry, I can't figure out what you're seeing that different between IE, Firefox, and Chrome.
When I look at the source of the page, there are many references to file:// which, if I assume it points to your hard drive, would not be visible to others and would be blocked by Firefox's security settings. Could you double-check those areas of the page?
Thank you for looking at this for me.
Are you telling me that in your FF the menus fade in and out slowly and that the background is transparent so that you can see page text and images through them? They don't in mine.
If you go to my landing page and hover over artist/media the drop-down menu 'print' will encroach slightly into the image area. In FF the background is solid so the image is partially blocked out. In other browsers the menu b/g is slightly transparent so that you can still see the image underneath though the transparency is not 100%.
I hope this helps.
With regard to the file:/// in the source code
Without these it is not possible to view the menus on my pc. Removing them for the online page doesn't solve the problem.
No, I do not see any magic fading or transparency in any browser. They are all the same for me, with a little delay before words appear below the top level menus, with no differentiation.
Based on your description of the menus only working using a reference to the F drive makes me think some components are missing on the server side, or you do not have a path to those components in your script.
At present the software is pointing at my pc as you rightly see. Perhaps getting the server side sorted will eradicate the problem. I'll look into this.
I appreciate your help.
Kindest,
DR
If I lok at the JavaScript file then I only see fading working for IE and not foe other browsers like Firefox (gecko) Google Chrome (Safari).
_STNS.EFFECT = { foGetEff: function (s, id, w, d, o) { if (!s) { return 0; } if (/^stEffect\(.Open/i.test(s) && _STNS.bIsIE) { var dir = s.replace(/^.*[\(\,]Direction\=(\w+)[\)\,].*$/i, '$1'); var d = s.replace(/^.*[\(\,]Duration\=([\d.]+)[\)\,].*$/i, '$1'); d = (d == s ? 1 : parseFloat(d)); if (dir == 'Down' || dir == s) { s = 'progid:DXImageTransform.Microsoft.Zigzag(GridSizeX=16,GridSizeY=16,enabled=0,Duration=' + d + ')'; d *= 1000; o = 5; } if (dir == 'Middle') { s = 'progid:DXImageTransform.Microsoft.Barn(orientation=horizontal,motion=out,enabled=0,Duration=' + d + ')'; d *= 1000; o = 16; } } if (/^stEffect\(.Active/i.test(s) && _STNS.bIsIE) { var d = s.replace(/^.*[\(\,]Duration\=([\d.]+)[\)\,].*$/i, '$1'); if (d == s) { d = (dd == s ? 1 : parseFloat(d)); } s = 'progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=' + d + ')'; d *= 1000; o = 12; } var t = s.toLowerCase(), c; if ((!t.indexOf('progid:') || !t.indexOf('revealtrans')) && _STNS.EFFECT['CEffIE']) { return new _STNS.EFFECT['CEffIE']([s, id, w, d, o]); } else { if (!s.indexOf('stEffect')) { s = s.substring(10, s.length - 2); var cn = 'CEff' + s.charAt(0) .toUpperCase() + s.substr(1) .replace(/^(.*)\(.*$/, '$1'); if (_STNS.EFFECT[cn]) { return new _STNS.EFFECT[cn]([s, id, w, d, o]); } } else { return 0; } } } };
Modificadas por cor-el el
So is there any way round this or is it an inherent failing of the menu builder software?
Yes, that is a limitation of this software. It is rather old:
ORC_JS, JavaScript Class Framework version:dhtml menu 9.1,3.10.90216 Copyright 2008 by SourceTec Software Co.,LTD For more information, see:www.sothink.com
You would have to update to more modern approach like CSS transitions.
OK, I got it.
Thanks very much for your help
Solución elegida
For the record, I checked the site in IE 11, which is not fully backward compatible with IE 8.