Easier Life~ 簡單點生活 ~ easier | simpler

Android CLIP-IMER scrapbook input method (copy & paste)

Browse articles message, we found a good text without hesitation,
Copied directly and immediately save.

Copy and paste functions to strengthen
You can automatically copy had been kept down text
Combined with the keyboard and scrapbook
Provide input method, you can quickly enter
Provides floating button, you can quickly switch the input method
You can add tags to classify all content in order to make management

https://play.google.com/store/apps/details?id=shiaukai.app.clipkeyboard

jquery mobile dynamic append dom

在使用jquery mobile時，
動態新增dom之後
會發現，介面不會更新
這時
若是select
需要再執行 select.selectmenu('refresh', true);
若是div 執行 dom.trigger("create");
即可更新介面

javascript json object to string

在javascript 中要將json object 轉成字串，
JSON.stringify(object);

使用jQuery mobile

最近都在使用jQuery，對我這種對美感少了很多sense的人，真的是一大好物阿！！！！！！來談談jQuery mobile，
1.jQuery mobile 不是新的語言也不是新的javascript library，他還是jquery，是類似jQuery ui東西。
2.他主要在針對移動終端（android、ios等等）作介面設計，可以很快速的發展手機版網頁或應用。廢話不多說，直接來一個簡單的範例

<!DOCTYPE html>
<html>
 <head>
 <title>jQuery Mobile Tutorial on Codeforest.net</title>
 <link type="text/css" rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
 <script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js "></script>
</head>
<body>
<div data-role="page">
 <div data-role="header">
 <h1>Title</h1>
 </div><!-- /header -->
 <div data-role="content">
 <p>The content</p>
 </div><!-- /content -->
 <div data-role="footer">
 <h4>The Footer</h4>
 </div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
jquery mobile 主要是以 data-role="" 的tag做設定，可以快速的做出手機版網頁的介面。
範例中的data-role有幾個
1. page ： 可以很快速的做出分頁
例如
<div data-role="page" id="page1">
   <div data-role="content">
     <a href="#page2">to page2</a>
   </div><!-- /content -->
</div>
<div data-role="page" id="page2">
   <div data-role="content">
     <a href="#page1">to page1</a>
   </div><!-- /content -->
</div>
這樣預設的狀況，會只顯示page1 ，按下連結to page2會直接切換到page2
切換之前也可以設定一些效果，這就不在這邊說明了
2. header
3.content
4.footer
2、3、4分別就是圖片中上中下的位置

jQuery ui radio input use button

使用方法很簡單，
<div id='radio'>
<input type='radio' name='radio' id='radio1'>
<label for='radio1'>是</label>
<input type='radio' name='radio' id='radio2'>
<label for='radio2'>否</label>
</div>
使用方法很簡單
$('#radio1').button();
$('#radio2').button();
也可以將兩個button分成一組
$('#radio').buttonset();
有一個需要注意的是
若在不同的div中有重覆的radio button
一定要把name設成不同的
例:
<div id='radio_div1'>
<input type='radio' name='radio' id='radio1'>
<label for='radio1'>是</label>
<input type='radio' name='radio' id='radio2'>
<label for='radio2'>否</label>
</div>
<div id='radio_div2'>
<input type='radio' name='radio' id='radio1'>
<label for='radio1'>是</label>
<input type='radio' name='radio' id='radio2'>
<label for='radio2'>否</label>
</div>

而因為radio_div1 和 radio_div2裡的input name完全一樣
這四個按鍵就會同時被影響
也就是說按了radio_div1 中的 radio1
再按radio_div2中的radio2
這時剛剛按的radio_div1中radio1的checked會被取消，且介面不會修改。
一定要注意

[android] line密訣:如何快速得知好友是否已封鎖你

相信每個人使用line時會個困擾，
就是不知道對方是否已封鎖你
主要有兩種方法可以知道
1. 查看個人資料或主頁
這個方法不一定準確，如果對方主頁本來是有資料，而後來突然空了，就很有可能封鎖你了。
2.利用聊天邀請
這個方法非常好用，只要隨便找個好友點聊天(不要傳任何訊息)，再邀請想要檢查的人，只要加的進來，代表沒有封鎖你，如果加不進來，基本上就是封鎖你了。(放心，只要不傳訊息，不管加了幾個人，那些人都不知道他被邀請)

jQuery ui button set checked

直接使用prop（"checked",true） ui不會有任何改變，
這時很簡單，直接使用click();
$('#button').click();
另外，在決定是否要click前，可以先檢查checked的值

jQuery 在oninput中使用ajax 造成輸入法吃字

最近發現，在input text 中使用oninput
因為每出一個符號(輸入法)
就會觸發一次event
而我的狀況，我沒辦法檢查是否是完成的字
可能是因為連續觸發太多次
結果在輸入中文的時後，後面一個字就被吃掉了
實際原因還在尋找中。

--------------
目前發現可以使用compositionstart、compositionend

$('#text').on('input', function() { if($(this).prop('imeStart')) return;//中文輸入法啟動中 . . . }).on('compositionstart', function(){ $(this).prop('imeStart', true); console.log('中文輸入法啟動'); }).on('compositionend', function(){ $(this).prop('imeStart', false); console.log('中文輸入法结束'); });

但有點可惜，目前還是無法兼容所有瀏覽器，只能再找找看還有沒有其他更好的方法了

jQuery 中 this 與 $(this) 的差異

this 為javascript 觸發事件（event）的物件本身
而$(this)就是把該物件轉成jQuery物件
此時才可對$(this)使用jQuery的函式

jQuery ui button 的一些注意事項

這幾天，在使用jQuery ui的時後發生了一個狀況
正常的狀況是上方的button0~button4
但這次卻發生了下方的五個button0

大小比正常的大，而重覆使用.button()是不會造成疊加的
最後發現的原因是因為，tag 的id 重覆了，
五個重覆的id 就疊加了五次。
結論是，在使用jQuery ui 的button()時，請注意每個要使用button()的tag id 是唯一的

訂閱：文章 (Atom)

Easier Life~ 簡單點生活 ~ easier | simpler | more convenient