:::
XOOPS模組開發

tadnews模組手機版使用jQM開發

discuss pic 2012-09-07 09:38:02
重度依賴手機的我,很高興Tad老師新釋出的tadnews模組加入了手機版功能,手機版裡該有的都有了,不過在使用上總是感覺少了那麼一點fu,所以手癢自行修改了一些程式碼,並且套用jQuery Mobile,優點是可跨多種平台,做了一個簡易的成果,如附件截圖,由於手上只有iPhone可測試,有興趣的朋友歡迎一起討論^^
discuss pic 2012-09-07 12:30:11
tad
哈~可惜沒有讚可以按!不然先按十個讚給您!
其實我下一版就是想做這樣,只是還沒時間決定要套哪一個套件。
既然您有做出來了...願意分享一下嗎?
我來把它包到下一版的模組裡~~讓更多人受惠~
discuss pic 2012-09-07 13:28:05
Tad老師太客氣囉~
為了避免修改其他的程式碼
我把程式碼精簡了一下
附件壓縮檔內含pda.php及images資料夾
解壓縮覆蓋即可~

PS:朋友們覆蓋前請記得備份喔...
discuss pic 2012-09-07 13:51:09
tad
感謝感謝!!!
discuss pic 2012-09-20 09:12:41
目前已知附加檔案如果為圖片時,會有問題,因為點擊時會有幻燈片效果預覽圖,這裡採用的是TadTools內含的Lytebox幻燈片效果,在手機內會無法正常預覽,我試著將Lytebox更新為最新版並將語法重寫,仍無法運作,目前還在尋找解決方法....
discuss pic 2012-09-21 09:03:25
目前改用ColorBox似乎是比較好的方法,但是還不是太理想,今天先試用了尚未釋出的jQM 1.2.0,這版已經有加入了pop-up Lightbox功能,是比較完美的解決方案,看來只好等待新版本的發表了...
discuss pic 2012-10-03 07:18:07
昨天 jQM1.2.0 Final版發表
加入了新工具 Popups

附件修改了圖檔開啟錯誤的問題
並調整文章內容樣式設定

曾經下載過的朋友請重新下載以下附件。
discuss pic 2012-10-30 13:16:23
修正一些錯誤
加入Tad老師的首頁滑動圖文
加入標題搜尋功能
新聞清單取消上下頁改為向下新增...等
有興趣的朋友可以下載玩玩
如果有問題,也請您不吝指教~




discuss pic 2012-10-30 13:24:18
tad
馬上打包進去~
其實上次的已經有包到新版中了
只是想配合TadTools一併更新
所以都還沒釋出~~
discuss pic 2012-10-30 13:30:41
感謝Tad老師的支持
因為手上沒有太多不同手機及平板實機可測試
有問題其實也無法知道
如果能包到新版中,希望能藉此變得更好^^
discuss pic 2012-11-01 03:06:20
tad
我有在改了一些東西,例如jquery mobile開使用tadtools 1.10裡內建的
另外就是facebook可以正常顯示內容了(也是直接套tadtools 1.10版)
目前看起來很完美了!!!

哈哈~其他模組要不要順便一下啊....XD
(好懶的作者啊....)
discuss pic 2012-11-01 06:17:16
之前大概是鬼打牆,沒發現FB留言有問題Orz...
不知道是不是和Tad老師發現的問題一樣
就是文章內點選上下一篇後,FB留言沒出現
這一版因為啟用jQM的Ajax功能,換頁會用Ajax載入
但是下一頁FB的js沒有被載入觸發...
我再想想辦法好了>.<"
禁用Ajax可以先解決這個問題
在jquery-1.8.0.min.js和jquery.mobile-1.2.0.min.js兩個中間加入全域設定
<script>
$(document).bind('mobileinit', function(){
  $.mobile.ajaxEnabled=false;
});
</script>

PS:之前我有做tadgallery的jQM版,找時間整理一下再發上來
discuss pic 2012-11-01 06:35:41
tad
有效耶!等一下釋出~
discuss pic 2012-11-01 15:55:05
yyb
如果tad_discuss也加上jQuery Mobile就超棒的啦!!!
discuss pic 2012-11-02 00:29:45
tad
下一版吧~
時間超有限,很難一次做到完啊~
還是有誰有興趣一起來做就更好了~
discuss pic 2013-05-15 13:27:32
tadnews3.0發表後,找了一些零碎時間將tadnews的jQM版本改版
由於時間有限,目前只做了一些除錯和版面調整
有興趣的朋友可以下載看看~
另外,
文章的修改、新增功能,點選後會跳回pda.php首頁,因為手機裝置判斷程式碼寫在header.php裡了....
我能想到的方法是把header.php裡的
if($xoopsModuleConfig['use_pda']=='1'){
  if(file_exists(XOOPS_ROOT_PATH."/modules/tadtools/mobile_device_detect.php")){
    include_once XOOPS_ROOT_PATH."/modules/tadtools/mobile_device_detect.php";
    mobile_device_detect(true,false,true,true,true,true,true,'pda.php',false);
  }
}
刪除
並移寫到index.php中顯示單一新聞show_news函式裡,有沒有更好的方法呢??





discuss pic 2013-05-15 14:47:44
tad
感謝!馬上來測試一下!
discuss pic 2013-05-21 16:26:23
tad
若是拿掉修改的部份呢?
ckeditor在手機上似乎沒作用...
:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.cp22.secserverpros.com%2Fmodules%2Ftad_discuss%2Fdiscuss.php%3FBoardID%3D19%26DiscussID%3D2541%26g2p%3D1

線上使用者

202人線上 (121人在瀏覽討論留言)

會員: 0

訪客: 202

更多…