검색결과 리스트
js API에 해당되는 글 20건
- 2012.05.08 javascript 한글 영문 포함 문자 길이 간단히 알아내기
- 2012.05.04 jquery checkbox 체크박스 및 라디오버튼 간단히 체크 상태인지 확인
- 2012.05.04 javascript 현재 접속 주소(document.location.href) params 값과 원하는 데이타만 가져오기
- 2012.04.30 jQuery ajax와 콜백 callbacks 활용하기
- 2012.04.29 jQuery select 셀렉트 메뉴 onchange 이벤트
글
javascript 한글 영문 포함 문자 길이 간단히 알아내기
js API/javascript
2012. 5. 8. 11:06
한글과 영문이 섞인 문장의 길이를 간단히 체크하는 스크립트입니다.
기본적으로 확장은 어떻게든 가능한 것이겠죠?
기본적인 길이 체크 하는 소스입니다.
< script> function chkStrLength(str) { var str; var han_count=0; han_count = (escape(str)+"%u").match(/%u/g).length-1; return (str.length + han_count); } < /script>
'js API > javascript' 카테고리의 다른 글
javascript 현재 접속 주소(document.location.href) params 값과 원하는 데이타만 가져오기 (0) | 2012.05.04 |
---|---|
device (디바이스) 체크 및 종류 알아내기 (0) | 2012.04.10 |
설정
트랙백
댓글
글
jquery checkbox 체크박스 및 라디오버튼 간단히 체크 상태인지 확인
js API/jquery
2012. 5. 4. 22:55
jQuery를 이용해 checkbox 또는 라디오버튼이 체크 상태인지 확인 하는 심플 방법
< html > < input type="checkbox" id="isemail" value="Y" /> < /html> < script> $('#isemail').click(function (){ if( $(this).is(':checked') ){ //true alert('true'); }else{ alert('false'); } }); < /script>
'js API > jquery' 카테고리의 다른 글
checkbox 전체 선택 및 해제 또는 클릭이벤트에 따른 해제(undersocrjs) (0) | 2015.08.07 |
---|---|
id 값이 존재 하는지 체크 하기 (0) | 2012.06.18 |
jQuery ajax와 콜백 callbacks 활용하기 (0) | 2012.04.30 |
jQuery select 셀렉트 메뉴 onchange 이벤트 (0) | 2012.04.29 |
jQuery 특정 자바스크립트 로딩 후 실행 하기(동적 스크립트 로딩 및 액션) (0) | 2012.04.27 |
설정
트랙백
댓글
글
javascript 현재 접속 주소(document.location.href) params 값과 원하는 데이타만 가져오기
js API/javascript
2012. 5. 4. 17:17
javascript 로 현재 접속 URL 을 알아 낼 수 있는 스크립트 함수가
document.location.href 와 document.URL 이 있다. 이 주소로 현재 주소를 불러온다.
< script> // http://apmsoft.tistory.com/test.php?gid=123&n=000 var this_url = document.location.href; < /script>
#@ gid 값만 가져 오기
< script> function parseUrl( url ) { var a = document.createElement('a'); a.href = url; return a; } // ?gid=123&n=000 var s = parseUrl(lux_gaq[i]).search; if(s.match(/gid/)){ var id = s.match(/gid=([^&]+)/)[1]; // gid=123 alert('gid='+id); } < /script>
@ 실습 하기 /===============================================================
< script> var lux_drf=(document.referrer)?encodeURIComponent(document.referrer):encodeURIComponent(parent.document.referrer); var lux_page=(document.location)?encodeURIComponent(document.location):encodeURIComponent(document.URL); var lux_gaq=lux_gaq||[]; lux_gaq.push(['MjNFNzhNUFE5WDE%3D']); lux_gaq.push([lux_drf]); lux_gaq.push([lux_page]); (function(){ var lux_ga=document.createElement('script');lux_ga.type='text/javascript';lux_ga.async=true; lux_ga.src=('https:'==document.location.protocol?'https://ssl':'http://')+'test.com/ga.js'; var lux_gas=document.getElementsByTagName('script')[0];lux_gas.parentNode.insertBefore(lux_ga,lux_gas); })(); < /script>
// test.com/gajs function parseUrl( url ) { var a = document.createElement('a'); a.href = url; return a; } // 주소 : http://test.com/ga.html?kid=NEY2MExOTzFYNDM%3D var lux_params=''; var lux_ak=Array('gid','kid','mid'); for(var i=0;i
'js API > javascript' 카테고리의 다른 글
javascript 한글 영문 포함 문자 길이 간단히 알아내기 (0) | 2012.05.08 |
---|---|
device (디바이스) 체크 및 종류 알아내기 (0) | 2012.04.10 |
설정
트랙백
댓글
글
jQuery ajax와 콜백 callbacks 활용하기
js API/jquery
2012. 4. 30. 13:33
jQuery ajax와 $.Callback() 함수를 활용하기
$('#list').fusionAjaxRecord 를 통해 ajax 통신을 마친 후
외부 함수인 prints 로 데이타를 전송한다.
외부 함수 prints 의 obj 는 #list 를 리턴받은 값이고
외부 함수prints 의 data는 ajax를 통해 돌려받은 데이타값을 리턴받는 값이다
# @ 외부 함수인 prints 함수를 ajax 통신이 마친 후 호출 및 데이타 전송
< script type="text/javascript"> $(document).ready(function() { // obj : html 아이디 및 클래스 elementTag function prints(obj,data){ $.each(data, function(key,state) { // 값 처리 }); } $('#list').fusionAjaxRecord({ 'filename':'./modules/test_view.php', 'data':{ 'tname':'bbs_notice', 'current_record':'1' } }, prints); }); < /script>
@# 전체소스 /==========================================================
< script> jQuery(function($) { /** @prints : 외부 함수 function prints(){} function prints(obj, data){ } $('#list').fusionAjaxRecord({ 'filename':'./modules/bbs_view.php', 'data':{ page:1, uid:10 } }, prints); */ $.fn.fusionAjaxRecord= function(params,callMethod) { var targetID = $(this); var callbacks = $.Callbacks(); var callFunction =callMethod; var param = $.extend({ filename : null, data : '' },params||{}); $.ajax({ type: "post", url: param.filename, cache: false, dataType :'text', data :param.data, success: function(data, status) { var json = eval("(" + data + ")"); if(typeof(json.result) != 'undefined') { if(json.result == 'false') alert(json.msg); else{ callbacks.add(callFunction); callbacks.fire(targetID,json); } } }, error: function(data, status, errorThrown){ alert(data.responseText+' '+status+' '+errorThrown); } }); } }); < /script>
'js API > jquery' 카테고리의 다른 글
id 값이 존재 하는지 체크 하기 (0) | 2012.06.18 |
---|---|
jquery checkbox 체크박스 및 라디오버튼 간단히 체크 상태인지 확인 (0) | 2012.05.04 |
jQuery select 셀렉트 메뉴 onchange 이벤트 (0) | 2012.04.29 |
jQuery 특정 자바스크립트 로딩 후 실행 하기(동적 스크립트 로딩 및 액션) (0) | 2012.04.27 |
jQuery 마우스 롤오버 이미지 기능과 메뉴 활성화 및 필요없는 메뉴 지우기 (1) | 2012.04.26 |
설정
트랙백
댓글
글
jQuery select 셀렉트 메뉴 onchange 이벤트
js API/jquery
2012. 4. 29. 00:28
jQuery SELECT 메뉴 onChange 이벤트
#@ HTML
< select name="selectEmail" id="selectEmail"> < option value="">직접입력< /option> < option value="naver.com">naver.com< /option> < option value="chol.com">chol.com< /option> < option value="dreamwiz.com">dreamwiz.com< /option> < option value="empal.com">empal.com< /option> < /select>
#@ 방법 1 /=============
< script> $(document).ready(function() { $('#selectEmail').change(function(){ alert( $("#selectEmail option:selected").val() ); }); }); < /script>
#@ 방법2 /===============
< script> $(document).ready(function() { $('#selectEmail').change(function(){ $("#selectEmail option:selected").each(function () { alert( $(this).val()+' '+ $(this).text() ); }); }); }); < /script>
'js API > jquery' 카테고리의 다른 글
jquery checkbox 체크박스 및 라디오버튼 간단히 체크 상태인지 확인 (0) | 2012.05.04 |
---|---|
jQuery ajax와 콜백 callbacks 활용하기 (0) | 2012.04.30 |
jQuery 특정 자바스크립트 로딩 후 실행 하기(동적 스크립트 로딩 및 액션) (0) | 2012.04.27 |
jQuery 마우스 롤오버 이미지 기능과 메뉴 활성화 및 필요없는 메뉴 지우기 (1) | 2012.04.26 |
jQuery를 이용한 메인 공지 에니메이션 (0) | 2012.04.26 |