dotMobimobiThinkingmobiForgemobiReadyDeviceAtlasgoMobi
background image

Posted by rcmx - 29 Sep 2008

pic
 rcmx
mobiForge Newbie
Posts: 4
Joined: 5 years ago
[offline]

Friends:
I have found that the following drop-down menu code works fine on a standard html page when accessed through a desktop computer, BUT when it's viewed on a mobile device (such as an iPhone or Blackberry) it's not clear how to make the menu actually function, even though it nevertheless downloads well:
.

Drop-down menu: select a page and this will
take
you there AUTOMATICALLY
------------------
Page1
Page2
Page3
Page4
Page5

.
Perhaps in order to achieve mobile compatibility, one has to add a "Go" button like the one to the right of the menus here?
.
http://revlon.com/Information/Wheretobuy.aspx
.
Regardless, I wish I knew how to do so in a way that would be compatible with mobile devices. Any advice would be much appreciated please.

Posted by rcmx 5 years ago

pic
 rcmx
mobiForge Newbie
Posts: 4
Joined: 5 years ago
[offline]

How can I get the code to appear as code, instead of as the results emanating from the code?

Posted by rcmx 5 years ago

pic
 rcmx
mobiForge Newbie
Posts: 4
Joined: 5 years ago
[offline]
<FORM> 
<CENTER> 
<SELECT name="menu" size="5" onchange="top.location 
=this.form.menu.options[this.form.menu.selectedIndex].value"> 
<OPTION selected value="#">Drop-down menu: select a page and this will 
take 
you there AUTOMATICALLY 
<OPTION>------------------ 
<OPTION value="http://www.website.com/page1">Page1 
<OPTION value="http://www.website.com/page2">Page2 
<OPTION value="http://www.website.com/page3">Page3 
<OPTION value="http://www.website.com/page4">Page4 
<OPTION value="http://www.website.com/page5">Page5</SELECT> 
<P> 
<code>

Posted by rcmx 5 years ago

pic
 rcmx
mobiForge Newbie
Posts: 4
Joined: 5 years ago
[offline]

Oh good, that worked :-)

Posted by daniel.hunt 5 years ago

pic
 daniel.hunt
dotMobi logo
Mobile Grandmaster
Posts: 230
Joined: 6 years ago
[offline]

Good morning! Yeah, there's no preview button - its a known issue :)

After a (very) quick google, I've found this post: http://lists.apple.com/archives/safari-iphone-web-dev/2008/Jul/msg00025.html

Quote:

Quote:

Recently, the iPhone/iPod Touch Safari onchange behavior for the element stopped working. I think it happened with the 2.0 ipod touch update.

My select box used to trigger an event, but now that event is ignored.

Is this just me? Or are others having this problem?

Unfortunately, this is a bug in the iPhone OS 2.0 release:

REGRESSION (1.1.4-2.0): onchange events broken for lists with size or multiple attributes

The only workaround I know of is to remove the "size" and (if set) "multiple" attributes on the element. However, since all elements are drawn the same way on iPhone OS, this won't change its appearance there.

Thanks!

It may help you! What OS is your test iPhone running?

Daniel Hunt
dotMobi