My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다. AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.



kay
조회 수 4228 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

현재 카톡 버전업되어 작동안함.

추후 업데이트 예정.

 


점심시간 막간을 이용한 카스 + 카톡 연동하기 샘플

test Url : http://www.uhoon.co.kr/test/806.html




<!doctype html>
<html>
    <head>

		<title>나만의 초능력 확인하기</title>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8">
		<meta name="viewport" content="initial-scale=1,minimum-scale=1, maximum-scale=1">
		<script type="text/javascript" src="kakao/kakao.link.js"></script>
		<script src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
		<?php
			$myname = $_POST["myname"];
		?>
		<script type="text/javascript">

			var Num = Math.floor(Math.random() * 10);
			var myName = "<?php echo $myname; ?>";

			var sp1 = ["귤 껍질을 잘 벗기는 자"
			,"화장을 지배하는 자."
			,"미래를 바라보는 자."
			,"배변을 지배하는 자"
			,"승강장을 지배하는 자"
			,"급여를 거스르는 자"
			,"내가 가장 스마트 남자(여자)"
			,"내가 바로 품절남(녀)"
			,"잉여로운 시간의 주인"
			,"사장님을 지배하는 자"
			];
			var sp2 = ["한치의 오차도 없이 귤 한개로 끊김없이 벗긴다!"
			,"단 한번의 메이크 업으로 48시간 유지!"
			,"바라만 보는 자... 실천하세요."
			,"원하는 상대가 실시간으로 복통과 설사를 일으킨다.\n초초위험군."
			,"당신이 승강장에 도착하면 버스와 지하철이 곧이어 도착합니다.\n뚜벅계의 대모"
			,"들어온 월급을 거슬러 바로 사라지게 하는 능력\n이미 다들 갖고 계신가요..ㅠㅠ"
			,"랜덤으로 만진 스마트폰이 초기화 되는 능력소유자."
			,"내가 구매한 제품은 무조건 품절이 되는 능력."
			,"'솔로'특성과 '백수'특성이 결합하면 나타나는 능력으로 하루 종일 빈둥거려 시간이 잘 안가.."
			,"능력은 미지수..."
			];

			function executeKakaoStoryLink() {
                kakao.link("story").send({
                    post: "\n"+myName+"님 당신은 능력자\n\""+sp1[Num]+"\" 입니다.\n\n능력소개\n"+sp2[Num]+"\n\n\nhttp://goo.gl/MeUwY",
                    appid: "uhoon.co.kr",
                    appver: "2.0",
                    appname: "uhoon",
                    urlinfo: JSON.stringify({
                        title: "당신도 모르는 당신의 초능력",
                        desc: "자 이제 당신이 갖고 있는 능력 발전을 위해 노력합니다!",
                        imageurl: ["http://www.uhoon.co.kr/test/kakao/lotto.jpg"],
                        type: "article"
                    })
                });
            }
			function executeURLLink()
			{
				kakao.link("talk").send({
					msg : "\n"+myName+"님 당신은 능력자 \n\""+sp1[Num]+"\" 입니다.\n\n능력소개\n"+sp2[Num]+"\n\n",
					url : "http://goo.gl/MeUwY",
					appid : "uhoon.co.kr",
					appver : "2.0",
					appname : "능력개발",
					type : "link"
				});

			}
			function fnNameCheck()
			{
				if ($("#name").val() != "")
				{
					document.frmName.submit();
				}else{
					alert("이름을 입력해주세요.");
					$("#name").focus();
				}
			}
			<?php
			if($myname != "")
			{
			?>
			$( window ).load(function() {
				$("#sp1").html(sp1[Num]);
				$("#sp2").html(sp2[Num]);
			});
			<?php
			}
			?>
        </script>
        <style>
            body {
                background-color: #F7F7F0;
                text-align: center;
            }
            .btn {
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFB1F), to(#EBE70C));
                border-radius: 10px;
                width:320px;
                height:40px;
                box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0976563) 0px -1px 0px 0px;
                border:0px;
                font-size:1.25em;
                text-align: center;
                line-height: 40px;
                margin:0px auto;
            }
        </style>
    </head>

    <body>

		<h2>나만의 초능력 확인하기</h2>
		<br/>
		<?php
		if($myname=="")
		{
		?>
		<form method="post" action="806.html" name="frmName">
		<label for="이름" >이름을 입력해주세요.
		<br/>
		<input type="text" id="myname" name="myname" value="<?php echo $myname; ?>" /></label>
		<br/>
		<br/>
		<div class="btn" onclick="javascript:fnNameCheck();">확인하기</div>
		</form>
		<?php
		}else{
		?>
		<h5><?php echo $myname; ?> 님. 당신은 <br/></h5>
		<label for="능력" >능력 : "<span id="sp1"></span>"</label>
        <br/>
		<label for="효과" >효과 : "<span id="sp2"></span>"</label>
        <br/>
		<div id="map" style="width:100%;height:200px;display:none;"></div>
		<br/>
        <div class="btn" onclick="javascript:executeKakaoStoryLink()">카카오스토리 포스트하기</div>
		<br/>
		<div class="btn" onclick="javascript:executeURLLink()">카카오톡 공유하기</div>
		<?php
		}
		?>
		<br/>
		초능력 아이디어에 도움을 주신 뽐뿌 자게 분들께 감사드립니다.
		</body>
</html>


?

List of Articles
번호 제목 글쓴이 날짜 조회 수
5 Javascript 를 이용한 동적 그래프 생성 "Smoothie Charts" file kay 2014.08.20 2726
4 부트스트랩(bootstrap) - 프론트엔드 프레임웍 " 반응형 웹 쉽게 제작하기 " kay 2014.04.29 2387
3 CKEditor - WYSIWYG editor kay 2013.07.04 21000
2 브라우져에서 현재 위치(위경도) 읽어오기 - navigator.geolocation.getCurrentPosition() kay 2013.05.31 4193
» 카카오톡 + 카카오스토리 내보내기 연동 kay 2013.04.25 4228
Board Pagination Prev 1 Next
/ 1