Asp.net, PHP, Ajax, Javascript

Register Client script block with scriptmanger

2010-10-05T23:09:00.000-07:00

ScriptManager.RegisterClientScriptBlock(upSSP, upSSP.GetType(), "BindSWF", "CreateSSPSwf();", true);

For JQUERY in update panel postback

2010-09-30T11:01:00.000-07:00

Tabs

2010-09-11T22:57:00.001-07:00

Make Rounded Message Div in CSS

2010-07-20T04:04:00.001-07:00

Make your div with round borders.

Record saved successfully!

 .divMessage  
 {  
  background-color: #DEFDDF;  
   color: #33A333;  
   font-family:Arial;  
   font-size:12px;  
   -moz-border-radius: 5px;  
   -webkit-border-radius: 5px;  
   border: solid 1px #C7F2C8;  
   padding: 5px;  
   z-index:88556;  
   bottom:0px;  
   margin-left:5px;  
 }

But its not work in IE.

Select and Unselect All CheckBoxes in javascript

2010-06-23T02:06:00.001-07:00

Set all Checked and Unchecked check boxes in JavaScript.

 function SelectAllCheckboxes(cbAll)  
   {  
     var frm = document.forms[0];  
     for (i=0; i < frm.elements.length; i++)  
     {  
       if ((frm.elements[i].type == "checkbox") && (frm.elements[i].name.indexOf('chkEmp') > -1))  
       {  
         frm.elements[i].checked = document.getElementById(cbAll).checked;  
       }  
     }  
   }

Control ASP.NET Timer Control with JavaScript

2010-06-18T04:30:00.000-07:00

We can control Asp.net Timer control in JavaScript.

Find the timer control like this var timer = $find('<%= Timer1.ClientID %>');

For stop timer control tick event - timer._stopTimer();

For start timer control tick event - timer._startTimer();

For change interval of timer - timer.set_interval(5000);

Below code i a written function. When i call this function its first stops timer tick event and its update the interval time of timer control and again starts the timer control tick event.

 <script language="javascript" type="text/javascript">  
 function UpdatdeTimerControl()  
 {  
   var timer = $find('<%= Timer1.ClientID %>');  
   if(timer)  
   {  
   timer._stopTimer();  
   timer.set_interval(5000);  
   timer._startTimer();  
   }  
   else  
   {  
   alert("Timer control is NOT found.");  
   }  
   }  
 </script>

split string in javascript

2010-04-13T23:12:00.001-07:00

We can split string in JavaScript. Most of times we use it our programming. with help splitting we can get string in array after split. we split string after specific character. In below code i have splitter string after - (DASH).

 <html>  
 <head>  
 <title>Javascript Split demo</title>  
 <script type="text/javascript">  
 //var myString = "Lexus Ferrari Skoda Audi";  
 var myString = "closedisp-50";  
 var mySplitResult = myString.split("-");  
 alert('length = '+mySplitResult.length);  
 for(i = 0; i < mySplitResult.length; i++)  
 {  
   document.write("<br /> Element " + i + " = " + mySplitResult[i]);  
 }  
 </script>  
 </head>  
 <body>  
 </body>  
 </html>

Check textbox value blank or empty in javascript using Regular Expression

2010-04-13T23:10:00.000-07:00

Below code i have used regular expression for validate the form textbox value Blank or Any entered only white spaces. With help regular expression we can check if user trying to submitting form only entering white spaces. Our form contains mandatory fields always so i used regular expression for it. I hop it will help you also.

  <script type="text/javascript">   
 if(document.frmlogin.txtUserName.value.length <1 || !document.frmlogin.txtUserName.value.match(/[^s]/))  
 {  
 alert("Please enter username.");  
 document.frmlogin.txtUserName.focus();  
 return false;  
 }  
 if(document.frmlogin.txtPassword.value.length <1 || !document.frmlogin.txtPassword.value.match(/[^s]/))  
 {  
 alert("Please enter password.");  
 document.frmlogin.txtPassword.focus();  
 return false;  
 }  
 </script>

Finde control in master page

2010-04-13T23:08:00.001-07:00

Acces body tag of master page. Make runat="server" body tag of master page.

 HtmlGenericControl body = (HtmlGenericControl)Master.FindControl("mBody");

Call server side function on Entery key pressed in textbox

2010-04-13T23:07:00.001-07:00

In asp.net if you want capture Enter Key Pressed then we need to check key pressed code. In below code i have checked enter key press key code and called server side function. Most of time we need it in our asp.net programming. Hope this will help you.

 txtAddress.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('" + btnSearch.UniqueID + "').click();return false;}} else {return true}; ")

Change all child divs CSS styles by using tag name and css class in JQuery

2010-04-11T08:18:00.000-07:00

Change the all child divs style which under divContainer.

Two ways we can do this in jquery. Like Below

1. when you want change all css of only divs no mention that which css class assigned to this div then use below code

syntax: $('#<DIVID>').find('code, <TAGNAME>').css("font-size","30px");

eg. $('#divContainer').find('code, div').css("font-size","30px");

2. when you want specify the css class then use below

syntax: $('#<DIVID>').find('code, <TAGNAME>.<CLASSNAME>').css("font-size","30px");

eg.

$('#divContainer').find('code, div.divDesc').css("font-size","30px");
$('#divContainer').find('code, div.divTitle').css("font-size","30px");
$('#divContainer').find('code, div.imInfo').css("font-size","30px");

Below i have created one example try it.

 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
 <title>Untitled Document</title>  
 <script language="javascript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>  
 <link href="ChatStyle.css" rel="stylesheet" type="text/css" />  
 </head>  
 <body>  
 <div id="divContainer" style="height:500px;">  
  <div class="divTitle"><a alt="View User Info" href="javascript:popUpUserInfo(619)">ModTom</a></div>  
  <div class="divDesc">hi</div>  
  <div class="divTitle"><a alt="View User Info" href="javascript:popUpUserInfo(619)">ModTom</a></div>  
  <div class="divDesc">thanks for join us</div>  
  <div class="divTitle"><a alt="View User Info" href="javascript:popUpUserInfo(619)">ModTom</a></div>  
  <div class="divDesc">sdfsdf</div>  
  <div class="divTitle"><a alt="View User Info" href="javascript:popUpUserInfo(619)">ModTom</a></div>  
  <div class="divDesc">dsf</div>  
  <div class="divTitle"><a alt="View User Info" href="javascript:popUpUserInfo(619)">ModTom</a></div>  
 </div>  
 <script language="javascript">  
 $('#divContainer').find('code, div').css("font-size","30px");  
 $('#divContainer').find('code, div').css("font-size","30px");  
 $('#divContainer').find('code, div').css("font-size","30px");  
 </script>  
 </body>  
 </html>

IFRAME OR 100% IFRAME height resizing

2010-03-17T23:50:00.001-07:00

In our web programming sometimes we want our forms and liquid resizing. Below this liquid resizing script i have written for resizing iframe according browser window height and width. With help of below script you can control the iframe height and width automatically.

You dont need to depend on static height and width of iframe.

In this JavaScript i checks the Operating System and there browsers for the cross browser compatibility.

For more info try below example.

 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
 <title>Iframe Resizer</title>  
 <script language="javascript">  
 /* This Function will returns the current browser name */  
 function GetBrowserDetails()  
 {  
   var agt=navigator.userAgent.toLowerCase();  
   if (agt.indexOf("opera") != -1) return 'Opera';  
   if (agt.indexOf("staroffice") != -1) return 'Star Office';  
   if (agt.indexOf("webtv") != -1) return 'WebTV';  
   if (agt.indexOf("beonex") != -1) return 'Beonex';  
   if (agt.indexOf("chimera") != -1) return 'Chimera';  
   if (agt.indexOf("netpositive") != -1) return 'NetPositive';  
   if (agt.indexOf("phoenix") != -1) return 'Phoenix';  
   if (agt.indexOf("firefox") != -1) return 'Firefox';  
   if (agt.indexOf("safari") != -1) return 'Safari';  
   if (agt.indexOf("skipstone") != -1) return 'SkipStone';  
   if (agt.indexOf("msie") != -1) return 'Microsoft Internet Explorer';  
   if (agt.indexOf("netscape") != -1) return 'Netscape';  
   if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';  
   if (agt.indexOf('\/') != -1) {  
   if (agt.substr(0,agt.indexOf('\/')) != 'mozilla') {  
   return navigator.userAgent.substr(0,agt.indexOf('\/'));}  
   else return 'Netscape';} else if (agt.indexOf(' ') != -1)  
   return navigator.userAgent.substr(0,agt.indexOf(' '));  
   else return navigator.userAgent;  
 }  
 /* This function will return the OS name */  
 function GetOsDetails()  
 {  
   var ua = navigator.userAgent.toLowerCase();  
   if (ua.indexOf("win") != -1) {  
     //return "Windows";  
     return "win";  
   } else if (ua.indexOf("mac") != -1) {  
     //return "Macintosh";  
     return "mac";  
   } else if (ua.indexOf("linux") != -1) {  
     //return "Linux";  
     return "linux";  
   } else if (ua.indexOf("x11") != -1) {  
     //return "Unix";  
     return "unix";  
   } else {  
     return "Computers";  
   }  
 }  
 function ManageFrameHeight()  
 {  
   // Get browser Name  
   var MyBrowser = GetBrowserDetails();  
       //Start Get OS Name and manage the flags  
     var strOsName = GetOsDetails();  
     var IsWindows = false;  
     var IsMac = false;  
     var IsLinux = false;  
     switch(strOsName)  
     {  
       case "win":  
         IsWindows = true;  
         IsMac = false;  
         IsLinux = false;  
       break;  
       case "mac":  
         IsWindows = false;  
         IsMac = true;  
         IsLinux = false;  
       break;  
       case "linux":  
         IsWindows = false;  
         IsMac = false;  
         IsLinux = true;  
       break;  
     }  
     //Ends Get OS Name and manage the flags  
     var setHeight1 = 20;  
     my_div=document.getElementById("MyIframe")  
     top_space=document.getElementById("MyIframe").offsetTop  
     bottom_space=0  
     if(MyBrowser == "") { MyBrowser = "Microsoft Internet Explorer"; }  
     if(MyBrowser == "Microsoft Internet Explorer")  
     {  
       if(IsMac == true) { setHeight1 = 20; } else if(IsLinux == true) { setHeight1 = 20; } else { /* If Other Os Then */ setHeight1 = 15; }  
     }  
     else if(MyBrowser == "Firefox")  
     {  
       if(IsMac == true) { setHeight1 = 20; } else if(IsLinux == true) { setHeight1 = 20; } else { /* If Other Os Then */ setHeight1 = 15; }  
     }    
     else if(MyBrowser == "Opera")  
     {  
       if(IsMac == true) { setHeight1 = 20; } else if(IsLinux == true) { setHeight1 = 20; } else { /* If Other Os Then */ setHeight1 = 15; }  
     }  
     else if(MyBrowser == "Safari")  
     {  
       if(IsMac == true) { setHeight1 = 20; } else if(IsLinux == true) { setHeight1 = 20; } else { /* If Other Os Then */ setHeight1 = 15; }  
     }  
     else  
     {  
       if(IsMac == true) { setHeight1 = 35; } else if(IsLinux == true) { setHeight1 = 35; } else { /* If Other Os Then */ setHeight1 = 15; }  
     }  
           my_div.style.height=document.body.clientHeight-top_space-bottom_space - setHeight1;  
   }  
   onresize=ManageFrameHeight  
   onload=ManageFrameHeight  
 </script>  
 <style>  
 body  
 {  
   font-family:Arial, Helvetica, sans-serif;  
   font-size:12px;  
 }  
 .divHead  
 {  
   height:40px;  
   background-color:#F4F4F4;  
   vertical-align:middle;  
 }  
 </style>  
 </head>  
 <body>  
 <div class="divHead"><h3>Iframe Resizer</h3></div>  
 <iframe id='MyIframe' scrolling="auto" frameborder="0" width="100%" height="100%" src="http://www.google.com" runat="server"></iframe>  
 </body>  
 </html>

Dynamically add javascript or CSS file into header in asp.net

2009-12-13T10:56:00.000-08:00

Sometimes we need to add JavaScript and CSS file from code behind. We mostly need it when we are integrating any other JavaScript script in our page.

For example I need menu.js and menu.css file for particular page then it would be good that we should add those file in code behind code using below code.

1. string IncludeType = SCRIPT, CSS
2. string IncludeFileSrc = Include file path

 private void AddHeadIncludes(string IncludeType, string IncludeFileSrc)  
 {  
 try  
 {  
 switch (IncludeType)  
 {  
 case "CSS":  
 HtmlLink css = new HtmlLink();  
 css.Href = IncludeFileSrc;  
 css.Attributes["rel"] = "stylesheet";  
 css.Attributes["type"] = "text/css";  
 css.Attributes["media"] = "all";  
 Page.Header.Controls.Add(css);  
 break;  
 case "SCRIPT":  
 HtmlGenericControl js = new HtmlGenericControl("script");  
 js.Attributes["type"] = "text/javascript";  
 js.Attributes["src"] = IncludeFileSrc;  
 Page.Header.Controls.Add(js);  
 break;  
 }  
 }  
 catch (Exception)  
 {  
 throw;  
 }  
 }

Use function like this

AddHeadIncludes("SCRIPT", "js/menu.js");

AddHeadIncludes("CSS", "css/menu.css");