Comments on: Spinning wheel on webkit for iPhone/iPod touch

By: spizza

spizza — Fri, 27 Aug 2010 01:05:05 +0000

I have the same problem. I narrowed it down to the reference to parts.js in the HTML file. if you remove the reference then the getSelectedValues works. So, something in parts.js is killing the script.

By: spizza

spizza — Fri, 27 Aug 2010 01:01:08 +0000

I am also having the same problem. I found that if I remove from the HTML file in the the following:
…then the getSelectedValues() works.
This is not a workaround however, as I need to include the parts.js

By: VP

VP — Thu, 26 Aug 2010 15:33:19 +0000

To get it working with jQTouch, just add the following to your own css file:

#sw-wrapper { display: block; min-height: 0 !important; }
#sw-slots ul { font: normal normal bold 16px/normal Helvetica; color: black; border: none; }
#sw-slots ul li { color: black; background-image: none; border: none; }

I used Chrome to compare the final CSS of the main elements of the demo with the one produced when using jQTouch and the jqt theme. If you’re using another theme, you may (or may not) need to override other jQTouch styles.

By: Matteo Spinelli

Matteo Spinelli — Wed, 25 Aug 2010 17:14:42 +0000

Thanks for sharing, Hari. I’ll soon revamp this script, so stay tuned!

By: Hari

Hari — Wed, 25 Aug 2010 09:28:54 +0000

Hi Matteo,

It seems like “window.pageYOffset” does not have any effect on iPhone and its always returning “0″. You may check this and you may modify the code.

Since our pages are long, by default we are not able to see the spinning wheel. So after opening spinning wheel, I’m scrolling to spinning wheel using following code.

location.href=”#sw-wrapper”;

I’m also grabbing the element id which has initiated the spinning wheel and I’m storing it in JS variable. Once the user click on Done or cancel, again I’m scrolling back to ‘the element’ using following code.

location.href=”#”+vEelementId;

I’m just sharing this as it can help others who are facing similar issue.

Thanks and Regards,
Hari

By: imran

imran — Wed, 25 Aug 2010 08:12:03 +0000

It is not working with JQTouch Framework becuase of its css.

By: Hari

Hari — Wed, 25 Aug 2010 07:37:37 +0000

Thanks Matteo. After opening spinning wheel, I’m trying to dynamically set the “sw-wrapper” position dynamically as follows.

document.getElementById(“sw-wrapper”).style.top = 420 + window.pageYOffset + ‘px’;

So that it will work fine in “Portrait mode”. But window.pageYOffset is always returning “0″ irrespective of page scoll position. Any clue on this?

Regards,
Hari

By: Brian

Brian — Tue, 24 Aug 2010 04:43:57 +0000

Ok, probably a complete noob question, but do I have to have webkit for this plugin to work?

By: Matteo Spinelli

Matteo Spinelli — Fri, 20 Aug 2010 14:09:22 +0000

no easy solution. I’d need to see the code. You probably have to find different ways to position the wheel.

By: Hari

Hari — Fri, 20 Aug 2010 05:44:08 +0000

Hi,

Thank you very much for such a wonderful plug-in

But in our application, window.innerHeight is returning document height instead of window height. So spinning wheel is always displaying at bottom of document and its not visible. Could you advise any fix for this?

Regards,
Hari