Wednesday, October 24, 2012

Tuesday, October 23, 2012

HTML5 GOOD Tutorial LINK

http://designmodo.com/50-useful-html5-tutorials-techniques-and-examples-for-web-developers/

Monday, October 22, 2012

Ajax Example MyStyle


function sendAjax() {

var xhr = new XMLHttpRequest();

var params="company_id="+"203"+"&"+"search.max="+max+"&"+"search.pos="+pos;
xhr.open( "GET",
'url?' + params,
true);
xhr.setRequestHeader(
'app-agent',
'platform_kind=20;platform_ver=1.0.1;device_id=0a171eecebeb462b1ba40f02c2d0d4374889d268;app_name=eagletalk_mobile;app_vers=3.0.4;device_model=jmeter;emulator=true;network_type=WiFi;');
xhr.setRequestHeader('access-token',
'gw343#Gb8MGMbNeHsHj22p4uuRD85cdQM=');
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200)
{
var obj = eval( '(' + xhr.responseText + ')' );
var list =  obj.list;
for(var i=0; i<list.length; i++){
var html= '<div class="frame" id="frame">'+
'<div id ="content" class="ccc">'+
'<p id="content_title"><strong>'+list[i].title+'</strong></p>'+
'<p id="right_time"><strong>'+getDate(list[i].reg_dttm)+'</strong>PM</p>'+
'</div>'+
'<div id="right_navi">'+
'<div id ="icon">'+
'<img src="image/com_icon_arrow.png">'+
'</div>'+
'</div>'+
'</div>'
$("#scroller-body").append(html);
}

// refresh
if(myScroll != null){
myScroll.refresh();
}
listSetting();
pos = pos+max;
isWorking = false;
}


}
xhr.send();
}

Android Touch Effect From Jquery


It effects Good

if you want to touch from mobile web

$('.ccc').bind('touchstart', function() {
$(this).css("background-color","blue");
});
$('.ccc').bind('touchend', function() {
$(this).css("background-color","yellow");
});

CSS good Effects

http://rockingcode.com/misc/photo-gallery-and-slideshow/20-background-effects-using-jquery-with-19-excellent-examples/

Friday, October 19, 2012

DSLR 사이트

http://www.slrclub.com/

Html heaer, center, footer


example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
#head {
height: 100px;
background: #ddd;
position: relative;
z-index: 1;
}
#body {
min-height: 100%;
margin: -100px 0 -50px;
}
* html #body {
height: 100%;
}
#content-area {
padding: 100px 0 50px;
}
#foot {
height: 50px;
background: #ddd;
}
</style>
</head>

<body>
<div id="head">
요건 100px 높이 헤드
</div>
<div id="body">
<div id="content-area">
<p>컨텐츠 영역 1</p>
<p>컨텐츠 영역 2</p>
<p>컨텐츠 영역 3</p>
<p>(계속 추가해서 테스트 가능)</p>
</div>
</div>
<div id="foot">
요건 50px 높이 풋
</div>
</body>
</html>