jquery - iPad app using JQtouch Help needed -


so 2nd attempt @ creating ipad app using jquery , jqtouch (see other questions)

i wondering how can split readily available jqtouch theme app iphone uses 1 window - 2 windows. more suited ipad

so when user accesses page, navigation on left, , have main window.

when user clicks navigation link on left, div information appears in main window on right transition animation happening in main window , navigation remaining un changed.

what have far, menu links displayed on page, when menu link clicked, mennu links slide left reveal selected link.

i want menu links on left, when menu link clicked, selected link appears in window on right nice transistion animation.

who can me?????? please?

any reply appreciated.

im not sure if links allowed make this:

http://en.myfreeweb.ru/designing-an-ipad-web-application-with-jqtouc

how looks far:

jqtouch website @import "jqtouch.css"; @import "theme.css";

    <script type="text/javascript" charset="utf-8">         var jqt = new $.jqtouch({             icon: 'jqtouch.png',             addglosstoicon: false,             startupscreen: 'jqt_startup.png',             statusbar: 'black'         });     </script> </head> <body>     <div id="page1">         <div class="toolbar">             <h1>cism diary app</h1>         </div>         <ul class="edgetoedge">             <li><a class="pop" href="#page2">latest news</a></li>             <li><a href="#page3">important uploads</a></li>             <li><a href="#page4">personal details</a></li>             <li><a href="#page5">timetable</a></li>             <li><a href="#page6">tasks</a></li>             <li><a href="#page7">staff lookup</a></li>             <li><a href="#page8">university information</a></li>         </ul>     </div>     <div id="page2">          <div class="toolbar">             <a href="#" class="back">back</a>             <h1>latest news</h1>         </div>         <div class="info">             hello page 1 huiphguipghuipbuytbouybtouokhjpoinugbougnouygnou         </div>     </div>     <div id="page3">         <div class="toolbar">             <a href="#" class="back">back</a>             <h1>important uploads</h1>         </div>         <div class="info">             hello page 2         </div>     </div>     <div id="page4">         <div class="toolbar">             <a href="#" class="back">back</a>             <h1>personal details</h1>         </div>         <div class="info">             hello page 3         </div>     </div>     <div id="page5">         <div class="toolbar">             <a href="#" class="back">back</a>             <h1>timetable</h1>         </div>         <div class="info">             hello page th         </div>     </div>     <div id="page6">         <div class="toolbar">             <a href="#" class="back">back</a>             <h1>tasks</h1>         </div>         <div class="info">             hello page 3         </div>     </div>     <div id="page7">         <div class="toolbar">             <a href="#" class="back">back</a>             <h1>staff lookup</h1>         </div>         <div class="info">             hello page 3         </div>     </div>     <div id="page8">         <div class="toolbar">             <a href="#" class="back">back</a>             <h1>university information</h1>         </div>         <div class="info">             hello page 3         </div>     </div>  </body> 

i think should take @ fork of jqtouch - has ipad layout prebuilt css. has pane layout on left - , main window on right. incorporates iscroll smooth scrolling inside panes.

this fork of jqtouch easy use if have used original jqtouch. see here beedesk fork , demos:

https://github.com/beedesk/jqtouch


Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -