Tweak on form needed

[theremotedr]

In my listings there is one sub menu.
It can be found by selecting Keys & Remotes / Honda

On the pc you would scroll down to Honda & select it, then a sub menu would appear to the right where you would then make the final selection.

On the iphone you would scroll down to Honda & select it but the page would the return to the top of the listings.
You would then need to finger scroll back down to Honda again where the sub menu would now be visible.
I am trying without any luck to have it work like this,select Honda,"no return to top" sub menu would appear,make final selection.

Changing the code now allows me to have the sub menu appear when selecting Honda without returning to the top.
Downside to this now is iphone has totally different Honda looking tab.
Same look on pc and now no selection possible from Honda either.

Iphone screen shots below.

http://i670.photobucket.com/albums/v...STS/honda1.jpg
http://i670.photobucket.com/albums/v...STS/honda2.jpg

It would be nice to have the sub menu appear on iphone when Honda selection is made.
I can easily put the code back to how it was but a fix/work around would be better,shame i cant easily fix it myself without asking for help.

Could you please check and advise.

Many Thanks.

[theremotedr]

Any help please.

[theremotedr]

Any one or advice to say its not possible.

[jscheuer1]

Probably doable. However, at the moment, if I hover over the keys and remotes and scroll down to Honda, it's not a link of any kind and there's no sub menu. This is on the PC in Opera, Firefox, Chrome and IE. I checked other pages, it's the same. So that has to be made to again work as you describe before it can be fixed for iPhone. Or, did you mean another place/menu?

[theremotedr]

Ok its now fixed.
Just to recap,
Pc is fine.
Iphone is this.
Scroll to keys & remotes,select Honda,it now scrolls to the top,you manually then scroll back down to Honda when you now see Civic,Crv,Jazz etc etc

I would like it to stop returning to the top after selecting Honda,just select Honda then see Civic,Crv,Jazz etc etc

[jscheuer1]

Because "#" here actually means 'go to the top', first thing I would try is changing:

<a href="#">Honda</a>

to:

<a href="javascript:void(0)">Honda</a>

The page may need to be refreshed and/or the browser cache cleared, to see changes.

[theremotedr]

I have so far put it on one link and it seems to work.
Looking here now generates 3 errors for that page.

http://validator.w3.org/check?uri=ht...Inline&group=0

[theremotedr]

Now sorted.

<a href="javascript:void(0)">Honda</a>
to
<li><a href="javascript:void(0)">Honda</a>

has done the trick and error messages have gone.

[jscheuer1]

Looks like you have changed it back to "#" for now, at least on the main page. If you prefer that for some reason, you can keep it and add:

<script type="text/javascript">
jQuery(function($){
	$('[href$="#"]').click(function(e){e.preventDefault();});
});
</script>

Anywhere after an instance of the main jQuery script is associated with the page. It will perhaps be better than the "javascript:void(0)" href idea.

Please note. You can use the "#" href with the above script, OR the "javascript:void(0)" href by itself - your choice.

The main difference I can see is that with the script and "#" href, on the PC you still have to click on Honda to see the sub menu, while with the "javascript:void(0)" href, the sub menu appears on hover of Honda on the PC.

[theremotedr]

The index page was a mistake and has now been changed.
I am to go with the (0) option as its nice and neat.

Having now edited the pages to <li><a href="javascript:void(0)">Honda</a>
I dont get the sub menu to appear on hover, still need to click on Honda ?

Iphone is perfect where the it does not scroll back to top each time.