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>



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>





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



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>



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>