<!DOCTYPE html>
<html>
<head>
<link href="./lib/sencha-touch.css" rel="stylesheet"/>
<script type="text/javascript" src="./lib/sencha-touch-all.js"></script>
<script type="text/javascript">
Ext.setup({
onReady : function(){
var keyword = "nayha";
var refresh = function(){
timeline.setMasked({type:'loadMask',indicator:true});
Ext.data.JsonP.request({
url : 'http://search.twitter.com/search.json',
callbackKey : 'callback',
params : {
q: keyword,
rpp : 30
},
success : function(data){
timeline.setData(data.results);
},
callback : function(){
timeline.unmask();
}
})
};
var overlay = new Ext.Panel({
modal : true, hideOnMaskTap :true,
width : 300, height: 200,
html : 'overLAY'
});
var timeline = new Ext.Panel({
fullscreen : true,
scrollable : 'vertical',
tpl : [
'<tpl for =".">',
'<div class="tweet">',
'<div class="avatar">',
'<img src="{profile_image_url}" /></div>',
'<div class="tweet-content">',
'<h2>{from_user}</h2>',
'<p>{text}</p>',
'</div>',
'</div>',
'</tpl>'
],
items : [{
xtype : 'toolbar',
title : 'Twt Search',
dock : 'top',
ui : 'light',
align : 'right',
items:[{
iconCls : 'refresh',
iconMask : true,
handler : refresh
},
{
iconCls : 'search',
iconMask : true,
text :'search',
handler : function(btn,evt){
overlay.showBy(btn);
}}
]
},
{
dock :'top',
sytle : 'background : #555',
html : 'keyword' + keyword
}]
});
refresh();
}
});
</script>
</head>
<body>
</body>
</html>
':::: 개발 :::: > ::: JSCRIPT :::' 카테고리의 다른 글
| jqeury radio css control (0) | 2013.11.11 |
|---|---|
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| Dom(Document Object Model ) 이해하기 예제 1 (0) | 2012.05.12 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
| jQuery 웹 주소 & $ 딸라 충돌 오류 방지 (0) | 2011.04.22 |
| jQuery 아이프레임 부모창 제어하기 (0) | 2011.03.31 |