| | |
Which is best for creatring expandable menu?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Thread Solved |
•
•
Join Date: Jul 2006
Posts: 19
Reputation:
Solved Threads: 0
Hi,
I'm creating a website and would like to have a horizontal expandable (drop down) menu list. After doing a lot of search and reading, I found the the following methods:
When I create the menu with flash or javascript and try to view it in the browser (usually IE), my browser Popup blocker blocks some parts of the website and says:
Is there anyway I can prevent the popup blocker blocking my webpage?
And which method is recommended for creating an expandable menu?
I would really appreciate if anyone could help me out on this.
Thank you.
Sonya
I'm creating a website and would like to have a horizontal expandable (drop down) menu list. After doing a lot of search and reading, I found the the following methods:
- CSS - pseudo-class (:hover)
- Javascript - by using "onmouseover" or "onclick" detectors & Definition Lists (<dl>, <dt> and <dd>)
- Flash - by creating a flash movie/button and inserting it
When I create the menu with flash or javascript and try to view it in the browser (usually IE), my browser Popup blocker blocks some parts of the website and says:
"Did you notice the Information Bar? The information bar alerts you when Internet Explorer blocks a pop-up window or file download that might not be safe...."But the thing is, when I go to another website that does have flash or javascript, I don't get this message.
Is there anyway I can prevent the popup blocker blocking my webpage?
And which method is recommended for creating an expandable menu?
I would really appreciate if anyone could help me out on this.
Thank you.
Sonya
•
•
Join Date: Sep 2008
Posts: 10
Reputation:
Solved Threads: 2
Ok... first one to rule out is FLash - it is heavier to load, you need proprietary tools to maintain it - and it is more difficult to integrate with other technologies on your page.
CSS or JavaScript is a legitimate debate. I tend to favor JavaScript - mostly because I am ultimately needing to do somethings that are a bit more functional, or I need (or want) particular visual effects... (such as wipes or fades or other effects when a menu or sub menu appears).
CSS is a perfectly adequate (and elegant and fast) solution if you need something simple - and don't need effects, or to make alot of fancy manipulations.
If you are doing anything where one menu choice - means options in another menu change (say for example from data from the server) - then you are going to have to manipulate the DOM - and you are better off using JavaScript in the first place - IMHO
A note - in fact if you use JavaScript you will almost CERTAINLY be using CSS too... so it is not either or... it is just that there are also PURE CSS ways to make menus.
The error you are reporting should not occur for normal (DOM based) DHTML menu's created with JavaSript or CSS (or even Flash for that matter)... it sounds like somewhere you are calling window.open() - so if you post your code perhaps someone can help you find what is triggering the pop up blocker...
Good luck!!
CSS or JavaScript is a legitimate debate. I tend to favor JavaScript - mostly because I am ultimately needing to do somethings that are a bit more functional, or I need (or want) particular visual effects... (such as wipes or fades or other effects when a menu or sub menu appears).
CSS is a perfectly adequate (and elegant and fast) solution if you need something simple - and don't need effects, or to make alot of fancy manipulations.
If you are doing anything where one menu choice - means options in another menu change (say for example from data from the server) - then you are going to have to manipulate the DOM - and you are better off using JavaScript in the first place - IMHO
A note - in fact if you use JavaScript you will almost CERTAINLY be using CSS too... so it is not either or... it is just that there are also PURE CSS ways to make menus.
The error you are reporting should not occur for normal (DOM based) DHTML menu's created with JavaSript or CSS (or even Flash for that matter)... it sounds like somewhere you are calling window.open() - so if you post your code perhaps someone can help you find what is triggering the pop up blocker...
Good luck!!
•
•
Join Date: Oct 2007
Posts: 1,099
Reputation:
Solved Threads: 87
I've used menus from Here (CSS) that work very well:
http://www.cssplay.co.uk/menus/final_drop.html
http://www.cssplay.co.uk/menus/final_drop.html
BS, PH, CIB
•
•
Join Date: Sep 2008
Posts: 8
Reputation:
Solved Threads: 1
Here you can view a good article with exact code on how to make a drop box menu using javascript:
http://javascript-array.com/scripts/...rop_down_menu/
good luck!
http://javascript-array.com/scripts/...rop_down_menu/
good luck!
Take a look at http://www.webdesigner-forum.com/
![]() |
Other Threads in the HTML and CSS Forum
- Previous Thread: Why does this site throw a 403 Error on ONLY ONE ISP, while working everywhere else?
- Next Thread: Float Not working
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl






