dropdown menus javascript - javascript

I am completely new to javacsript/jquery and am working on a small app for browsers. I am trying to include dropdown menus like those on Facebook for notifications or new messages. Does anyone have any good starting advice or good references? Thanks!

well basically it's just a divd that displays when you click. So if you're using jQuery you should be able to style the div and then $("#div").show(); I'd say it's more like a submenu than a dropdown.
this should be something to go by
http://sammaye.wordpress.com/2010/01/23/facebook-style-css-jquery-drop-down-menus/

Jquery's LightBox is hugely popular for doing popout menus. I personally prefer to roll my own, but as far as plugins go, lightbox is the breadwinner.

Related

how to create dropdown menu in joomla

Hi I am looking to find out how i can create a menu like the one found on the following site:
[http://www.boo-burger.com/]
I am currently creating a new site in Joomla and would love to learn how i could create something like this. Would love to learn, so would be happy if somebody could advise.
I am aware of icemegamenu and other addons that create a responsive menu, but I like how this is animated and also doesnt take up the full width of the mobile page.
At first point that website is created in WordPress.

Jquery drop down menu

Does anyone know of a plugin that can help me with a dropdown menu like this site
http://www.ebuyer.com/
when its hovered over a div appears with categories headers and side by side categories.
Thanks.
I don't know if it qualifies as a plug-in, since you'll need to write your own CSS/JavaScript, but the techniques described here seem similar to what you are needing.
There are many plugins that can do things similar.
Have a look at this page that lists several plugins and tutorials: here

Easiest method to implement fancy CSS/Javascript navigation menu in Drupal 6?

I've implemented the required functionality for my Drupal (6.19) web site, and I'm now in a position where I'd like to enhance the look and feel of the site. The current theme is a Zen sub-theme, with minimal modifications.
Can anyone explain what the simplest approach to implement a fancy CSS/Javascript menu, like this?: http://www.sohtanaka.com/web-design/examples/drop-down-menu/. I understand HTML and I have a passive understanding of PHP, SQL and CSS.
Thanks,
Mike
This may be what you're looking for: Nice Menus module and it's documentation.
The configuration is easy as you can see on the screenshot:
Here's a useful link on the subject without using a module like Nice menus or superfish: http://drupal.org/node/190263
If you use this approach be sure under site building > menus > primary links (or whatever menu you're using) you have the "expanded" option checked under the items you want to drop down.

How do I make menus like these?

So I'm looking at slickdeals.net and amazon.com, and I found something very intriguing. It's basic for most of you guys out there, but it's new to me. For slickdeals.net, when you click login, a login box pops up like so. Also for Amazon.com, when you hover over the left navigational menus, a new menu pops up! I think it's JavaScript, but how does this work? How can I do something like that?
Update:
Thanks for the answers! One more question about Amazon's website. I've been looking at it with firebug. So how are they making their sub menu appear? I was expecting the mouseover to change the sub menu from display:none; to display: block; but this isn't the case. What is it change on the mouseover to make it appear?
Looks like a combination of CSS and Javascript. Look into JQuery and JQuery UI. It's easy to use and has things that make sites like theses easier to develop.
Look into the UI stuff for the menus and drop-downs and things like that. That JQuery UI is really cool and lets you make really dynamic web pages. They have examples on the JQuery UI site that you can look at.
You can view source to find these answers for yourself. It appears slickdeals.net is using jQuery for its javascript effects.
http://jquery.com/

Redbox Alternative?

I am building an app and want to have a lot of the site forms come up in a box over the screen with the background darkened out. I have seen redbox on github and it seems to do what I need it to do but I see that it hasnt been updated since 2007. Is there a new way to go about this? Any alternatives to redbox?
Thanks for your ideas!
Look at overlay effect in jQuery tools - a pretty nice library with a lots of demos. This is a collection of modern user-interface components such as tabs, tooltips, overlay, scrollable and so on. Single JavaScript file weighs only 5.72 Kb.
There is another pretty nice box plugin: jquery fancybox. It can display images, video, flash, html-content. Packed js weighs 15Kb. Very cool stuff.
we used facebox for popup the implementation and how to use popup on ajax subpages also explained http://www.spritle.com/blogs/?p=564. The ui for facebox is already given.Redbox development is stopped I think. I suggest to go for some other solution like thickbox, lightbox or any other solution if you want to apply your own style for your popup.But, in my opinion facebox is better.

Categories