Shoutbox

testing menu script - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: testing menu script (/showthread.php?tid=30684)

testing menu script by lopardo on 08-29-2004 at 09:22 PM

I made a simple menu script with fade out effect for Internet Explorer and Mozilla browsers. Could you test it in your browsers? Here's the URL:
http://360software.dakotabcn.net/temp/menutest/index.htm

Thanks. :)

BTW, I noticed that it flickers in Mozilla Firefox :undecided:, anyone else? The weird thing is that, if I put an alert in the loop, it works fine...


RE: testing menu script by RebelSean on 08-29-2004 at 09:25 PM

Works for me.  No problems. Good work (Y). I'm using Internet Explorer 6.0 btw.


RE: testing menu script by user27089 on 08-29-2004 at 09:27 PM

it works well for me :) I'm using Firefox 0.93


RE: testing menu script by WDZ on 08-29-2004 at 09:27 PM

Seems to work fine in Opera 7.5. Pretty nice. (y)


RE: testing menu script by toddy on 08-29-2004 at 09:28 PM

works fine for me


FF 0.9.2  &  IE 6.0.2900


RE: testing menu script by Choli on 08-29-2004 at 09:29 PM

Testing in Avant:
- The page takes a while to load (i think it's normal if you put a lot of javascript)
- The menus take several seconds to be shown the fist time the mouse is over them (over the "test" texts), however next times they load fast.
- Nothing happens when I click the the items (i think this is what is supposed to do: do nothing)
- They look very nice. I like it. Good work. ;)


RE: testing menu script by ddunk on 08-29-2004 at 09:31 PM

quote:
Originally posted by lopardo

BTW, I noticed that it flickers in Mozilla Firefox , anyone else? The weird thing is that, if I put an alert in the loop, it works fine...

Yep same thing happens to me (0.9.3)
RE: testing menu script by lopardo on 08-29-2004 at 11:26 PM

quote:
Originally posted by WDZ
Seems to work fine in Opera 7.5. Pretty nice. (y)
:)
But no fade effect in Opera :( It doesn't support transparency, doesn't it?

quote:
Originally posted by Choli
Testing in Avant:
- The page takes a while to load (i think it's normal if you put a lot of javascript)
- The menus take several seconds to be shown the fist time the mouse is over them (over the "test" texts), however next times they load fast.
- Nothing happens when I click the the items (i think this is what is supposed to do: do nothing)
- They look very nice. I like it. Good work. ;)
1. It's not a lot of JavaScript :)
2. What computer do you have? I don't see that here.
3. Yes, they have no links.
4. Thanks :)
IIRC, Avant uses IE's engine, right?
RE: testing menu script by WDZ on 08-29-2004 at 11:30 PM

Fade effect? No, I don't see that. Everything pops up/changes immediately after I move my mouse over it, nice and fast.


RE: testing menu script by RebelSean on 08-29-2004 at 11:30 PM

Okay let me ask this. It sounds dodgy but. Hmm, when I hit a button on the menu like Test and move my curser off the drop down but its soposed to fade away? If so it dont. It dont fade it erm just goes away in 1 sec. not fading.


RE: testing menu script by lopardo on 08-29-2004 at 11:39 PM

quote:
Originally posted by WDZ
Fade effect? No, I don't see that. Everything pops up/changes immediately after I move my mouse over it, nice and fast.
Opera doesn't support transparency, so it's the correct behaviour.

quote:
Originally posted by Sean
Okay let me ask this. It sounds dodgy but. Hmm, when I hit a button on the menu like Test and move my curser off the drop down but its soposed to fade away? If so it dont. It dont fade it erm just goes away in 1 sec. not fading.
When you move the mouse over the link, the menu will just show up, when you move the pointer off of the link or the menu, then it should fade out (it's fast, though).
RE: testing menu script by Choli on 08-30-2004 at 09:04 PM

quote:
Originally posted by lopardo
What computer do you have? I don't see that here.
Pentium II 274 MHz, 196 Mb RAM, WinXP Pro Sp1.
Yes, I know, it's slow :P
quote:
Originally posted by lopardo
Avant uses IE's engine, right?
yep.
RE: testing menu script by RaceProUK on 08-30-2004 at 09:20 PM

I don't get the fade effect either :S
Good script though (Y)


RE: testing menu script by lopardo on 08-30-2004 at 11:44 PM

quote:
Originally posted by Choli
Pentium II 274 MHz, 196 Mb RAM, WinXP Pro Sp1.
Yes, I know, it's slow
Maybe that's why :) If it uses IE's engine then it should work fine.

quote:
Originally posted by raceprouk
I don't get the fade effect either
What browser are you using? You'll only see the fade effect in IE and Mozilla.
RE: testing menu script by RebelSean on 08-30-2004 at 11:46 PM

It don't seem like it fades tbh. It's like SUPER fast, maby you can slow it down like a lil bit more then it be perfect!


RE: testing menu script by RaceProUK on 08-31-2004 at 09:16 AM

quote:
Originally posted by lopardo
quote:
Originally posted by raceprouk
I don't get the fade effect either
What browser are you using? You'll only see the fade effect in IE and Mozilla.
Mozilla 1.7.2
RE: testing menu script by Yousef on 08-31-2004 at 10:33 AM

In netscape it kinda 'flickers away' just as in FF
in IE it's working nice :)


RE: testing menu script by CookieRevised on 08-31-2004 at 10:41 AM

I don't see any fading either in any browser...

EDIT: correction... after closing opening many times, I indeed see some "fading", but it is extremely fast, hence it is almost just popping up/away in 1 go... This is maybe also the reason for the flickering you see? Too fast fading?

If the delay in setTimeout("fadeOutMenu()",10) is set to 100, you can see it fading. Maybe you tested it at a slow PC which can't handle 10ms and realy does it in 100ms? Experiment with higher values and see if the menu hides as fast. If it does then use the higher value rather then the lower value. As fast PC's can handle those lower values, the speed will not be the same on both PC's... If you know what I mean....

On my PC a value of 30 to 40 gives a nice result... (P4 2.66Mhz)





quote:
Originally posted by lopardo
BTW, I noticed that it flickers in Mozilla Firefox , anyone else? The weird thing is that, if I put an alert in the loop, it works fine...
yes, well, it doesn't flicker each time. Only the first time menu.style.MozOpacity is set, the menu flickers off/on once... I dunno why, but after some tests (not in the loop, but outside the loop), it seems that is has something todo with the focus I assume... I changed the script to this to test:

code:
function hideMenu(UseFade){
  if (MenuInitialized) {
    if (UseFade && (isMSIE || isMozilla)) {
      t = 1000
      setTimeout("menu.style.MozOpacity = 1",t);
      setTimeout("menu.style.MozOpacity = .9",t+100);
      setTimeout("menu.style.MozOpacity = .8",t+200);
      setTimeout("menu.style.MozOpacity = .7",t+300);
      setTimeout("menu.style.MozOpacity = .6",t+400);
      setTimeout("menu.style.MozOpacity = .5",t+500);
      setTimeout("menu.style.MozOpacity = .4",t+600);
      setTimeout("menu.style.MozOpacity = .3",t+700);
      setTimeout("menu.style.MozOpacity = .2",t+800);
      setTimeout("menu.style.MozOpacity = .1",t+900);
      setTimeout("menu.style.MozOpacity = .0",t+1000);
      // set the focus to something else, a box
      alert('boo');
      //fadeOutMenu();
    } 
    else {
      menu.hide();
    }
  }
}

now, there isn't a flicker at the start... But dodgy enough, if you set  t=2000, the flicker returns....