This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Why doesn't FF display the subtleties of my website javscript menus, ie fade & transparency?

more options

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

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

الحل المُختار

For the record, I checked the site in IE 11, which is not fully backward compatible with IE 8.

Read this answer in context 👍 0

All Replies (10)

more options

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?

more options

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.

more options

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.

more options

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.

more options

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

more options

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;
      }
    }
  }
};

Modified by cor-el

more options

So is there any way round this or is it an inherent failing of the menu builder software?

more options

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.

more options

OK, I got it.

Thanks very much for your help

more options

الحل المُختار

For the record, I checked the site in IE 11, which is not fully backward compatible with IE 8.