[PLUGIN] iScroll

iScroll

Version: 1.24 (11/12/2014)

Tried in Firefox 9.0.1 / Mobile Safari (iOS 4 & 5) - Other tests to come

Special thanks to Ashley, Smitchell and Kyatric, for help and advices.

Download iScroll.rar

READ THE HELP FILE

Hi folks, here is my iScroll plugin.

iScroll is originally a project created by Matteo Spinelli.

You could find more informations about the project on his website - http://cubiq.org/iscroll-4

This iScroll plugin allows you to create an iOS native-like scrolling, in a frame or in fullscreen mode.

Be aware of that is more a plugin for Smartphones than for desktop browsers (there'll be probably bugs on desktop computers).

The plugin works essentially in modifying CSS attributes of HTML elements.

I tried to create something which will be accessible to the most users without knowledge of HTML language, but this allows you to do more customized things though.

Nevertheless, you'll need the color values/names for all color parameters.

A good reference for it is the w3schools.com website, you'll find informations about colors here : http://www.w3schools.com/cssref/css_colors.asp

Considering the users feedbacks and my 'todo list', I'll try to add more options in order to get a fully control of customisation.

As usually, don't be afraid to report bugs, english mistakes, etc. but especially, don't be afraid to purpose ideas!

I'm actually writing the help file, but I decided to release the iScroll plugin without because I need feedbacks and I'm a little tired as well

I've worked on this plugin for more one month.

Finally, the plugin needs a plenty of parameters to be the most usefull it could be.

I had to think the way of adding actions differently because the action dialogs got too many things (I'm sure that some screen resolution wouldn't have been able

to access to all options :p).

Shortly : You add a line, set some basic parameters, set unique ID, and then you add some "addons" to it (image, border, etc.).

I'm aware that the eventsheet may being really overloaded but I'm pretty sure that this way makes iScroll easy to use...

All is controlled by the unique ID you set to the added line...

Well, let's try it. (in waiting for the help file, read the description, hopefully, without language mistakes :p)

Here's some example I did with this plugin.

some variations of the iScroll plugin options

some native-like webapps (tried an iOS 5 notification center)

quick test for game interface

Let me know about your project you'll do with iScroll, I will love to see how will you appropriate this.

Thanks for reading.

Love IT!!!! My life is that little bit happier <img src="smileys/smiley4.gif" border="0" align="middle" />.

Great work and very detailed, The customization of it is amazing.

Im playing around with it now, Getting used to the millions of actions and customization options!!

I am simply amazed <img src="smileys/smiley1.gif" border="0" align="middle" />

I will make a little example and test it on my iphone tonight and let you know how its working <img src="smileys/smiley1.gif" border="0" align="middle" />

Oh and as for my project.

Im using this plugin mainly for the level select.

this is how it shall look:

I'll have the level selection on the left, Ans using the canvas plugin a preview of the level on the right <img src="smileys/smiley4.gif" border="0" align="middle" />

septeven, How did you make the interface example?? I cant figure out how to put a image into a cell :O

smitchell

I'll add the help file hopefully soon. I'll send you a simple capx right now if you want.

Yes please :)

Changelog v1.01

[Fix] If user used the <b></b> html string, it occured a Construct 2 bug.

septeven, Im playing around with your plugin and as i said i would im adding a scoreboard to IScroll so it can be used on mobile devices.

But what i really need is a append new row feature, like the text box's append new line, Is this possible?

smitchell

What do you mean by a new row ?

Do you mean to go to next line ? If it is, look at the image example, there's some line that does this.

Or maybe you mean a new column ...

Please be more precise.

Thx

Hi,

Please somebody had a demo of this plugin?

Thanks

NRABrazil, im working on a demo.

septeven - Never-mind, i was being dumb <img src="smileys/smiley17.gif" border="0" align="middle" />.

But i found a bug. I tested a demo of mine on my iphone last night. And when i click on the input box no keyboard comes up, so you can't enter data..

NRABrazil it'll come with the help file. Hopefully before next week.

smitchell I'll check this.

Thanks,

I'll wait

smitchell

I just looked at this problem. On my ipad 2 with ios 4.3, it works well, as well as on my iphone 4 ios 5.0.1

Could you try again and if it does again, please send me your capx.

Thanks

Checked again, still not working <img src="smileys/smiley6.gif" border="0" align="middle" /> Here's the link im using to test: dl.dropbox.com/u/51270524/IScroll%20Test/index.html