:::
所有書籍
「[1012]PHP進階開發及TadTools工具應用」目錄
MarkDown
10-6 上課範例：index.php
1. jQuery的用法
1-1 上課範例：index.html
2. 連動選單
2-1 上課範例：admin/index.php
2-2 上課範例：admin/ajax.php
3. 郵遞區號地址
3-1 上課範例：admin/index.php
3-2 上課範例：index.php
3-3 上課範例：ajax.php
4. 點擊編輯
4-1 上課範例：index.html
4-2 上課範例：save.php
4-3 上課範例：admin/index.php
4-4 上課範例：admin/save.php
5. 表單驗證
5-1 上課範例：admin/index.php
5-2 上課範例：index.php
5-3 上課範例：ajax.php
6. 表格拉動排序
6-1 上課範例：admin/cate.php
6-2 上課範例：admin/save_sort.php
7. 整合型上傳工具
7-1 上課範例：admin/index.php
7-2 上課範例：up_file.php
7-3 上課範例：index.php
8. 頁籤與小月曆之應用
8-1 上課範例：admin/index.php
8-2 上課範例：index.php
8-3 上課範例：ajax2.php
9. fullcalendar月曆應用
9-1 上課範例：birthday.php
9-2 上課範例：header.php
9-3 上課範例：get_events.php
10. QR Code應用
10-1 上課範例：xoops_version.php
10-2 上課範例：blocks/contact_qrcode.php
10-3 上課範例：templates/blocks/contact_qrcode.html
10-4 上課範例：pda.php
10-5 上課範例：blocks/contact_qrcode.php(不替換網址)
10-6 上課範例：index.php
11. Jquery Mobile
11-1 上課範例：blocks/contact_qrcode.php
11-2 上課範例：pda.php
11-3 上課範例：data.php
12. java上傳及影片播放
12-1 上課範例：data.php
12-2 上課範例：index.php
12-3 上課範例：jupload.php
12-4 上課範例：play.php
13. CSV的匯出與匯入
13-1 上課範例：通訊錄.csv
13-2 上課範例：admin/index.php
13-3 上課範例：__fgetcsv()
14. 產生Excel報表
14-1 上課範例：admin/excel.php
14-2 上課範例：admin/index.php
14-3 上課範例：admin/excel.php（多表）
15. 匯入Excel檔
15-1 上課範例：admin/excel.php
15-2 上課範例：admin/index.php
16. 用TCPDF產生PDF(上)
16-1 上課範例：admin/index.php
16-2 上課範例：admin/pdf.php
17. 用TCPDF產生PDF(下)
17-1 上課範例：admin/index.php
17-2 上課範例：admin/pdf2.php
17-3 上課範例：admin/pdf_all.php
18. 產出真實word檔
18-1 上課範例：admin/index.php
18-2 上課範例：admin/docx.php
11-1 上課範例：blocks/contact_qrcode.php
\[1012\]PHP進階開發及TadTools工具應用 ============================ [](http://www.tad0616.net/uploads/tad_book3/file/1012/11.pdf) ### 一、 jQuery Mobile（JQM）的特性 1. JQM幾乎支援所有的行動裝置： <http://jquerymobile.com/gbs/> 2. JQM以部分更新取代整頁更新，省掉CSS、JavaScript剖析的時間。也會用Cache加速瀏覽。 3. 完整API：<http://jquerymobile.com/demos/1.2.0/> 4. 中文版：<http://www.jqmapi.com/> ### 二、 jQuery Mobile的頁面結構 1. 宣告 HTML5 documnt，引入JQM的css及js檔 2. 一個JQM的網頁主要以page為單位，每個page可分成header、content與footer三個區域。 3. 在一個HTML檔案中可以放多個pages，不過每次只會顯示一個page。 ``` <pre class="brush: xhtml;" title="code"> <html> <head> <title>通訊錄</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel='stylesheet' href='".XOOPS_URL."/modules/tadtools/jquery.mobile/jquery.mobile.css' /> <script src='".XOOPS_URL."/modules/tadtools/jquery/jquery.js'></script> <script src='".XOOPS_URL."/modules/tadtools/jquery.mobile/jquery.mobile.js'></script> </head> <body> <div data-role='page'> <div data-role='header'> <a data-icon='arrow-l' data-rel='back'>回上頁</a> <h1>通訊錄</h1> <a href='#' data-icon='home'>回首頁</a> <div data-role='navbar' > <ul> <li><a href='#' data-icon='star' data-iconpos='top' data-theme='b'>基本資料</a></li> <li><a href='#' data-icon='search' data-iconpos='top' data-theme='b'>相關相片</a></li> <li><a href='#' data-icon='check' data-iconpos='top' data-theme='b'>相關檔案</a></li> </ul> </div> </div> <div data-role='content'> <ul data-role='listview' data-inset='false'> <li data-role='list-divider'>所有通訊錄列表</li> <li><a href='#page2'><img src='images/pic.png' /><h3>姓名</h3><p>文字描述</p></a> <span class='ui-li-count'>2</span></li> </ul> </div> <div data-role='footer'>共 N 筆資料</div> </div> <div data-role='page' id='page2'><div data-role='content'>第二頁</div></div> </body> </html> ``` 5. 通過設置viewport屬性為，會使寬度會被設定為設備的屏幕寬度。 6. 將鏈結<a>加以美化，只要將<ul> 指定data-role的屬性為listview就可以了。 7. data-inset='true' 指定若此listview現在文中間，會自動幫你在上下加上圓弧邊。 8. 用 data-role='list-divider'可做成列表的標題。 9. 在每個<li>的一開始加上一個 <img> , JQM就會自動把它放在最左邊當做縮圖 10. 在<li>裡面加上一個 <span class='ui-li-count'>，JQM會把內容包在圓框中並放在最右邊 ### 三、 jQuery Mobile的瀏覽列 1. 瀏覽列最多一行可以有五個 2. 圖示列表：<http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-icons.html> ### 四、 jQuery Mobile的表單 1. JQM會自動將很多表單的元素轉換為觸控較好操作的形式，並多了如Slider、Flip等表單元件。 2. 表單形式：<http://jquerymobile.com/demos/1.2.0/docs/forms/forms-all.html> 3. 利用<div data-role='fieldcontain'>表單</div>會針對不同的螢幕寬度做不同的布局。 ### 五、 模擬手機瀏覽器 1. Mobilizer：<http://www.springbox.com/mobilizer/> 需搭配Adobe AIR。 2. Opera Mobile Emulator：<http://www.opera.com/developer/tools/mobile/> </body></html>
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
582
人線上 (
185
人在瀏覽
線上書籍
)
會員: 0
訪客: 582
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
10-6 上課範例：index.php
