Mark Sanctuary

Devices Page Scenes and Programs look the same but with the appropriate buttons.

Main Page

Original version is intact and is very close to done, and with some testing on my phone I have gotten the scale of the buttons and fonts looking good. I will get all some new screen captures when I get to work so you can see the new buttons. The last few tasks I am working on are; the JavaScript and CSS files have some extra junk I need to now clean out so I am not wasting bandwidth when it’s downloaded by users by their phone. Optimizing the generated HTML so again bandwidth is not wasted. Fast loading speed is the goal. From what I have read and videos I have watched for web-apps, is that this is a part of the JavaScript and that it is released to Safari Mobile. I just can't find if it’s an onMouse type of call and how one might use it. I can't even find info for it for native-apps either. Oh well I will figure it out at some point.

Ok I know that the gestures are doable I just can't find the docs or info on how it works and should be coded. Anyone else seen anything on the iPhone JavaScript gestures? gestureStart gestureChange gestureEnd

Not sure why that would be true. Maybe a better way to say it is; it looks less like an iPhone design. No worries I am looking into having options so both desighs could exist. Also I have found out that I might be able to to the left/right gesture to dim/brighten for the more simple design.

I don't know where my silly head has been but I need to login to the apple developer website and get the web developer kit I think it has info for using gestures in web content. geese.

My first design that you have seen me post here I was trying to recreate a remote type of design. But I am thinking that is not within the scope of the iPhone, so I am heading toward a more simple design and I like your idea. I have several test cases built now. This first design is more to get my feet wet in CSS and JavaScript. Its been a few years since I fiddled with JavaScript. The final result may be more of a merge of all the ideas approach, or there may be a way to save options in a small file on the ISY (because the iPhone only saves cookies and I rather not store options in a cookie) from the iPhone then I could have both designs selectable. I like the idea of the touch for on and touch for off. You know what would be cool too if I could figure out how to catch a swipe. Then you could swipe right to brighten and swipe left to dim. Oooo... now I think that a swipe idea is something to research.

Thank You! Michel is working to help me interface it with the ISY too so I am getting a bit of help.

I finally figured out how to test this on my iPhone I have some format bugs to figure out, but the page switching function part is working well.

I don't have the other browsers loaded, so I don't know. I am working with TopstylePro to conform to CSS 2.1 and 99% of the options I am using meet that. It looks like the corner rounding and text shadowing is really the only option that only works in Safari. I am happy to report all buttons now are shaded in iPhone style. I had a friend here at work that is good with PhotoShop create me some nice gradient slivers to make it work.

The "My Lighting" main page with fancy buttons now done. I was able to find CSS options that worked in both browsers to smear the button across a div ... yipee!

Ok I will send an email. Also I think I will send you a file copy of what I have done so we can discuss the way to accomplish the best end result.

I think I am going to be able to reduce my JavaScript file down a third in file size with some function consoladation.

The design consists of; 1 HTML file, 1 CSS file, and one JavaScript file which all total 20k. It was the only way to get complete iPhone functionality. If you want I can write the loops myself if you can provide me JavaScript callbacks to get: Node Node Name Device Status Device Type (toggle, dimmer) And callbacks to launch devices, scenes, and programs. Also I am looking at the HTML that is generated by the ISY for clues to what I need to do. We can get an email going if you want me to work on this, I want to help in any way I can.

az1324, It could be used by any browser now. Mostly smart handheld devices with CSS and JavaScript support, because of its designed scale. Michel, I am running out of visual stuff to complete for version 1.0 of this interface. All is left is to add the "for" loops to provide the data. Since I don't have the callbacks for this do you want to create the "for" loops?

Update; all 4 pages are now done. Button connections between pages done. Working on optimizing code for file size. I am almost there.

Update; all three (devices, scenes, programs) pages are done. Working on a ISY home page.

User agent, good idea, that way you won't need to do /iphone then.

Thanks! I have to finish up the Scenes and Programs pages then I will get this over to Michel. Should not take much longer because now I have this page roughed in. I am getting 1.0 done with this simple effective design, after that I will try to get the fancy buttons, side sweeping pages, and other bells and whistles later. About the colors; I used to have them all grey buttons when I first started, but it seemed hard to distinguish the differences between buttons. Are the colors ok with all?

Second example, now both browsers are simular. It was a bit tricky; I had to go to a CSS float left and float right design that worked in both browsers. Internet Explorer ---------------------------------------- Safari

It was the Fox copy that was poorly formated Joes is well formatted and easy to read.

Yeah I snatched the ini.css file last night from fox and was looking at it. Quite interesting code. The copy from Fox is poorly formatted which makes it hard to read, but does look like it might have merits in creating native iPhone look. I will work with understanding it more from Joes website. Thanks for the pointer! The other trick I have to perform here is make it work for all web browsers and so far the ini.css did not do this well at Fox. I will have to see what I can do about this problem. This may be something Fox is doing to it.

We have been addition/remodeling the house since 2003, no need to say no more...

I am learning about the iPhone webapps with this bit of code for the ISY so thanks for the understanding/help I am sure I need all I can get. I am already a part of the Apple developer program and have visited this site often, but I will head back and get a review of the video you suggested. I forgot that Java and JavaScript are two different things. I have written tons of JavaScript but have not gotten into Java to much. Most of the languages I work in these days at work are script languages. My current favorite is tcl/tk.

The round buttons only are in Safari, with staying in the confinds of CSS there is no option that I can find for IE. So what is in the iPhone browser got ... just JavaScript?