Comments on: How To Create iPhone-Style Navigation (Part I)

By: Ahmed Samir

Ahmed Samir — Mon, 21 Nov 2011 08:44:02 +0000

I thanks for the bug fixing for IE 7,8

By: Rey

Rey — Mon, 31 Oct 2011 12:55:53 +0000

Hello,
I do a lot of tests, and I think this menu deserve to be designed to implement a menu in a web project, because the javascript is not done at all for that, I did some more tests to open a link in a modal box in other menu it works well but not this one, especially at the level html design it is very easy to implement, in fact it should be a javascript type as the iPod menu of filamentgroup while keeping your style is great.

By: Rey

Rey — Sat, 29 Oct 2011 22:16:53 +0000

Hello,

I use this menu in a web page, but the problem links to pages that do not work must be changed in the javascript to have clickable links.
thank you

By: LaToZ

LaToZ — Thu, 22 Sep 2011 10:29:50 +0000

It’s awesome Thanks

I’m have question. How configure this script to remember last open submenu when open link this way

if ( (selectedDiv.indexOf(\’#\’)) != 0)
{
window.location = selectedDiv;
}

When page reload menu start from main menu

Now I use this menu

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

When page reload I have select last open submenu.

By: chuy

chuy — Sat, 20 Aug 2011 00:22:29 +0000

thanks i just found a way to do it
just wrap this code
if (selectedDiv.indexOf(“#”) != 0) {
window.open(selectedDiv);
} else {
…..
….. if(selectedMargin.length > 0) {
…… }
…
}

arround

By: chuy

chuy — Fri, 19 Aug 2011 15:27:54 +0000

Im am using this slider menu on a portal that looks like a desktop with corporate apps, (sponsor wall flip) and when fliping an icon i show app description link to productive enviorment and a MORE menu, that can have link to tool blog, wiki, documentation, help, etc… looks very neat (will share when done) but how to i make a menu item link open the tool web page, click got disabled and only slides (i dont javascript much)

By: Hidayat Sagita

Hidayat Sagita — Fri, 17 Jun 2011 03:20:31 +0000

Hi Chong Wang,

You can use this plugin to add scrollbar on your parent div http://baijs.nl/tinyscrollbar/

By: Chong Wang

Chong Wang — Tue, 14 Jun 2011 01:31:52 +0000

Hi Hidayat,

This is very awesome! I trying to use this on my website project.

I face some issue when doing with this.

When i got a lot of menus in 1 level, i got no option to select those menu at the bottom. Can you add in some effect like “easing on mouseover” if the menu is more then parent height?

another issue is when i try to put 3 iphone-style navigation at the same page, it doesn’t work individually.

Thanks~

Regards,
Chong Wang

By: Hidayat Sagita

Hidayat Sagita — Thu, 24 Mar 2011 23:34:09 +0000

Hi Max,

Kudos! and thank you for finding the bug and hack for IE!

By: Max

Max — Thu, 24 Mar 2011 14:44:49 +0000

Hi Hidayat,

thank’s for sharing this – nearly perfect, beside the bloody IE8 complaining about “Invalid Object”.

add the following lines to the CSS file, and IE8 is happy.

.slider {
margin-left: 0px;
}

Regards,
Max