各位午安，歡迎再度來到楓葉之音的更新文
然而，本次要分享的並不是資料更新，而是近期一連串的系統改善
======================================================================
本批更新共同的特點在於，都是使用了一種技術，稱之為AJAX
這是一種Javascript的網頁技術，可以不用重新整理網頁就取得資料
（再講下去就得去隔壁版了，詳細內容請自行詢問Google大神）
於是，首先在下就把搜尋給優化
https://www.facebook.com/MapleTunes.tw/videos/211665722642312/
Demo影片可以看到，當本人開始打字時，同步的就開始進行搜尋
省略掉了「按下送出鈕」的動作，更快速方便
隔天，本人想到，那這樣的話，首頁是不是也能用這個技術改一下呢？
事實上，也有人在網站的建議表單中提出
希望不要每次要找歌都重新回到選擇世界的地方（最首頁）
於是，本人又花了半天的時間把首頁整理一下，結合既有的清單瀏覽頁面
就成為目前各位在首頁可以看到的樣子了！
（是的，已經正式更新到首頁去了，大家可以去體驗一下XD）
並且，再把搜尋介面結合，更完美方便的瀏覽介面就此誕生啦！
現在進入網站，中央的區域可以看到一個綠色底的選單
http://i.imgur.com/G13GwSL.png
在選單的頭部，右邊會出現一個文字欄位
在裡面開始打字的話，就會自動開始搜尋，完全不需要按任何其他按鈕
http://i.imgur.com/kOHHIq4.png
不使用搜尋的話，只需將關鍵字全部清除，原本的區域選單就會重新出現
想要照以前的方式瀏覽歌曲的話，一樣可以直接點選區域
這時，會出現另一個子選單（上方的搜尋框也會同步消失）
http://i.imgur.com/GFPqW1N.png
以此類推，可以一直開到第三層，最後點選音樂時，就會在最下方的播放器播放
而要回到前一層也非常簡單，只要點選標頭處，就可以把該層次的選單重新叫出
不用每次都回到首頁啦！
當然，雖然以上的介面已經上線，但依然在持續優化中
也歡迎各位繼續提供各種意見！
--
========================優質楓之谷資源，盡在阿電的楓世界=======================
http://adian-msworld.weebly.com/
新楓之谷主題包系列 - 讓你的電腦和瀏覽器時時刻刻與楓之谷世界同在！
→→ http://is.gd/enOW2D ←←
楓葉之音 - 全台最完整、最人性化的楓之谷音樂資源網站！
→→ http://maplebgm.tk/ ←←
--
然而，本次要分享的並不是資料更新，而是近期一連串的系統改善
======================================================================
本批更新共同的特點在於，都是使用了一種技術，稱之為AJAX
這是一種Javascript的網頁技術，可以不用重新整理網頁就取得資料
（再講下去就得去隔壁版了，詳細內容請自行詢問Google大神）
於是，首先在下就把搜尋給優化
https://www.facebook.com/MapleTunes.tw/videos/211665722642312/
Demo影片可以看到，當本人開始打字時，同步的就開始進行搜尋
省略掉了「按下送出鈕」的動作，更快速方便
隔天，本人想到，那這樣的話，首頁是不是也能用這個技術改一下呢？
事實上，也有人在網站的建議表單中提出
希望不要每次要找歌都重新回到選擇世界的地方（最首頁）
於是，本人又花了半天的時間把首頁整理一下，結合既有的清單瀏覽頁面
就成為目前各位在首頁可以看到的樣子了！
（是的，已經正式更新到首頁去了，大家可以去體驗一下XD）
並且，再把搜尋介面結合，更完美方便的瀏覽介面就此誕生啦！
現在進入網站，中央的區域可以看到一個綠色底的選單
http://i.imgur.com/G13GwSL.png
在選單的頭部，右邊會出現一個文字欄位
在裡面開始打字的話，就會自動開始搜尋，完全不需要按任何其他按鈕
http://i.imgur.com/kOHHIq4.png
不使用搜尋的話，只需將關鍵字全部清除，原本的區域選單就會重新出現
想要照以前的方式瀏覽歌曲的話，一樣可以直接點選區域
這時，會出現另一個子選單（上方的搜尋框也會同步消失）
http://i.imgur.com/GFPqW1N.png
以此類推，可以一直開到第三層，最後點選音樂時，就會在最下方的播放器播放
而要回到前一層也非常簡單，只要點選標頭處，就可以把該層次的選單重新叫出
不用每次都回到首頁啦！
當然，雖然以上的介面已經上線，但依然在持續優化中
也歡迎各位繼續提供各種意見！
--
========================優質楓之谷資源，盡在阿電的楓世界=======================
http://adian-msworld.weebly.com/
新楓之谷主題包系列 - 讓你的電腦和瀏覽器時時刻刻與楓之谷世界同在！
→→ http://is.gd/enOW2D ←←
楓葉之音 - 全台最完整、最人性化的楓之谷音樂資源網站！
→→ http://maplebgm.tk/ ←←
--
All Comments