iPhone Web Page Template

[Kyle Matthews]

Care of Joe Hewitt, here's a great template for those iPhone sites we keep seeing pop up.

iSite Template

Here's the source: isite.zip.

[JedixJarf]

Nice.

[ethomson]

I've modified this template for my website that I want to create an iPhone version for. I'm fairly new to web design (I used dreamweaver to create my main site, but this task is beyond dreamweaver. I've changed around the code to suit my purpose, but now I need to know how to do several things.

How do I make a menu item (ie: E-Mail below) go to a contact form? I know how to create the contact form, but I don't see in the code where to change the navigation, only to create another sub list.

Next question, how would I set it up to go to the full site and bypass the script that redirects it to the iPhone version?

Ok, can't copy the code apparently...basically I've taken the artist names on this template and changed them to menu items (Property Search, Email Me, Your Home's Value, etc.) then album names I changed to sub lists.

[EricHvk]

I know nothing about javascript and i just need to be able to make links go to external pages with this template any ideas?

[the_rahul_009]

nice thanks

[IJudgeyI]

Hi there,

Thank you for this template, it's brilliant but i am trying to sell products via paypal within the site and i just can't get anything to work... Have you got any ideas on how to submit data to paypal so i can sell my products?

Thanks in Advance,

IJudgeyI

[djdraco]

Dude I've been looking for something like this so I can build my site for the iPhone

[IJudgeyI]

Check mine out bud. Xbox Pointz - King of Codes, King of Live! - If you log on on the computer it is the original site but if you go on it by iphone it redirects to this template the only thing is i need to get a way to link to other sites as you can't and also be able to sell via paypal which needs the buy now button

[Bradness]

Great template!

However, when linking to external sites, the page doesn't load.

Yes, I know the code that is causing it, and seeing as I'm not very knowledgeable in JavaScript, I cannot find a way to fix it.

Can you give an example of going to external sites if the link DOESNT begin with #?

[wiggy]

Great thanks

[xtrezpasor]

Once I get to the last selection how can I make it print out "you have select A B and C from the previous screens" ? I am trying to write an X10 controler and I dont know to tell which select the user made.

[emo-3amer]

Thanks, I edited it and here it is

Black NaTur3

I hope U like it ..

[mrlaugh01]

Thanks! Very handy.

[cleondann]

nice good work... You are seeming to be a good iphone app developer

[cleondann]

Well i had it covered with a set of iPhone-optimized web site templates.

[joe_glasgow]

Hi guys, if anyones interested I found out how to open external web pages using some simple javascript:

It's the onClick function I am using to override the 'a' and href attributes overriden in this templates javascript file, preventing external loading of pages.

in you '<a>' link that you would like to load externally, simply add the onClick attribute:
as an example:

<a href="#" onclick="window.open('http://www.jm-design.co.uk','Portfolio','resizable=yes,width=500 ,height=400, top=10, left=10');">Portfolio</a>

hope this helps,

Regards,

Joe

[me_myself]

Great posting. Thanks a lot for the template - was searching for something similar for a pretty long time.

I have one question - how do i add a login screen before showing the first level menus? login should have username, password and a login button - once login button is pressed, it should show the first level navigation. I tried altering the search form, but not able to get it right.

Please help. Thanks.

[jakobe]

Awesome template exactly what I was looking for for a quick mobile addition of some basic data I needed to display.

Questions:
- Looks & works great on my iphone(3gs) but many of my users will visit the link via Android
It looks great on Android too, but the windows dont scroll up/down with swipe

and actually opening it from desktop Firefox doesnt have any ability to scroll windows either...?

Is there a way to enable scroll bars or something in the .js file?

any help would be paramount as this is the last piece of the puzzle to achieve a flawless template.

thanks

okay maybe this? yes/no

in iphonenav.css

line 7:

change from:

overflow: hidden;

to

overflow: scroll;

but what does this actually do?

I dont see a differance in ios.


also, what would be a snippet of code to add an image to one of the swiped pages but not open an external page?

thanks a million for this

[Hilti26]

Hi guys I'm total newbie where can I host this script for the isite?? Cheers

[jakobe]

you can host it on any webserver, the files are very light and small.

modify all of your files and then upload them via FTP to a webserver such as Godaddy.

for example if your domain was paris.com

you would upload all of the files into the main directory for the domain
(keeping their original folder structure)

So by visiting the url on the iphone would bring up the files.