Showing posts with label JavaScript. Show all posts
Showing posts with label JavaScript. Show all posts

Monday, December 7, 2009

How to call the function with parameter in iframe


var objIFrame = document.frames["ifrmId"];
    if ((objIFrame ) && (objIFrame .fnNameInIframe)) {
        objIFrame .fnNameInIframe(Param1);
    }

Thursday, November 12, 2009

Regular Expression To Check Input With no space using JavaScript

<html>
    <head>
        <script>
            function validateContent(evt)
            {
             var pattern =     /^\w[a-zA-Z@#0-9.]*$/;
                 if(evt.value.search(pattern) == -1)
                 {
                    alert('Space not Allowed');
                    return false;
                 }
            }
        </script>
    </head>
    <body>
        <input type='text' onkeyup='return validateContent(this);' />
    </body>
</html>

Wednesday, August 26, 2009

javascript get table row count

document.getElementById('tablename').rows.length

Wednesday, August 12, 2009

JavaScript Error Handling

JavaScript Standard Error Instance Properties
constructor
    Specifies the function that created an instance's prototype.
message
    Error message.
name
    Error name.

<html>
    <head>
        <title>Error Handling</title>
        <script language='javascript'>
        window.onload = function()
        {
            try
            {
                var x = 1;
                var value = x / y;               
            }
            catch(err)
            {
                alert("constructor"+ ": " + err.constructor +'\r\n' + 'message'+ ": " + err.message + '\r\n' + 'name' + ": "+ err.name);
            }
            finally
            {
                alert("Finally block");
            }

        }
        </script>
    </head>
</html>


How To Detect Silverlight Installed In Client Machine

<html>
    <body>
        <script language="javascript">
        var browser = navigator.appName;
        var SLInstalled = false;
        if (browser == 'Microsoft Internet Explorer')
        {
            try
            {
                var slControl = new ActiveXObject('AgControl.AgControl');//IE
                SLInstalled = true;
            }
            catch (e)
            {
                SLInstalled = false;
            }
        }
        else
        {   
            try
            {
                if (navigator.plugins["Silverlight Plug-In"]) // Other Than IE
                {
                    SLInstalled = true;
                }
            }
            catch (e)
            {
                SLInstalled = false;
            }
        }
            if(SLInstalled == true)
            {
                    alert('Silverlight Installed');
            }
            else
            {
                  alert('Silverlight Not Installed');
             }
        </script>
    </body>
</html>


Wednesday, July 15, 2009

How To Set Textbox first letter in caps

<input id='txt1' type='text' style='text-transform:capitalize;' value='sample data'  />

Output


Tuesday, July 14, 2009

How To Parse Url Query String Using JavaScript

function parseUrl(name)
{
      name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
      var regexStr = "[\\?&]"+name+"=([^&#]*)";
      var regex = new RegExp( regexStr );
      var results = regex.exec(window.location.href);
      if( results == null )
        return "";
      else
        return results[1];
}

How To call = alert(parseUrl(QryStringParameterName));


Example Click Here

Tuesday, July 7, 2009

How To Get IP Address


<html>
<head>
<title>WMI Scripting HTML</title>
<script FOR="foo" EVENT="OnCompleted(hResult,pErrorObject, pAsyncContext)" LANGUAGE="JScript">
document.getElementById('divMACAddr').innerHTML='Machine Number :'+unescape(vMACAddr);
document.getElementById('divIPAddr').innerHTML='IP Address :'+unescape(vIPAddr);
document.getElementById('divDNSName').innerHTML='DNS Name '+unescape(vDNSName);
</script>

<script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript">
if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true)
{
if(objObject.MACAddress != null && objObject.MACAddress != "undefined")
vMACAddr = objObject.MACAddress;

if(objObject.IPEnabled && objObject.IPAddress(0) != null && objObject.IPAddress(0) != "undefined")
vIPAddr = objObject.IPAddress(0);

if(objObject.DNSHostName != null && objObject.DNSHostName != "undefined")
vDNSName = objObject.DNSHostName;

}
</script>
</head>
<body>
<object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" VIEWASTEXT></object>
<object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo"></object>

<script LANGUAGE="JScript">
var service = locator.ConnectServer();
var vMACAddr ;
var vIPAddr ;
var vDNSName;
service.Security_.ImpersonationLevel=3;
service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration');
</script>

<form method="POST" action="NICPost.asp" id="formfoo" name="formbar">
<div id="divMACAddr"></div>
<div id="divIPAddr"></div>
<div id="divDNSName"></div>
</form>
</body>
</html>

Note:ActiveX to be Enabled, It Will Prompt to Get User To allow or not allow(IE )

Friday, July 3, 2009

How To Find Position Of An HTML element

function GetPos(Cord,Obj) {
var curPos = 0;
try {
switch(Cord)
{
case 'X':
case 'Y':
if (Obj.offsetParent)
{
while (1)
{
if(Cord == 'X'){
curPos += Obj.offsetLeft;
}else{
curPos += Obj.offsetTop;
}
if (!Obj.offsetParent) break; Obj = Obj.offsetParent;
}
}
else
{
if(Cord == 'X'){
if (Obj.x)curPos += Obj.x;
}
else{
if(Obj.y)curPos += Obj.y;
}
}
break;
}
}
catch (e) {
document.write('An exception occurred.');
}
finally {
return curPos;
}
}

function callfn(Cord, func, obj) {

return func(Cord, obj);
}

//way of Calling Function
"alert(callfn('X',GetPos,document.getElementById('elementId')))" // X co-ordinates
"alert(callfn('Y',GetPos,document.getElementById('elementId')))" // Y co-ordinates

Generate Random Number and Character JavaScript

function GenChar(mode, len) {
            var chars = null;
            var string_length = len;
            try {
                switch (mode) {
                    case 'U':
                        chars = "ABCDEFGHIJKLMNOPQRSTUVWXTZ";
                        break;
                    case 'L':
                        chars = "abcdefghiklmnopqrstuvwxyz";
                        break;
                    case 'N':
                        chars = "0123456789";
                        break;
                    case 'UN':
                        chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ";
                        break;
                    case 'LN':
                        chars = "0123456789abcdefghiklmnopqrstuvwxyz";
                        break;
                    case 'Mix':
                        chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
                        break;
                    default: chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";

                }
                var randomstring = '';
                for (var i = 0; i < string_length; i++) {
                    var rnum = Math.floor(Math.random() * chars.length);
                    randomstring += chars.substring(rnum, rnum + 1);
                }
            }
            catch (e) {
                document.write('An exception occurred.');
            }
            finally {
                return randomstring;
            }
        }

        function callGenfn(mode, func, length) {
            return func(mode, length);
        }
       

//callGenfn(Mode,FunctionName,length)

alert(callGenfn('N', GenChar,6));
alert(callGenfn('U', GenChar,6));
alert(callGenfn('L', GenChar,6));
alert(callGenfn('UN', GenChar,6));
alert(callGenfn('LN', GenChar,6));
alert(callGenfn('Mix', GenChar,6));

Wednesday, July 1, 2009

How to get browser width and height

<html>
<head>
    <title>Get Browser Width & Height</title>
    <script languuage='javascript'>
        var BWidth,BHeigth;
        function fn() {
            if (typeof window.innerWidth != 'undefined') { // For (mozilla/netscape/opera/IE7)
                BWidth = window.innerWidth;
                BHeigth = window.innerHeight;
            }
            else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' &&
                    document.documentElement.clientWidth != 0) { // For (IE 6 with proper doctype)
                    
                    BWidth = document.documentElement.clientWidth;
                    BHeigth = document.documentElement.clientHeight;
            }
            else { //For (IE < 6)
                    BWidth = document.getElementsByTagName('body')[0].clientWidth,
                    BHeigth = document.getElementsByTagName('body')[0].clientHeight
            }
            document.title = 'Your Browser width is ' + BWidth + ' Height is' + BHeigth;
        }
    </script>
</head>
<body onresize='fn()'>
    <h3>See The Page Title While Resizing the Page (Width & Height Will Be Changing</h3>
</body>
</html>

Wednesday, June 24, 2009

window.onload firefox,IE

<html>
    <head>
        <script language='javascript'>    
            
            var browserName = navigator.appName;
            
            if (browserName == "Microsoft Internet Explorer") {    
            
                window.onload = function(){alert('IE Onload');}
            }
            else {
                if (document.addEventListener){
                
                    document.addEventListener("DOMContentLoaded", function(){alert('Firefox Onload');}, false);
                    
                }
            }
        </script>
    </head>
    <body>
        replacement for    window.onload in Firefox
    </body>
</html>

Wednesday, June 10, 2009

How To Create Row Dynamically And Remove Row - JavaScript


<!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">
<head id="Head2" >
    <title>Dynamically Create Table Row And Remove Row</title>

    <script type="text/javascript" language="javascript">

        function addRow() {
        
            var tbl = document.getElementById('evntTbl');
            var lstRow = tbl.rows.length;
            var iteration = lstRow;            
            
          if (lstRow <= 10) {

                var row = tbl.insertRow(lstRow);

                var cellLeft = row.insertCell(0);

                var el0 = document.createElement('input');

                el0.type = 'text';

                el0.name = 'txtName_' + iteration;

                el0.id = 'txtName_' + iteration;

                //el0.size = 40;
                el0.style.width = 170 + 'px';

                cellLeft.appendChild(el0);

                var cellMid = row.insertCell(1);

                var el1 = document.createElement('input');

                el1.type = 'text';

                el1.name = 'txtRole_' + iteration;

                el1.id = 'txtRole_' + iteration;

                //el1.size = 40;
                el1.style.width = 170 + 'px';

                cellMid.appendChild(el1);

                var cellRight = row.insertCell(2);

                var el2 = document.createElement('input');

                el2.type = 'text';

                el2.name = 'txtEmail_' + iteration;

                el2.id = 'txtEmail_' + iteration;

                //el2.size = 40;
                el2.style.width = 170 + 'px';

                cellRight.appendChild(el2);


                var cellImg = row.insertCell(3);
                var el3 = document.createElement("button");                
                el3.id = 'btn_' + iteration;
                el3.style.zIndex = 200;
                el3.style.cursor = 'hand';
                el3.value = '-';
                el3.onclick = function() { removeRow(this); };

                cellImg.appendChild(el3);
            }
            else {
                document.getElementById('btnAdd').disabled=true;
            }
            if (document.getElementById('txtName_' + (iteration)) != null) {
                document.getElementById('txtName_' + (iteration)).focus();
            }
                  
        }

        function removeRow(evt) {

            var tbl = document.getElementById('evntTbl');
            var lstRw = tbl.rows.length;          
            
            if(lstRw <= 10)
            {
                 document.getElementById('btnAdd').disabled=false;
            }

            var _row = evt.parentNode.parentNode;
            _row.parentNode.deleteRow(_row.rowIndex);
        }
    </script>

</head>
<body>
    <div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td align="center" valign="top" style="height: 5px">
                </td>
            </tr>
            <tr>
                <td align="right" class="style31">
                    &nbsp;
                </td>
                <td align="left">
                    <table width="60%" border="0" cellpadding="2" cellspacing="2" id='evntTbl'>
                        <tr>
                            <td width="10%" align="left" class="style31">
                                Column 1
                            </td>
                            <td width="10%" align="left" class="style31">
                                Column 2
                            </td>
                            <td width="10%" align="left" class="style31">
                                Column 3
                            </td>
                            <td width="1%" align="left" class="style31">
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td align="left" class="style31">
                                <input type="text" class="style5" tabindex="6" id="Text1" maxlength="25" title=""
                                     style="width: 170px" />
                            </td>
                            <td align="left" class="style31">
                                <input type="text" class="style5" tabindex="7" id="Text2" maxlength="25" title=""
                                     style="width: 170px" />
                            </td>
                            <td align="left" class="style31">
                                <input type="text" class="style5" tabindex="8" id="Text3" maxlength="25" title=""
                                     style="width: 170px" />
                            </td>
                            <td width="1%" align="left" class="style31">
                                <input type='button' id='btnAdd' value='+' style="cursor: hand;" tabindex="9" onclick="addRow();" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

Download File

Thursday, April 30, 2009

How to clear all the text field

function clearAll() {
    var txtField = document.getElementsByTagName('input')
    for (var i_tem = 0; i_tem < txtField.length; i_tem++)
        if (txtField[i_tem].type == 'text')
        txtField[i_tem].value = ''
}

Monday, April 27, 2009

Get Mouse Pointer Position

<html>
    <body>
        <form>
            <div  id="divX" > X</div>
            <div  id="divY" > Y</div>
        </form>
            <script language="JavaScript">
            <!--
                    var IE = document.all?true:false
                    if (!IE) document.captureEvents(Event.MOUSEMOVE)

                    document.onmousemove = getXY;

                    var tmpX = 0
                    var tmpY = 0


                    function getXY(e) {
                    if (IE) {
                    tmpX = event.clientX + document.body.scrollLeft
                    tmpY = event.clientY + document.body.scrollTop
                     } else {  
                    tmpX = e.pageX
                    tmpY = e.pageY
                    }  
                     if (tmpX < 0){tmpX = 0}
                     if (tmpY < 0){tmpY = 0}  
                     document.getElementById('divX').innerHTML = tmpX;
                     document.getElementById('divY').innerHTML = tmpY;
                     return true
                }

          //-->
     </script>
  </body>
</html>

Friday, April 24, 2009

List all drivers (Client Machine)

<HTML>
<HEAD>
<SCRIPT language=JavaScript>

//This function returns the drive list from client system

function getDriveList() {

var objfs, s, n, e, x;

objfs = new ActiveXObject("Scripting.FileSystemObject");

e = new Enumerator(objfs.Drives);

s = "";

do {

x = e.item();

s = s + x.DriveLetter;

s += ": ";

if (x.DriveType == 3) n = x.ShareName;

else if (x.IsReady) n = x.VolumeName;

else n = "<font color=red>[Other Drive-not intialized]</font>";

s += n + "<br>";

e.moveNext();

} while (!e.atEnd());

return (s);

}

</SCRIPT>
</HEAD>
<BODY>
<h5>Available drives on Client system:</h5>
<SCRIPT language=JavaScript> document.write(getDriveList());</SCRIPT>
</BODY>
</HTML>
It Works in IE Only.

Monday, April 20, 2009

how to validate textbox value (Date Format)

<html>
<head>
<script language="javascript">
function checkDt(dtVal) {
var mo, day, yr;
var entry = dtVal.value;
var reLong = /\b\d{1,2}[\/-]\d{1,2}[\/-]\d{4}\b/;
var reShort = /\b\d{1,2}[\/-]\d{1,2}[\/-]\d{2}\b/;
var valid = (reLong.test(entry)) || (reShort.test(entry));
if (valid) {
var delimChar = (entry.indexOf("/") != -1) ? "/" : "-";
var delim1 = entry.indexOf(delimChar);
var delim2 = entry.lastIndexOf(delimChar);
mo = parseInt(entry.substring(0, delim1), 10);
day = parseInt(entry.substring(delim1+1, delim2), 10);
yr = parseInt(entry.substring(delim2+1), 10);
// two-digit of year
if (yr < 100) {
var today = new Date();
// get floor of current century
var currCent = parseInt(today.getFullYear() / 100) * 100;
// two digits up to this year + 15 expands to current century
var threshold = (today.getFullYear() + 15) - currCent;
if (yr > threshold) {
yr += currCent - 100;
} else {
yr += currCent;
}
}
var testDate = new Date(yr, mo-1, day);
if (testDate.getDate() == day) {
if (testDate.getMonth() + 1 == mo) {
if (testDate.getFullYear() == yr) {
dtVal.value = mo + "/" + day + "/" + yr;
return true;
} else {
alert("Check the year entry.");
}
} else {
alert("Check the month entry.");
}
} else {
alert("Check the date entry.");
}
} else {
alert("Invalid date format. Enter as mm/dd/yyyy.");
}
return false;
}

</script>
</head>
<body>
<input type="text" id="txtDt" onblur="checkDt(this)" />
</body>

Wednesday, February 25, 2009

how to trigger dropdown onchange event using javascript




document.forms[0].elements['dropdownid'].onchange();





Sunday, January 18, 2009

How to change the color of the selected item of drop downlist


<html>
<head>
<title>
change the color of the selected item
</title>
<script language="javascript">
function chgColor(evt)
{
evt.options[evt.selectedIndex].style.background = 'red';
for(i=0; i< evt.options.length;i++)
{
if(i != evt.selectedIndex)
{
evt.options[i].style.background = '';
}
}
}
</script>
</head>
<body>
<select onchange="chgColor(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="1">5</option>
<option value="2">6</option>
<option value="3">7</option>
<option value="4">8</option>
<option value="1">9</option>
<option value="2">0</option>
</select>
</body>

Wednesday, December 17, 2008

Format JSON String To JSON Structure

To Format JSON String to JSON Format .... go there