• 0

Dropdown menu using Jquery - cross browser compatibility?


Question

Hi

So i finally got this vertical navigation working to how i wanted, bar a couple of minor css tweaks

http://www.elizabethrbroadcastingfund.org/cba/test.html

I used this tutorial http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

I think someone posted on this forum, thanks to that person

Anyway the website that'll be on is used by people who may not have the latest browsers or computer knowledge so useability is crucial as this will be the main navigation. Is there a way to test it out without having to install previous versions or browsers? I know there's websites but they all just provided a screenshot, which isn't enough.

In fact - http://browsershots.org

That website seems very useful, the arrows appearing (next to my links; when i run the page through that website) indicates to me it should work. I don't want to find out by launching it that it doesn't work for a lot of users though!

My key concern is when I ran it in internet explorer with the compatibility view on it totally destroyed it.

thanks!

3 answers to this question

Recommended Posts

  • 0

Does it have to have the scroll effects?

I find the best way to do drop down navigation menus is without javascript completely. E.g - if your dropdowns are nested <ul>s within <li>s, you could use the following CSS to show/hide the dropdown when hovering over the parent li:

ul li ul {

display: none;

}

ul li:hover ul {

display: block;

}

  • 0

The green arrow will change, I just stole that from the original example just to save me time - never noticed it looking like a heart though :laugh: - ah it'll be because the original example uses it on a dark background haha I can see exactly how you mean now

You make an interesting point bmaher, luckily its the summertime so my workload's rather low and I've got plenty of time to test different methods, thanks - i'll keep you updated on it

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • For anyone looking for a lightweight formatting-free text editor, I recommend Notepad3.
    • This looks really dumb, especially if it costs $100+. Noone who cares about using a flight yoke would touch that thing, people who don't care are probably fine using the analog sticks on their controller, so who is it for?
    • A) "they shouldn't be making money off of those [free videos]"?? That is literally their business model, making money off videos that users post...if you don't feel like that should be allowed, then are you saying YouTube shouldn't exist. B) Yes, the example I gave is a net-negative transaction. If YouTube makes money from others who are following their rules, it doesn't change the fact that the person using an ad-blocker is costing them money. C) YouTube has always operated at a loss...kind of invalidates your entire argument. As I always say, I don't care what you do, I will not even say you are wrong for doing it. That is purely your choice. Just be honest enough to say something like "Google is rich, I honestly don't care." Perfectly fine reason. Don't act like there is some imagined justification for why it isn't breaking the rules.
    • You can now present content from your camera feed in Google Meet by David Uzondu Google has a new feature rolling out for Google Meet that lets you directly present video from an external camera feed right into your meetings. This means if you have a document camera for showing physical papers, a dedicated external camera for a better angle, or even output from a video production tool, you can now pipe that into Meet as a presentation source. This new option supports video up to 1080p at 30FPS. This "present from camera" function offers a more integrated way to handle certain video inputs compared to some existing workarounds. For instance, it might prove less complicated than a setup with OBS Studio where you arrange your various video sources into scenes, activate the virtual camera output, and then navigate Google Meet's settings to specifically choose "OBS Virtual Camera" as your video input before you can even start presenting that customized feed. Alongside this camera presentation feature, Google's announcement also mentioned several improvements to the general screen sharing experience in Meet. Initiating any type of screen share is faster now, and video quality during screen sharing has also been sharpened, with better handling of dynamic content like scrolling text or embedded videos. To reduce interruptions, if a second presenter stops sharing their screen, any previous presentation will now automatically resume. For those wondering when they can get their hands on this, the rollout for the camera presentation feature and these screen sharing enhancements has begun for Rapid Release domains. Users on Scheduled Release domains will start seeing it from June 11, 2025. Google notes that it could take up to 15 days for these features to be visible to all eligible users. Most Google Workspace accounts, including Business Standard and Plus, various Enterprise and Education tiers, and Workspace Individual subscribers, will have access. This new presentation option joins other recent Google Workspace enhancements. For instance, Gemini in Google Drive can now summarize changes to your files, offering a quick way to get updated on what you missed in documents since you last opened them.
  • Recent Achievements

    • First Post
      James courage Tabla earned a badge
      First Post
    • Reacting Well
      James courage Tabla earned a badge
      Reacting Well
    • Apprentice
      DarkShrunken went up a rank
      Apprentice
    • Dedicated
      CHUNWEI earned a badge
      Dedicated
    • Collaborator
      DarkShrunken earned a badge
      Collaborator
  • Popular Contributors

    1. 1
      +primortal
      382
    2. 2
      +FloatingFatMan
      177
    3. 3
      ATLien_0
      174
    4. 4
      snowy owl
      169
    5. 5
      Xenon
      134
  • Tell a friend

    Love Neowin? Tell a friend!