Welcome to iPadForums.net Guest - Click Here to Register

HTML Demo on iPad

This is a discussion on HTML Demo on iPad within the iPad General Discussions forums, part of the Apple iPad Discussions category; I want to show a HTML pages as a demo to a community event. Since I will not have Wi Fi at the event (and ...

iPadForums.net is the original Apple iPad Forum! Registered Users do not see these ads. Please Register - It's Free!
+ Reply to Thread
Results 1 to 6 of 6
  1. #1
    iPad Noob!
    Member #
    37560
    Join Date
    Mar 2011
    Location
    USA
    Posts
    1

    Question HTML Demo on iPad

    I want to show a HTML pages as a demo to a community event. Since I will not have Wi Fi at the event (and my iPad is not 3G) how can I download the HTML pages and store on my ipad?

    Any ideas? Is this impossible to do?

  2. Ads


  3. #2
    iPF Novice
    Member #
    7668
    Liked
    2 times
    Join Date
    Jun 2010
    Location
    Boca Raton
    Posts
    24
    Assuming the web content is all static, you could use something like GoodReader, which will display local HTML files just fine.

    Another option I use is an app called HTML Runtime. It's a bit tricky to set up (I don't think the author's native language is English), but it's designed to display locally-stored HTML that you move over to the device as a zip file. It's only $0.99.

    Two other options worth mentioning, if you simply need to show the webpages, but not nessarily the link/navigate between them:

    - Save the pages in question as .webarchive files using Safari on your Mac/PC and move them over to the iPad -- many reader-type apps (e.g. GoodReader) known how to display these types of files. This way you won't have to worry about copying all the HTML,CSS,image files, etc -- it will all be rolled into the webarchive file.

    - Many (if not most) of the popular 3rd party browsers such as iCab, Atomic, etc. also allow you to save pages for offline viewing later. The primary difference is that they are stored within the individual browser so you'll need to use that same app to view them.

    Hope this helps.

  4. #3
    iPad Noob!
    Member #
    39337
    Join Date
    Mar 2011
    Posts
    2
    Quote Originally Posted by Lagranger View Post
    Assuming the web content is all static, you could use something like GoodReader, which will display local HTML files just fine.

    Another option I use is an app called HTML Runtime. It's a bit tricky to set up (I don't think the author's native language is English), but it's designed to display locally-stored HTML that you move over to the device as a zip file. It's only $0.99.

    Two other options worth mentioning, if you simply need to show the webpages, but not nessarily the link/navigate between them:

    - Save the pages in question as .webarchive files using Safari on your Mac/PC and move them over to the iPad -- many reader-type apps (e.g. GoodReader) known how to display these types of files. This way you won't have to worry about copying all the HTML,CSS,image files, etc -- it will all be rolled into the webarchive file.

    - Many (if not most) of the popular 3rd party browsers such as iCab, Atomic, etc. also allow you to save pages for offline viewing later. The primary difference is that they are stored within the individual browser so you'll need to use that same app to view them.

    Hope this helps.
    Well, I have the same problem here, I need to show a html page on an event without internet connection.
    Please, help me with some doubts: any of the solutions that you suggested above work fine with a static HTML page that uses CSS and Javascript codes?
    An example: Can I "show-hide" HTML divs using javascript on GoodReader or HTML Runtime?
    Is there anyway to open a single local HTML file (with javascript and CSS) with Safari in an iPad?
    Thanks a lot!
    Phillipe

  5. #4
    iPF Novice
    Member #
    7668
    Liked
    2 times
    Join Date
    Jun 2010
    Location
    Boca Raton
    Posts
    24
    @philtrabalho: I tested a small html file* that contained both inline CSS and Javascript and both appeared to work just fine in GoodReader and HTML Runtime. (I suspect they are both using the same iOS UI framework for their web rendering anyway)

    BTW, one other (pricier) option I forgot to mention is Textastic, which is essentially a programmer's text editor for the iPad. Although it's primarily a design tool, it does allow previews if you're working on local HTML/CSS/Javascript files. Like GoodReader, it contains file management functions that allows you to arrange your local files in folders, etc.

    Hope this helps. (I'm a developer by trade, but I don't do much web-related stuff so don't take my answers as definitive)

    *I just used the first example of 'JS-controlled hidden divs' that google popped up: Hide and Show a Div Using Javascript Team Tutorials (I used the example in the last listing on the page)

  6. #5
    iPF Novice
    Member #
    37073
    Join Date
    Mar 2011
    Location
    Berlin
    Posts
    21
    Really nice demo, keep them coming!!..

  7. #6
    iPad Noob!
    Member #
    39337
    Join Date
    Mar 2011
    Posts
    2
    Quote Originally Posted by Lagranger View Post
    @philtrabalho: I tested a small html file* that contained both inline CSS and Javascript and both appeared to work just fine in GoodReader and HTML Runtime. (I suspect they are both using the same iOS UI framework for their web rendering anyway)

    BTW, one other (pricier) option I forgot to mention is Textastic, which is essentially a programmer's text editor for the iPad. Although it's primarily a design tool, it does allow previews if you're working on local HTML/CSS/Javascript files. Like GoodReader, it contains file management functions that allows you to arrange your local files in folders, etc.

    Hope this helps. (I'm a developer by trade, but I don't do much web-related stuff so don't take my answers as definitive)

    *I just used the first example of 'JS-controlled hidden divs' that google popped up: Hide and Show a Div Using Javascript Team Tutorials (I used the example in the last listing on the page)
    Thank you! I found another solution: Mercury browser. It has a "save webpage" option and has a offline viewer!!


Links

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Similar Threads

  1. Keynote for the iPad Demo
    By iDan in forum iWork Forum
    Replies: 1
    Last Post: 06-03-2010, 08:42 PM
  2. Numbers for the iPad Demo
    By iDan in forum iWork Forum
    Replies: 4
    Last Post: 05-11-2010, 09:16 PM
  3. Pages for the iPad Demo
    By iDan in forum iWork Forum
    Replies: 0
    Last Post: 04-02-2010, 04:39 PM
  4. N.O.V.A. iPad Demo
    By iDan in forum iPad Games
    Replies: 1
    Last Post: 01-31-2010, 11:34 PM
  5. Need For Speed - iPad Demo
    By iDan in forum iPad Games
    Replies: 0
    Last Post: 01-29-2010, 12:31 AM

Search tags for this page

best way to view html design files on an ipad
,
css local ipad
,
how to make a local html files for ipad
,

how to save html on ipad

,
ipad how to save web page locally
,

locally view a website on ipad

,
runtime javascript editor ipad
,
static web pages on ipad
Click on a term to search for related topics.