'Jquery & Mobile'에 해당되는 글 42건

  1. 2011.09.19 [Mobile] - 모바일웹 Href 태그속성들
  2. 2011.09.19 [Mobile] - 모바일 웹에서 바탕화면 아이콘 추가소스
  3. 2011.09.01 [JqueryMobile] - JqueryMobile Device 가로세로 길이구하는 소스 예제
  4. 2011.08.22 [JqueryMobile] - 현재화면의 가로세로 사이즈 구하기
  5. 2011.08.04 [JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법
  6. 2011.08.01 [Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트
  7. 2011.08.01 [Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요) 2
  8. 2011.07.22 [JqueryMobile] - Count Bubble 사용법
  9. 2011.07.20 [JqueryMobile] - JqueryMobile pageshow 사용법
  10. 2011.07.12 [JqueryMobile] - JqueryMobile Iscroll 예제

[Mobile] - 모바일웹 Href 태그속성들

Jquery & Mobile 2011. 9. 19. 09:28
반응형
- 전화걸기 : <a href="tel:1588-1234">오라인포 고개센터</a>
- 문자보내기 : <a href="sms:010-1234-5678">문자보내기</a>
- 문자보내기 실행 : <a href="sms:">문자보내기</a>
- 메일보내기 실행 : <a href="mailto:">메일보내기</a>
- 메일보내기 : <a href="mailto:test@test.co.kr">메일보내기</a>
- 내용 채워서 메일 보내기 
  <a href="mailto:test@test.co.kr?cc=test@test.co.kr&bcc=test@test.co.kr&subject=test 
subject&body=test body"">메일보내기</a>
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[Jquery Mobile] - 아이폰 화면 세로 움직임 방지태그  (0) 2011.09.19
[Mobile] - 모바일 Input type 속성  (0) 2011.09.19
[Mobile] - 모바일 웹에서 바탕화면 아이콘 추가소스  (0) 2011.09.19
[JqueryMobile] - JqueryMobile Device 가로세로 길이구하는 소스 예제  (0) 2011.09.01
[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기  (0) 2011.08.22
:

[Mobile] - 모바일 웹에서 바탕화면 아이콘 추가소스

Jquery & Mobile 2011. 9. 19. 09:27
반응형
<link rel="apple-touch-icon" href="이미지경로.png" />

바탕화면으로 북마크 추가할때 생기는 이미지입니다 
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[Mobile] - 모바일 Input type 속성  (0) 2011.09.19
[Mobile] - 모바일웹 Href 태그속성들  (0) 2011.09.19
[JqueryMobile] - JqueryMobile Device 가로세로 길이구하는 소스 예제  (0) 2011.09.01
[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기  (0) 2011.08.22
[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법  (0) 2011.08.04
:

[JqueryMobile] - JqueryMobile Device 가로세로 길이구하는 소스 예제

Jquery & Mobile 2011. 9. 1. 11:28
반응형
<script type="text/javascript">

var client_width  = "";
var client_height = "";
         
        $(function(){
 report();
}); 

function report() {
$('#display').html(
 $('#load').width()+'x'+$('#load').height()
);
client_width  = $('#load').width() + "px";
client_height = $('#load').height() + "px";
}
</script>

<body onresize="report()"> 
    <!-- Start of first page -->  
   <div data-role="page" id="load" style="display: none;">  
 
<div data-role="header" data-backbtn="false">  
 
</div>  
 
<div data-role="content">   
<div id="display">
</div>
</div>  
 
<div data-role="footer" >  
 
</div>  
   </div>
</body> 
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[Mobile] - 모바일웹 Href 태그속성들  (0) 2011.09.19
[Mobile] - 모바일 웹에서 바탕화면 아이콘 추가소스  (0) 2011.09.19
[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기  (0) 2011.08.22
[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법  (0) 2011.08.04
[Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트  (0) 2011.08.01
:

[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기

Jquery & Mobile 2011. 8. 22. 12:08
반응형
var client_width  = "";
var client_height = "";

      $(function(){
        report();
      });

      function report() {
        $('#display').html(
          $('#load').width()+'x'+$('#load').height()
        );
client_width  = $('#load').width() + "px";
client_height = $('#load').height() + "px";
      }
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[Mobile] - 모바일 웹에서 바탕화면 아이콘 추가소스  (0) 2011.09.19
[JqueryMobile] - JqueryMobile Device 가로세로 길이구하는 소스 예제  (0) 2011.09.01
[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법  (0) 2011.08.04
[Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트  (0) 2011.08.01
[Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요)  (2) 2011.08.01
:

[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법

Jquery & Mobile 2011. 8. 4. 14:20
반응형
$(window).width();
$(window).height(); 

응용할곳이 많겠죠??ㅇ?ㅇ? 
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[JqueryMobile] - JqueryMobile Device 가로세로 길이구하는 소스 예제  (0) 2011.09.01
[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기  (0) 2011.08.22
[Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트  (0) 2011.08.01
[Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요)  (2) 2011.08.01
[JqueryMobile] - Count Bubble 사용법  (0) 2011.07.22
:

[Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트

Jquery & Mobile 2011. 8. 1. 11:26
반응형
http://blog.naver.com/mojomomo/30113890522
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[JqueryMobile] - 현재화면의 가로세로 사이즈 구하기  (0) 2011.08.22
[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법  (0) 2011.08.04
[Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요)  (2) 2011.08.01
[JqueryMobile] - Count Bubble 사용법  (0) 2011.07.22
[JqueryMobile] - JqueryMobile pageshow 사용법  (0) 2011.07.20
:

[Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요)

Jquery & Mobile 2011. 8. 1. 10:44
반응형

jquery.jcarousel.js

alert.css

skin.css

jquery-1.4.2.min.js


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
 <title>스타일 미리보기</title>
 <script type="text/javascript" src="/admin/js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript" src="/admin/js/jquery.jcarousel.js"></script>
 <link rel="stylesheet" type="text/css" href="/admin/css/skin.css" />
 <link rel="stylesheet" type="text/css" href="/admin/css/alert.css" />
 <script type="text/javascript">
 var myMessages = ['info','warning','error','success']; // define the messages types  
  jQuery(document).ready(function() {
   jQuery('#mycarousel').jcarousel();
  });

  function hideAllMessages()
  {
   var messagesHeights = new Array(); // this array will store height for each

   for (i=0; i<myMessages.length; i++)
   {
    messagesHeights[i] = $('.' + myMessages[i]).outerHeight(); // fill array
    $('.' + myMessages[i]).css('bottom', -messagesHeights[i]); //move element outside viewport
   }
  }

  function showMessage(type)
  {
   $('.'+ type +'-trigger').click(function(){
      hideAllMessages();     
      $('.'+type).animate({bottom:"0"}, 500);
   });
  }

  $(document).ready(function(){
  
    // Initially, hide them all
    hideAllMessages();
   
    // Show message
    for(var i=0;i<myMessages.length;i++)
    {
    showMessage(myMessages[i]);
    }
   
    // When message is clicked, hide it

    $('#hidemsg').click(function(){
    
    $('.message').animate({bottom: -$('.message').outerHeight()}, 500);

    }); 
   
  });
 </script>
</head>
<body>
 <div style="width:<?=$div_width?>;">
  <div>
   <button class="trigger info-trigger">펼침</button>
  </div>
   
  <div class="info message" style="clear:both;">
   <button id="hidemsg">닫기</button>
   <div id="wrap">
    <ul id="mycarousel" class="jcarousel-skin-tango">
     <li>열립니다.</li>
    </ul>
   </div>
  </div>
 </div>
</body>
</html>

 

반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법  (0) 2011.08.04
[Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트  (0) 2011.08.01
[JqueryMobile] - Count Bubble 사용법  (0) 2011.07.22
[JqueryMobile] - JqueryMobile pageshow 사용법  (0) 2011.07.20
[JqueryMobile] - JqueryMobile Iscroll 예제  (0) 2011.07.12
:

[JqueryMobile] - Count Bubble 사용법

Jquery & Mobile 2011. 7. 22. 15:43
반응형



<ul data-role="listview">
  <li><a href="#"></a><span class="ui-li-count"></span></li>
</ul> 
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[Jquery] - 웹디자이너분들 참고할만한 Jquery 사이트  (0) 2011.08.01
[Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요)  (2) 2011.08.01
[JqueryMobile] - JqueryMobile pageshow 사용법  (0) 2011.07.20
[JqueryMobile] - JqueryMobile Iscroll 예제  (0) 2011.07.12
[JqueryMobile] - 이미지 슬라이더 참조사이트  (0) 2011.07.05
:

[JqueryMobile] - JqueryMobile pageshow 사용법

Jquery & Mobile 2011. 7. 20. 23:41
반응형
$('div').live('pageshow',function(event, ui){
  alert("Test");
});
페이지가 숨겨질때엔 pagehide 


페이지 불러오기 전은 pagebeforeshow 


페이지 숨겨지기 전엔 pagebeforehide
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[Jquery] - 스르륵 열리는 알림창 사용법 및 소스(자세한 사항은 댓글로 문의하세요)  (2) 2011.08.01
[JqueryMobile] - Count Bubble 사용법  (0) 2011.07.22
[JqueryMobile] - JqueryMobile Iscroll 예제  (0) 2011.07.12
[JqueryMobile] - 이미지 슬라이더 참조사이트  (0) 2011.07.05
[Javascript] - 모바일웹 회전각도 보는 소스  (0) 2011.07.05
:

[JqueryMobile] - JqueryMobile Iscroll 예제

Jquery & Mobile 2011. 7. 12. 14:26
반응형
출처 :
http://jquerymobile.com/test/experiments/scrollview/scrollview-direction.html
반응형
저작자표시

'Jquery & Mobile' 카테고리의 다른 글

[JqueryMobile] - Count Bubble 사용법  (0) 2011.07.22
[JqueryMobile] - JqueryMobile pageshow 사용법  (0) 2011.07.20
[JqueryMobile] - 이미지 슬라이더 참조사이트  (0) 2011.07.05
[Javascript] - 모바일웹 회전각도 보는 소스  (0) 2011.07.05
[Jquery] - Plugin 모음사이트  (0) 2011.07.01
:
◀ PREV : [1] : [2] : [3] : [4] : [5] : NEXT ▶

티스토리툴바