일전에 모바일웹에서 a 태그를 활용한 문자 메시지 내용을 입력하는 방법을 포스트 한적 있는데


이번엔 그걸 좀더 심화시켜 함수로 만들어 쓰는 방법이다



출처 : https://stackoverflow.com/questions/19387614/window-location-href-for-sms-messaging-platform-compatability


var ua = navigator.userAgent.toLowerCase();
var url;

if (ua.indexOf("iphone") > -1 || ua.indexOf("ipad") > -1)
    url = "sms:;body=test";
else
    url = "sms:?body=test";

//window.location.href = url;
 window.open (url);


stackoverflow 에서 찾은 소스인데 아래와 같이 함수로 만들어 사용하면 되겠다.



// 전송할 번호만 대입하면 된다.
function sms_msg( number ){
var ua = navigator.userAgent.toLowerCase();
var url;

if (ua.indexOf("iphone") > -1 || ua.indexOf("ipad") > -1)
	url = "sms:" + number + ";body=test";
else
	url = "sms:" + number + "?body=test";

//window.location.href = url;
window.open (url);
}

#자바스크립트 #모바일웹 #SMS #a태그 #smsbody #문자대입 #문자전송 #a태그활용 #모바일a태그 #php #넷프로 #netpro




일반적인 문자전송 앱으로 연결하는 링크는 아래와 같다


<a href="sms:010-1234-5678">문자로문의하기</a>



하지만 기본으로 내용을 지정해주고 싶다면 body 태그를 써준다.


<a href="sms:010-1234-5678?body=문의합니다!">문자로문의하기</a>







body 태그는 안드로이드에서만 작동하고 아이폰에서는 안된다...


ios 는 버전별로 인자전달방식이 다르다


Android (버전상관 없음) : sms:010-1234-5678?body=문의합니다


IOS 구버전 (8버전이하) : sms:010-1234-5678;body=문의합니다


IOS 신버전 (9버전이상) : sms:010-1234-5678&body=문의합니다



IOS 는 자동으로 업데이트 해주니 8버전 이하는 무시하고 체크하자


ex)


<a href="sms:010-1234-5678<?php echo (preg_match('/iPhone/', $_SERVER['HTTP_USER_AGENT'])) ? '&' : '?'; ?>body=문의합니다">문자로문의하기</a>


HTTP_USER_AGENT 로 접근 device 를 아이폰인지 아닌지만 체크하면 된다.




자바스크립트로 number_format 구현

기존 form.js 사용한다면 추가해 사용하세요~


String.prototype.number_format=function(){

return this.replace(/(\d)(?=(?:\d{3})+(?!\d))/g,'$1,');

}


사용법 ))

var numbers = 0;    // 숫자(int) 형
var change_num = new String(numbers);    // 문자(string) 열로 변환

alert( change_num.number_format() );    // 출력


var floor_math = function(val){
 var result = Math.floor(parseInt(val)/10)*10; // 0단위 자리 절사
 return result;
}

출처 :: http://script.ne.kr/view_qna.php?id=qnatour&keyfield=&keyword=&no=650&page=3&pages=open&offset=80&cate=741272473873&PHPSESSID=39fc12a1d2439b0c5bf18043138831bc


<img src="http://m.ok100.or.kr/images/logo.gif" onclick=how_size(this) title=이미지크기는얼마일까요 style=cursor:pointer>
<script language=javascript>
function get_image_size(id) {
    img = document.body.appendChild(document.createElement('img'))
    img.src = id.src;
    var w = img.offsetWidth;
    var h = img.offsetHeight;
    document.body.removeChild(img);
    return {width:w,height:h};
}
function how_size(img) {
    var size = get_image_size(img);
    alert('width:'+size.width+',height:'+size.height);
}
</script>
//업그레이드 2
<img src="http://m.ok100.or.kr/images/logo.gif" id="ImgView" />
<script language=javascript>
function get_image_size(id)
{
        // 제작자: Mlang-http://www.script.ne.kr (소스빼지마세요 자꾸빼내들 내시면 더 이상 소스 작업 안합니다.)
     img = document.body.appendChild(document.createElement('img'))
     img.src =document.getElementById(id).src;
     var w = img.offsetWidth;
     var h = img.offsetHeight;
     document.body.removeChild(img);
     alert(w);
}
</script>
<a href="javascript:get_image_size('ImgView');">how_size()</a> 
// 업그레이드 버전 2
<img src="http://m.ok100.or.kr/images/logo.gif" id="ImgView" />
<script language=javascript>
function get_image_size(id)
{
        // 제작자: Mlang-http://www.script.ne.kr (소스빼지마세요 자꾸빼내들 내시면 더 이상 소스 작업 안합니다.)
     img = document.body.appendChild(document.createElement('img'))
     img.src =document.getElementById(id).src;
     var w = img.offsetWidth;
     var h = img.offsetHeight;
     document.body.removeChild(img);
     alert(w);
}
</script>
<a href="javascript:get_image_size('ImgView');">how_size()</a> 


+ Recent posts