Sunday, June 17, 2007

Menu Navigation HTML JS good UI , CSS

----
wow what a great feedback FORM on the 'right bottom cornor' of this site , it was http://www.kampyle.com
http://www.oldschoolvalue.com/about/

----
Making page to expand for wide screens. this keeps lots of content on a single page as nowadays lots of people are using big screens. If screen is small it wraps the content. good html model to take for our (asr) trading blog.
http://www.zerohedge.com/article/four-scenarios-2010
- lots of blogs (Mr. K etc) do take small screen format coz they do not have content to fill wide screen format.

-http://www.tradingtheodds.com/ - another wide screen format .

---------
blog archieve smart way to keep all : you can do expand all and do a search on page to search a word in title.
http://tradingsuccess.com/blog/the-pivot-point-formula-1242.html
- good compact way of showing things , seems used dtree same one as 'fusion charts doc' but small fonts.
- keep this Tree menu in a left frame and display the results on 'right frame' in a 3 pane frame set example , so less flicker
- we can use this kind of menu for OIL notes on the web ( to discuss with other traders) , categorized by events like ' panic News ( dubai world 11/27 ), EIA report etc..
----------
this site shows no flickering when clicked on left hand side menu items. This style suits well for 'on line tutorial/manuals' in a company
http://www.w3schools.com/css/css_align.asp

---
this has great dropdown category list based on DIV , good one it seems this is the best since it has categories.
- it states some of the founders are from google ..., seems quality site , Mr. K ref..
http://ycharts.com/companies/search?q=AAPL%20vs%20MSFT&c=gross_profit_margin


----------
http://forums.stockfetcher.com/ui2/index.php site has good tabbed dividers to hold lots of data

-----
great filter : no page refresh , just mouse over and select 'doc type' , 'language'
- and selected 'engigh' , 'pdf' etc are attached to filter UI box so user is clear.
- this filtering gives only one selection in each category which is the case most of the time. if you see DICE.com 'area code' filter there you can select many like 408 , 510 etc..
- seems here in this docstoc above filter they are doing AJAX to get results of filter that is why no flicker of screen

http://www.docstoc.com/documents/business

asr: Have this kind of Menu to filter our posts on trading OIL etc ... like '4 day reversal ' etc..

---------------------
This is div show/hide based technique , easy to add more menus(than flash solution)and no big JS mess , simple one JS function . Here goes code
( copy of code saved in google DOCS under same title: Menu Navigation HTML JS )

 -- asr: keep all code in pre box
frame.htm code
----------------------


nav.htm code
---------------------------










td tr table //asr make it <> , i removed so that i can save in this blogger
BODY
-->



DROP DOWN JS MENU
http://www.codeproject.com/script/HVMenu/menu10_com.js -- at this url see right hand side 'mesage board' menu it is NICE , it all controlled these 2 .js fils and the inline js call function OpenMenuItem(subCat,section)
http://www.codeproject.com/script/HVMenu/cpmenu_var.js
http://www.codeproject.com/script/HVMenu/menu10_com.js