aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes How to display a menu above main content? Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "How to display a menu above main content?" Watch "How to display a menu above main content?" New topic
Author

How to display a menu above main content?

Manas Saxena
Ranch Hand

Joined: Mar 01, 2013
Posts: 38
I am making a social networking site wherein i have an href link ,clicking on which i want to display some names which i will be retrieving from my db.
For example:in facebook,when we click on the number of likes, a menu pops up above all the content which displays who all liked our picture,and we cant scroll or click on the main content unless we close this menu.I want exactly the same thing.

Any suggestion?
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61769
    
  67

The key word to search for is "modal". There are many JavaScript "widgets" that exhibit modal behavior, such as jQuery UI Dialog.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Manas Saxena
Ranch Hand

Joined: Mar 01, 2013
Posts: 38
I tried using dialog modal of this link
jqueryui.com/dialog/#animated


but i am facing the following problem.

Each different post should have this open dialog button (the button shown in the above link).Thus i am putting the div dialog tag in a for loop due to which when i click any one of the open dialog button then as many dialog box open as the number of buttons i have displayed .(i have tried assigning each button a different id [i assigned the loop variable as id,so that each iteration brings a new id and subsequently a new button] but didnt have any effect).
 
It is sorta covered in the JavaRanch Style Guide.
 
subject: How to display a menu above main content?