Category Archives: javascript

Convert Number to Indian Currency – Javascript

The below code to convert the number to Indian Currency.

<script language=”javascript” type=”text/javascript”>
function getFormattedNumber(A){
return(“”+A).charAt(0)!=”-”?getFormattedPositiveNumber(A):”-”+getFormattedPositiveNumber(-A)
}
function getRoundedAmount(E) {
var A = 2;
var D = E * Math.pow(10, A);
var C = Math.round(D);
var B = C / Math.pow(10, A);
return B.toString()
}
function getFormattedPositiveNumber(A, G) {
A = “” + A;
A = A.replace(/,/g, “”);
A = getRoundedAmount(A);
number = A;
if (number.length > 3 && number.length <= 12) {
var C = number.substring(number.length – 3, number.length);
var B = number.substring(0, number.length – 3);
var E = makeComma(B);
E = E + “,” + C;
if (G == 1) {
if (E.length > 11) {
var F = E.substr(0, 11);
var D = E.substr(F.length, E.length);
returnString = F + “<br>” + D;
return returnString
} else {
return E
}
} else {
return E
}
} else if (number.length > 12) {
alert(‘Number exceeds 12digits…’);
}
return number
}
function makeComma(A) {
if (A.length <= 2) {
return A
}
length1 = A.substr(0, (A.length – 2));
formattedInput = makeComma(length1) + “,” + A.substring(A.length – 2, A.length);
return formattedInput
}
function changeNumber(obj, val) {
val = getFormattedNumber(val);
obj.value = val;
}
var n = 12345223;
alert(getFormattedNumber(n));

</script>
<input type=”text” id=”" name=”txt_number” value=”" onkeyup=”javascript:changeNumber(this,this.value);” />

Dynamically Including JavaScript and CSS Files

<script language=“javascript” type=“text/javascript”>
function includeJS(src) {
if(document.createElement && document.getElementsByTagName) {
var headtag = document.getElementsByTagName(“head”)[0];
var newjs = document.createElement(“script”);
newjs.setAttribute(“type”, “text/javascript”);
newjs.setAttribute(“language”, “javascript”);
newjs.setAttribute(“src”, src);

headtag.appendChild(newjs);
}
}
function includeCSS(link) {
if(document.createElement && document.getElementsByTagName) {
var headtag = document.getElementsByTagName(“head”)[0];
var newcss = document.createElement(“link”);
newcss.setAttribute(“rel”, “stylesheet”);
newcss.setAttribute(“type”, “text/css”);
newcss.setAttribute(“href”, link);

headtag.appendChild(newcss);
}
}
function change() {
includeCSS(“http://domainname.com/selvam/testcss.css”);
includeJS(“http://domainname.com/selvam/testjs.js”);
}
</script>
<h1>Test H1</h1> <input type=“button” name=“cmd_button” id=“btn” value=” change screen” onclick=“change();”>

HTML Javascript Clone [copy] Selectbox

<script language=”javascript” type=”text/javascript”>
function copyselectbox(sourceobj, destobj) {
var sourceobj_options = sourceobj.options;
for(var i=0;i<sourceobj_options.length;i++) {
destobj.options[i] = new Option(sourceobj[i].text);
destobj.options[i].value = sourceobj[i].value;
}
}
function populateSelectbox(obj,value) {
if(obj)
for(i = 0; i<obj.length; i++)
if (obj[i].value.toLowerCase() == value.toLowerCase())
obj[i].selected = true;
}
function test() {
var selobj = document.getElementById(“sel_test”);
var destobj = document.getElementById(“sel_test1″);
copyselectbox(selobj, destobj);
var selvalue = selobj.options[selobj.selectedIndex].value;
populateSelectbox(destobj, selvalue);
}
</script>

<form name=”frmtest” id=”" action=”" method=”post”>
<select name=”sel_test” id=”sel_test”>
<option value=”1″>One</option>
<option value=”2″>Two</option>
<option value=”3″>Three</option>
</select><br>
<select name=”sel_test1″ id=”sel_test1″></select>
<input type=”button” name=”cmd_button” value=”Test” onclick=”javascript:test();”>
</form>

Javascript get Querystring value

function getQuerystringval(key, default_) {
if (default_==null) default_=”";
key = key.replace(/[\[]/,”\\\[").replace(/[\]]/,”\\\]”);
var regex = new RegExp(“[\\?&]“+key+”=([^&#]*)”);
var qs = regex.exec(window.location.href);
if(qs == null)
return default_;
else
return qs[1];
}

link: http://www.google.com/?id=12

var id = getQuerystring(‘id’);

Ajax – GET & POST

// Ajax By POST method
function postbyAjax(frmobj) {
url = “send-request.php?”;
var frmobjarglist = frmobj.elements;
var frmobjarglistlen = frmobj.elements.length;
var poststr = “”;
for(i=0;i<frmobjarglistlen;i++) {
poststr += frmobjarglist[i].name+”=”+frmobjarglist[i].value+”&”;
}
poststr = poststr.substring(0,(poststr.length-1));

var req = null;
try { req = new ActiveXObject(“Msxml2.XMLHTTP”); }
catch(e) {
try { req = new ActiveXObject(“Microsoft.XMLHTTP”); }
catch(oc) { req = null; }
}
if (!req && typeof XMLHttpRequest != “undefined”) { req = new XMLHttpRequest(); }
if (req != null) {
req.open(“POST”, url, true);
req.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
req.setRequestHeader(“Content-length”, poststr.length);
req.setRequestHeader(“Connection”, “close”);
//Send the proper header information along with the request
var returnresult=”";
req.onreadystatechange = function() {//Call a function when the state changes.
if (req.readyState == 4 && req.status == 200) {
if (req.responseText!=”") {
returnresult = req.responseText;
} else {
returnresult= “”;
return false;
}
display_result(returnresult); // Perform after ajax call
} else {
returnresult=”";
}
}
req.send(poststr);
}
}

// Ajax By GET Method
var contactobj = “”;
function getContacts(textobj) {
//url = “http://192.168.0.15/centerpoint/index.php?option=com_contactinfo&format=raw&typedtext=”+typedtext;
contactobj = textobj;
url = “http://192.168.0.15/selvam/content.php?typedtext=”+textobj.value;

var req = null;
try { req = new ActiveXObject(“Msxml2.XMLHTTP”); }
catch(e) {
try { req = new ActiveXObject(“Microsoft.XMLHTTP”); }
catch(oc) { req = null; }
}
if (!req && typeof XMLHttpRequest != “undefined”) { req = new XMLHttpRequest(); }
if (req != null) {
var returnresult=”";
req.onreadystatechange = function() {//Call a function when the state changes.
if (req.readyState == 4 && req.status == 200) {
if (req.responseText!=”") {
returnresult = req.responseText;
} else {
returnresult= “”;
return false;
}
// Perform after ajax call
document.getElementById(“div_contacts”).innerHTML = returnresult;
document.getElementById(“div_contacts”).style.display = ”;
document.getElementById(“txt_test”).focus();
} else {
returnresult=”";
}
}
req.open(“GET”, url, true);
req.send(null);
}
}
function pouplateval(resulttext) {
contactobj.value = resulttext;
document.getElementById(“div_contacts”).style.display = ‘none’;
}

Ajax by POST

function postbyAjax(frmobj) {

url = “send-request.php?”;

var frmobjarglist = frmobj.elements;

var frmobjarglistlen = frmobj.elements.length;

var poststr = “”;

for(i=0;i<frmobjarglistlen;i++) {

poststr += frmobjarglist[i].name+”=”+frmobjarglist[i].value+”&”;

}

poststr = poststr.substring(0,(poststr.length-1));

var req = null;

try { req = new ActiveXObject(“Msxml2.XMLHTTP”); }

catch(e) {

try { req = new ActiveXObject(“Microsoft.XMLHTTP”); }

catch(oc) { req = null; }

}

if (!req && typeof XMLHttpRequest != “undefined”) { req = new XMLHttpRequest(); }

if (req != null) {

req.open(“POST”, url, true);

req.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);

req.setRequestHeader(“Content-length”, poststr.length);

req.setRequestHeader(“Connection”, “close”);

//Send the proper header information along with the request

var returnresult=”";

req.onreadystatechange = function() {//Call a function when the state changes.

if (req.readyState == 4 && req.status == 200) {

if (req.responseText!=”") {

returnresult = req.responseText;

} else{

returnresult= “”;

return false;

}

if(Trim(returnresult)==”submitted”) {

frmobj.submit();

}

} else {

returnresult=”";

}

}

req.send(poststr);

}

}

Javascript – Add/Remove table rows

<HTML>
<HEAD>
<TITLE> Javascript – Add/Remove table rows </TITLE>
<META NAME=”Keywords” CONTENT=”">
<META NAME=”Description” CONTENT=”">
<style type=”text/css”>
body, table, td, p {
font-family: Trebuchet MS, Tahoma;
font-size: 12px;
}
</style>
<script language=”javascript” type=”text/javascript”>
function addRow() {
var visi_insertrowid = parseInt(document.getElementById(‘hid_visiblefields_index’).value);
var visi_lastrowvalue = parseInt(document.getElementById(‘hid_visiblefields_value’).value);
var _table = document.getElementById(‘tbl_visiblefields’).insertRow(visi_insertrowid);
var cell0 = _table.insertCell(0);
var cell1 = _table.insertCell(1);
cell0.innerHTML = ‘<input type=”file” name=”txt_pictures[]“>’;
cell1.innerHTML = ‘<a href=”javascript:void(0);” onClick=”javascript:return removeRow(this);”>Remove</a>’;
document.getElementById(‘hid_visiblefields_index’).value = visi_insertrowid +1;
document.getElementById(‘hid_visiblefields_value’).value = visi_lastrowvalue+1;
return false;
}

function removeRow(rows) {
var browsername = navigator.appName;
if(browsername.indexOf(“Microsoft”)!=-1)
var _row = rows.parentElement.parentElement;
else
var _row = rows.parentNode.parentNode;
document.getElementById(‘tbl_visiblefields’).deleteRow(_row.rowIndex);
document.getElementById(‘hid_visiblefields_index’).value = parseInt(document.getElementById(‘hid_visiblefields_index’).value) – 1;
return false;
}
</script>
</HEAD>
<BODY>
<TABLE border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” height=”100%”>
<TR>
<TD align=”center”>
<form name=”frmTest” id=”" action=”" method=”post”>
<input type=”hidden” name=”hid_visiblefields_index” id=”hid_visiblefields_index” value=”1″>
<input type=”hidden” name=”hid_visiblefields_value” id=”hid_visiblefields_value” value=”0″>
<table border=”0″ cellpadding=”0″ cellspacing=”5″>
<tr>
<td width=”100″>Name</td>
<td width=”30″ align=”center”>:</td>
<td><input type=”text” name=”txt_name” style=”width:100px;”></td>
</tr>
<tr>
<td>Pictures</td>
<td align=”center”>:</td>
<td>
<table border=”0″ cellpadding=”0″ cellspacing=”5″ id=”tbl_visiblefields”>
<tr>
<td><input type=”file” name=”txt_pictures[]“></td>
<td><a href=”javascript:void(0);” onClick=”javascript:return addRow(this);”>Add</a></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Output:

Download code: Click here

Follow

Get every new post delivered to your Inbox.