DotNet Friends » JavaScript

GridView Data Print In Asp.net 2.0

patriwala — Sat, 26 Jul 2008 06:48:21 +0000

here is the steps:

1) create simple web application (here i used asp.net with C#).

2) put following control in to Page.

1) Gridview (id = GridView1)

2) html button (id =Button1)

<inputid=”Button1″type=”button”value=”Print”language=”javascript”onclick=”return Button1_onclick()” />
<asp:GridViewID=”GridView1″runat=”server”>
asp:GridView>

3) fill data into GridView

//here i used the list you can bind with database also
System.Collections.Generic.List<string> obj = newSystem.Collections.Generic.List<string>();

for(inti = 0; i < 10; i++)
{
obj.Add(i.ToString());
}
GridView1.DataSource = obj;
GridView1.DataBind();
4) now write the print function. click on the Button1 or write Java Script.

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

script>

Thanks

Disabled Right Click On Web Site

patriwala — Fri, 04 Jul 2008 07:00:50 +0000

steps :

1) create simple application (html).

2) put the below javascript in to the code.

<script language="JavaScript">
      // on right click appear this message
      var DisplayMsg="Right Click Disabled";
      //return message
      function clickBYIE()
      {
          if(document.all)
          {
              alert(DisplayMsg);
              return false;
          }
      }
      //return message
      function clickBYNS(e)
      {
          if (document.layers||(document.getElementById&&!document.all))
          {
              if (e.which==2||e.which==3)
              {
               alert(DisplayMsg);
               return false;
              }
          }
      }

     //set the function as per browser
      if (document.layers)
      {
          document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickBYNS;
      }
      else
      {
          document.onmouseup=clickBYNS;document.oncontextmenu=clickBYIE;
      }
      //disabled the right click on the browser
       document.oncontextmenu=new Function("return false")
  script>

run the code and check.

thnx

Window Resize Using JavaScript

patriwala — Sat, 19 Apr 2008 19:26:42 +0000

steps :

1) Create the Simple Web Application.

2) in the body written below function for resize the window.

"Maximize();">

3) in the JavaScript put the below code.

Thanks.

HightLight Error Message In JavaScript

patriwala — Wed, 16 Apr 2008 07:03:17 +0000

Steps:

1) create simple web application (here i am use the asp.net 2.0).

2) In that application put the below code in the designer view.

<table>
<tr>
<td>
Enter User Name
td>
<td>
<asp:TextBoxID=”txtUserName”runat=”server”onblur=”return HighLightErrorMsg(this.id,’lblUserError’,'red’);”>asp:TextBox>td>
<td>
<divstyle=”visibility: hidden; background-color: Red; width: 200px;”id=”lblUserError”>
Please Enter UserName
div>
td>
tr>
<tr>
<td>
Enter Password
td>
<td>
<asp:TextBoxID=”txtPassword”runat=”server”onblur=”return HighLightErrorMsg(this.id,’lblPassword’,'red’);”>asp:TextBox>
td>
<td>
<divstyle=”visibility: hidden; background-color: Red; width: 200px;”id=”lblPassword”>
Please Enter Password
div>
td>
tr>
<tr>
<tdcolspan=”2″>
<center>
<asp:ButtonID=”btnSubmit”runat=”server”OnClick=”btnSubmit_Click”Text=”Submit”
OnClientClick=”return CheckControl();” />
center>
td>
tr>
table>

3) In that page write below javascript.

<script language="javascript">

  function CheckControl()
{
//get the id of username textbox
var objUserName=document.getElementById('txtUserName').id;
//get the id of username error message
var objUserError =document.getElementById('lblUserError').id;
//get the id of password textbox
var objPassword =document.getElementById('txtPassword').id;
//get the id of password error message
var objPasswordError =document.getElementById('lblPassword').id;
//check control and highlight message
if(HighLightErrorMsg(objUserName,objUserError,'red' )==false)
{
return false;
}
else if(HighLightErrorMsg(objPassword,objPasswordError,'red')==false)
{
return false;
}
return true;
}

//id-->control to validate
//errorid --> div to display error message
//color --> error color
function HighLightErrorMsg(id,errorid,color)
{
//check the control value
if(document.getElementById(id).value !="")
{
//hide the error message
document.getElementById(errorid).style.visibility ="hidden";
return true;
}
var bkcolor=color;
if(bkcolor=='red')
bkcolor ='green';
else
bkcolor ='red';
//set the background color
document.getElementById(errorid).style.backgroundColor =bkcolor;
//visibility set
document.getElementById(errorid).style.visibility ="visible";
//if error at that time focus on the particular control
document.getElementById(id).focus();
//every 5 sec call and change the background color
window.setTimeout("HighLightErrorMsg('"+ id + "','"+ errorid +"','"+bkcolor+"');",500);
return false;
}

script>

Thanks