안녕하세요.
저는 Gear S로 Wearable Web App을 개발하고 있습니다.
현재 Wearable Web App의 샘플소스인 BookButons의 소스를 바탕으로( main.js파일은 똑같이 쓰고있습니다.)
버튼을 클릭할시 url이 호출되도록 프로그램을 실행시키려고
Tizen에 대한 http request 소스와 Ajaxs등등 많은 소스를 찾아서 적용시켜보고 바꿔보고 했지만 url이 호출되지는 않았습니다..
http request , Ajaxs 등 에 관해 아시는분은 제발 도와주시면 감사하겠습니다.
참고로 index파일의 소스중 2.3.4. 공정 머시기 적혀있는것은 신경안쓰셔도 됩니다.
1. 공정별... 이 버튼을 누르면적혀있는 url을 호출하고 싶습니다.
감사합니다. 수고하세요!!!!!
소스에 문제점이 발견된다면 지적해주시면 감사하겠습니다.!!
-index 파일 소스-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<script src="./lib/jquery.js"></script>
<script type="text/javascript" src="./lib/tau/mobile/js/tau.js" data-build-remove="false"></script>
<link rel="stylesheet" href="./lib/tau/mobile/theme/default/tau.css">
<script src="./js/main.js"></script>
<script>
// var strurl = "~외부링크가 있으면 글이 등록이 안되서 지웠습니다. (링크자리) =";
var xhr = new XMLHttpRequest();
function ScreenMove(scrno){
var strurl = "~외부링크가 있으면 글이 등록이 안되서 지웠습니다. (링크자리) =";
strurl = strurl + scrno;
window.alert(strurl);
xhr.open("GET",strurl,true);
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200)
{
alert(xhr,responseText);
}
}
xhr.send();
}
</script>
<title>Tizen Web IDE - Template - Tizen - Tizen Web UI Framework - Single-Page</title>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1></h1>
</div><!-- /header -->
<div data-role="content">
<p>
<input type="button" onclick="button1_click()" value="1.공정별 진행현황" >
<script>
function button1_click() {
var xhr = new XMLHttpRequest();
var strurl = "http://~외부링크가 있으면 글이 등록이 안되서 지웠습니다. (링크자리) ";
xhr.open("GET",strurl,true);
xhr.onreadystatechange = function(){
alert(xhr,responseText);
if(xhr.readyState == 4 && xhr.status == 200)
{
alert(xhr.responseText);
}
}
xhr.send();
window.alert(strurl);
}
</script>
<a href="http://외부링크가 있으면 글이 등록이 안되서 지웠습니다. (링크자리) > 2.재공품 현황 </a>
<script>
function button2_click() {
window.alert("2.재공품 현황을 누르셨습니다.");
//ScreenMove(2);
}
</script>
<a href="#" onclick="button3_click()" data-role="button" > 3.공사별 공정진행 </a>
<script>
function button3_click()
ScreenMove(3)
}
</script>
<a href="#" onclick="button4_click()" data-role="button" > 4.열박음 동영상</a>
<script>
function button4_click() {
ScreenMove(4);
}
</script>
<a href="test.html" data-role="button"> 뒤로가기 </a>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
-main.js. 소스-
var backEventListener = null;
var unregister = function() {
if ( backEventListener !== null ) {
document.removeEventListener( 'tizenhwkey', backEventListener );
backEventListener = null;
window.tizen.application.getCurrentApplication().exit();
}
}
//Initialize function
var init = function () {
// register once
if ( backEventListener !== null ) {
return;
}
// TODO:: Do your initialization job
console.log("init() called");
var backEvent = function(e) {
if ( e.keyName == "back" ) {
try {
if ( $.mobile.urlHistory.activeIndex <= 0 ) {
// if first page, terminate app
unregister();
} else {
// move previous page
$.mobile.urlHistory.activeIndex -= 1;
$.mobile.urlHistory.clearForward();
window.history.back();
}
} catch( ex ) {
unregister();
}
}
}
// add eventListener for tizenhwkey (Back Button)
document.addEventListener( 'tizenhwkey', backEvent );
backEventListener = backEvent;
};
$(document).bind( 'pageinit', init );
$(document).unload( unregister );