Posts Tagged ‘ JavaScript

[javascript] How to get all elements in form

<html>
<head>
<script type="text/javascript">
	function showFormElement(){
		//Get all element from object form
		var els = document.getElementById('sys_form').elements;
		var str = "";
		for(var i = 0; i < els.length; i++){
			str += "type : "+ els[i].type +" name : "+ 
			els[i].name + " id : "+ els[i].id +" value : "+ 
			els[i].value + "\n";
		} 
		alert(str);
	}
</script>
</head>
<body>
<form id="sys_form" name="sys_form" target="#">
	<input type="hidden" name="el_hidden" id="el_hidden" value="I'm hidden" />
	<input type="text" name="el_text" id="el_text" value="I'm text" /><br />
	<select name="el_select" id="el_select">
		<option value="xxx">xxx</option>
	</select><br />
	<input type="checkbox" name="el_checkbox" id="checkbox" checked /><br />
	<input type="radio" name="el_radio" /><br />
	<textarea name="el_textarea" id="el_textarea">I'm textarea</textarea><br />
	<br />
	<input type="button" value="Show Info" onclick="showFormElement();" /> 
</form>
</body>
</html>

หมายเหตุ : ถ้าใช้ jQuery นี่คงสบายกว่านี้

การบวกวันที่ เดือน ปี ใน javaScript

Note ไว้กันลืมเนื่องจากทำมานานแล้ว และคิดว่ายังคงใช้งานได้อยู่ เป็นวิํธีการบวกวันที่ เดือน และ ปี
การบวกวัน

/**
 * Add day to input date 
 * dateStr format must be month/day/year
 */
function calendarAddDay(dateStr, day){  
	//Create date object from input date
    var date = new Date(dateStr);		
	//Add day
    date.setDate(date.getDate()+day);  
   
    return date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();
} 

การบวกเดือน

/**
 * Add month to input date 
 * dateStr format must be month/day/year
 */
function calendarAddMonth(dateStr, month){  
	//Create date object from input date
    var date = new Date(dateStr);		
	//Add month
    date.setMonth(date.getMonth()+month);  
   
    return date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();
}  

การบวกปี

/**
 * Add year to input date 
 * dateStr format must be month/day/year
 */
function calendarAddYear(dateStr, year){  
	//Create date object from input date
    var date = new Date(dateStr);		
	//Add year
    date.setYear(date.getFullYear()+year);  
   
    return date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();
}  

Format Currency ด้วย JavaScript

เป็นตัวอย่าง Code การแปลงค่าตัวเลข ให้อยู่ในรูปแบบจำนวนเงิน ที่คั่นด้วย comma

function formatCurrency(val){     
	if(val == "" || val == null || val == "NULL") return val;
	
	//Split Decimals
    var arrs = val.toString().split("."); 	
	//Split data and reverse
	var revs = arrs[0].split("").reverse().join("");    	
	var len = revs.length;
    var tmp = "";  
    for(i = 0; i < len; i++){		
        if(i >0 && (i%3) == 0){  
            tmp+=","+revs.charAt(i);         
        }else{  
            tmp += revs.charAt(i);
        }  
    }  
	
	//Split data and reverse back
	tmp = tmp.split("").reverse().join("");	
	//Check Decimals
    if(arrs.length > 1 && arrs[1] != undefined){  
        tmp += "."+ arrs[1];  
    }  
    return tmp;  
} 

หลังจากเขียนและใช้มานาน เพิ่งรู้ว่ามี Library ที่คนอื่นเขียนไว้แล้วและใช้ประโยชน์ได้อย่างมากที่
JavaScript Number Format v1.5.4

Reference html parent page and child

ประกาศ page child ที่ได้สร้าง window parent ในที่นี้ สามารถกำหนดชื่อตัวแปร ได้เป็น ‘newwindow’

newwin = window.open(url, 'name', 'attribute') ;

กำหนด attribute หรือ กระทำ method กับ page child

newwin.location.reload(true);
newwin.document.getElementById('emId').value = 'data'; 

page child มีการอ้างถึง parent page ในลักษณะเดียวกัน แต่จะตายตัวที่เรียกใช้ “opener”

opener.location.reload(true);
opener.document.getElementById('emId').value = data; 

หมายเหตุ : Credit จากคุณ กานต์ เพื่อนร่วมงานครับ

การ trim ด้วย JavaScript

เป็น Code ที่ผมใช้บ่อยๆ แต่ไม่รู้ว่าถูกต้องแน่นอน หรือไม่ รูปก็คือ ใช้ Regular Expression มาช่วยครับ

function trim(str){  
	return str.replace(/^\s*|\s*$/g,"");  
}  

อย่างที่กล่าวไว้แต่แรกครับ ไม่รู้ว่าถูกต้องแค่ไหนแต่ผมก็ใช้งานกับ Application ที่พัฒนามาหลายตัวแล้วครับยังไม่เจอปัญหา