반응형
- 모바일 [link] 부분
링크 부분을 [form]태그로 감싼뒤 action값을 본 pc홈페이지 index.*로 연결합니다. 메소드는 아무거나 상관없습니다.
그 후 a링크를 줄때 주소를 주지말고 자바스크립트로 submit을 구현해줍니다. 그다음 히든값을 원하는 값으로 넘기면됩니다.
모바일 페이지 link 구현부분.
<script type="text/javascript" language="javascript">
function method(ob){
ob.submit();
}
</script>
<form action="index.php" method="post" name="lk">
<a href="javascript:method(lk);">링크</a>
<input type="hidden" name="connect" value="1">
</form>
스크립트 문은 따로 js파일로 빼던지 <head>태그 사이에 넣던지 알아서 하세여 ㅋ
- 본 pc페이지 [index.*] 페이지
본 pc페이지의 index부분에는 javascript 문으로 페이지가 로딩될때 스마트폰을 걸러서 모바일웹페이지로 보내주게 해주는 문이 걸려있을지도 모릅니다. 이 부분에서 받은 form값의 조건을 검사하여 모바일웹페이지로 가지않게만 해주면 본 pc페이지로 접근 가능합니다.
본 pc페이지 index 상단 부분.
<?
$connect = '0';
extract(array_merge($HTTP_GET_VARS, $HTTP_POST_VARS));
?>
<script language='JavaScript'>
//모바일 페이지로 이동.
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce',
'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile');
for(var i=0;i<mobilePhones.length;i++){
if(uAgent.indexOf(mobilePhones[i]) != -1){
if(<?=$connect;?> == '0'){
document.location='모바일페이지 주소';
<? $connect = '0'; ?>
}
}
}
</script>
뭔지 아시겟죠?? 넘겨받은 변수값을 javascript문에서 검사하는겁니다.
php변수를 javascript에서 사용할수 있습니다. 단 javascript변수를 php에서 사용할수는 없죠.
서버사이드단에서 돌아가는 값을 클라이언트측에서 함부로 컨트롤했다가는 큰일나는 일이지요 ㅋ
반응형
'모바일웹' 카테고리의 다른 글
| 모바일 웹 뒤로가기 버튼 막기 (3) | 2015.12.17 |
|---|---|
| 링크걸기 (0) | 2013.02.18 |
| 모바일 웹사이트 제작 전 알아두면 좋은 10가지 (0) | 2013.02.18 |