HTML Scroller Window

[Kaubs]

Before investing a lot of time into dev I wanted to check with the community and see if anyone has had any success in creating a scroller with pictures and sql db data dynamically locally via HTML. If you have any questions please ask! Thanks guys!

Kaubs

[Jellicle]

I use a native html scroller that pulls data from a SQLite database. I played with including icons against each line - it worked fine but I didn't use it as they took up too much space. So yes, it's possible.

(If I understand your question correctly...)

Cheers

Gerry

[Kaubs]

Sounds like you got it. Thats pretty similar to what I want to do. Unfortunate that I have to take this method to create a scroller but at least I've got something.

[Kaubs]

You dont happen to have an early stack example you wouldn't mind sharing do you?

[FireWorx]

If anyone has developed a pic wheel or scroller window that can easily except varied sizes of text on the fly, provides a list like behavior, and can be resized to say 60% of the iPad screen I would like to see that. If it accepts large fonts and colored text then even better. Html or LiveCode either one.

Dave

[Jellicle]

You dont happen to have an early stack example you wouldn't mind sharing do you?

Nope, sorry. But I build my html lists using open source iPhone css. You can find the files here: http://code.google.com/p/iphone-universal/.

You can see how I use it by downloading my app from the app store - search for "George Hrapp". I use this technique on the tweets and media screens of that app - play around and you'll find the lists The only slightly annoying thing is that line highlighting doesn't work perfectly on some kinds of lists - but it's good enough for me.

Cheers

Gerry

[Kaubs]

Great! Thanks, I'll take a look.

[FireWorx]

Hi Gerry,
Great job on the app. I downloaded the UiUIKit and I am looking it over. I have limited experience in javascript. Meaning I can do some editing of source code and sometimes replace entire lines of HTML or javascript code populated with user input from livecode to effect change on the HTML page. What I don't yet understand is how to get user input from the HTML page back into livecode. (for example when a html button is clicked. ) is there a way you might be able to upload a little stack that shows some simple ins and outs using UiUIKit?

Do you think with my limited knowledge of JS and HTML I would be better off trying to mimic the native IOS list button look and feel with say mobgui or otherwise by sticking to transcript rather than trying to use UiUIKit and javascript. Or do you think I should dive in and give the UiUIKit the old college try?

Thanks,
Dave

[Jellicle]

Dave, thanks

If you want to do more complex lists with buttons use data grids instead of html. Work through the lessons here: http://lessons.runrev.com/s/lessons/m/datagrid.

Cheers

Gerry

[FireWorx]

Hi Gerry,
I included the UiUIKit folder in the copy files section of the standalone settings, copied the entire folder over to the specialfolderpath documents folder, and loaded one of the list html pages from within the browser in live code.

The page loads fine and all the links work except the href link to the CSS page located in the "stylesheets" folder within the "UiUIKit" folder . So my pages have no "style'.

I tried placing the "iphone.css" file in the "UiUIKit" folder and changing the href link from <link rel="stylesheet" href="stylesheets/iphone.css" /> TO <link rel="stylesheet" href="iphone.css" />
but still no luck.

How did you deal with this?
Thanks,
Dave

[FireWorx]

I downloaded the stack you presented in this post.
http://forums.runrev.com/viewtopic.php? ... css#p38382
I opened up the hood and started tweaking some things and figured out how you make the CSS link available to the HTML page. I am now working on getting the .png images copied over and those href links working as well.
It's looking good! Thanks!
Dave

[Klaus]

Hi dave,

Hi Gerry,
I included the UiUIKit folder in the copy files section of the standalone settings, copied the entire folder over to the specialfolderpath documents folder, and loaded one of the list html pages from within the browser in live code.

The page loads fine and all the links work except the href link to the CSS page located in the "stylesheets" folder within the "UiUIKit" folder . So my pages have no "style'.

I tried placing the "iphone.css" file in the "UiUIKit" folder and changing the href link from <link rel="stylesheet" href="stylesheets/iphone.css" /> TO <link rel="stylesheet" href="iphone.css" />
but still no luck.

How did you deal with this?
Thanks,
Dave

erm... can't you also copy the CSS file to that folder?


Best

Klaus

[FireWorx]

Hi Klaus,
Yes I was able to take the folder containing all the html files and copy them over to the special folder path documents folder and then launch them ok but the CSS stylesheets folder and the images folder's were nested within that folder and they did not copy over. (must have been my script error) I separated those two folders out and loaded them into the copy files area and then my script copied them alongside the html folder and low and behold.... the CSS style link is working and the .png files are also linked and loading onto the web page.

SO that is cool!

Thanks
Dave