Ratnakar Choudry

Name of the Javascript Tools

2009-10-29T12:17:00.003+05:30

jQuery
Moo Tools
YUI
Prototype
Scriptaculous
ExtJS
Dojo
MochiKit

these are all the website names where we can find the latest javascript tools/functions

Validate File Upload type while Uploading

2009-10-29T11:55:00.000+05:30

Alfanumeric IE and Firefox Keypress Event Handler

2009-10-29T11:52:00.002+05:30

Performance Tips for Binding Grid in Vs.Net 2005

2008-09-01T17:02:00.000+05:30

When using SqlDataSource, ObjectDataSource etc., an important point to note is that, you dont need to bind the Data explicitly to the controls using DataBind.Ex.-

GridView1.DataSourceId = SqlDataSource1 // where SqlDataSource1 is the ID of the Datasource control.

That is all required. You dont require the GridView1.DataBind(); method which we are very familiar from .NET 1.0. The reason is that, the DataBind method is implicitly called by the EnsureDataBound method of the DataSource control. If we call it explicitly, then it results in a double binding of Data.

-Ramya Jasti

JavaScript Go Back Function

2007-10-10T11:02:00.001+05:30

function goBack()
{
window.history.go(-1);
return false;
}

<a href='#' style='text-decoration: none;'><img
src='images/but-cancel.gif' onclick='goBack();' border='0' alt='Cancel' /></a>

JavaScript Advanced URL Validation

2007-09-28T10:25:00.000+05:30

JavaScript URL Validation

2007-09-01T12:30:00.001+05:30

JavaScript Phone Format

2007-09-01T12:00:00.000+05:30

function fnPhoneNo()
{
if (event.keyCode < 48 || event.keyCode > 57 ) event.returnValue = false;
if(document.getElementById("txtPhoneNo").value.replace(/^\s+|\s+$/g,"").length >= 3)
{
if(document.getElementById("txtPhoneNo").value.replace(/^\s+|\s+$/g,"").length == 3)
document.getElementById("txtPhoneNo").value += "-";
if(document.getElementById("txtPhoneNo").value.replace(/^\s+|\s+$/g,"").length == 7)
document.getElementById("txtPhoneNo").value += "-";
}
}

JavaScript Insert TextBox Dynamically

2007-09-01T11:50:00.000+05:30

function AddRowDynamicallytoTable()
{
var newRow = document.all.Table1.insertRow();// Table1 = Table Id
oCell = newRow.insertCell();
oCell.width = "150px";
oCell.align = "right";
oCell.valign = "middle";
oCell.Class = "CssClass";
oCell.innerHTML = "<input name='text' type='text' onKeyPress='JavaScript:return fnNumeric();' id='txt"+(iMaxCount.length+1)+"' value='id=txt"+(iMaxCount.length+1)+"' class='txtbox' style='text-align:right' size='8' maxlength='3' align='left' width='15'/>";
}

function fnNumeric()
{
if (event.keyCode < 48 || event.keyCode > 57 ) event.returnValue = false;
}

JavaScript for DownListBox Accept NoDuplicates

2007-09-01T11:42:00.000+05:30

JavaScript Clear Dyanamic TextBoxes Text Url QueryString

2007-09-01T11:38:00.000+05:30

JavaScript+Email Validation

2007-09-01T11:25:00.000+05:30

JavaScripts to Allow Alfabets+Numeric+Space for a TextBox

2007-08-18T13:37:00.000+05:30

Write this in the Head Part of the HTML Side
<script language="Javascript">
function fnAllowAlphaNumericSpace()
{
if ((event.keyCode < 48 || event.keyCode > 57 ) && (event.keyCode != 46 && event.keyCode != 32) && (event.keyCode < 65 || event.keyCode > 90) && (event.keyCode < 97 || event.keyCode > 122)) event.returnValue = false;
}
</script>

Write this in the Page_Load of the WebForm thats the CodeBehind Side.

this.txtFirstName.Attributes["OnKeyPress"] = "Javascript:return fnAllowAlphaNumericSpace()";

Find Data Present in DataGrid in CodeBehind

2007-07-28T17:59:00.000+05:30

Declare a Global Variable int as show below

int iFlag = 0;

protected void imgbtnUpdateEmployee_Click(object sender, ImageClickEventArgs e)
{
int iInc = 0;
foreach (DataGridItem df in dgEmployee.Items)
{
Label lblPageName = df.FindControl("lbl") as Label;
TextBox dgtxtFind = df.FindControl("dgtxt") as TextBox;
if (dgtxtFind.Text.Trim() != "")
{
oCreate.EmpId = iEmpId;
oCreate.DeptId = Convert.ToInt32(dgEmployee.Items[iInc].Cells[0].Text);
oCreate.DeptName = Convert.ToInt32(lblPageName.Text);
oCreate.EmpName = dgtxtFind.Text.Trim().ToString();
iFlag = oCreate.UpdateEditEmpBLL();
iInc++;
if (iFlag == 1)
{
iCount++;
}
}
}

BindData and Write Data From Excel to DataGrid in Web.

2007-07-28T17:26:00.000+05:30

private void btnReadExcel_Click(object sender, System.EventArgs e)
{
try
{
string szConn = "Provider = Microsoft.Jet.OLEDB.4.0; Data Source = "+ Server.MapPath("sample3.xls") +"; Extended Properties = Excel 8.0;";
OleDbDataAdapter ExcelAdapter = new OleDbDataAdapter("SELECT * FROM [Sheet1$]", szConn);
DataSet ExcelDs = new DataSet();
ExcelAdapter.Fill(ExcelDs, "Sheet1");
DataGrid1.DataSource = ExcelDs.Tables["Sheet1"];
DataGrid1.DataBind();
}
catch(Exception Ex)
{
Response.Write(Ex.Message);
}
}

private void btnWriteExcel_Click(object sender, System.EventArgs e)
{
Response.Clear();
Response.AddHeader("content-disposition", "attachment;filename=FileName.xls");
Response.Charset = "";
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.ContentType = "application/vnd.xls";
System.IO.StringWriter stringWrite = new System.IO.StringWriter();
System.Web.UI.HtmlTextWriter htmlWrite = new HtmlTextWriter(stringWrite);
DataGrid1.RenderControl(htmlWrite);
Response.Write(stringWrite.ToString());
Response.End();
}

File Upload

2007-07-28T13:30:00.000+05:30

Write this in the HTML Part

Replace "1" with "<" and Replace "2" with ">"

< input type="file" id="FileUpload" size="50" runat="server" />

Write this in the CodeBehind Part
place a button this control and give itz ID as

ID="btnFileUpload" and Text="Upload File"

on itz Button Click write this Function

private void btnFileUpload_Click(object sender, System.EventArgs e)
{
string szFileName = Path.GetFileName(FileUpload.PostedFile.FileName);
FileUpload.PostedFile.SaveAs(Server.MapPath("") + "UploadedFiles/" );
lblMessage.Text = "One File Uploaded SuccessFully";
}

JavaScript to Allow Alfabets and Numbers in a TextBox

2007-07-28T13:15:00.000+05:30

Write this in the HTML Part

Please Inculde the JavaScript Tag and place the below function in it.

function fnAllowAlphaNumeric()
{
if ((event.keyCode != 9 && event.keyCode != 95)&&(event.keyCode < 48 || event.keyCode > 57 ) && (event.keyCode != 46) && (event.keyCode < 65 || event.keyCode > 90) && (event.keyCode < 97 || event.keyCode > 122)) event.returnValue = false;
}
Close the Script Tag.

Write this in the CodeBehind Part

and in the Page_Load write like this
Page_Load
{
this.txtAlfaNumeric.Attributes["OnKeyPress"] = "JavaScript:return fnAllowAlphaNumeric()";
}

JavaScript to Allow Only Numbers in a TextBox

2007-07-28T13:11:00.000+05:30

Write this in the HTML Part

Please Inculde the JavaScript Tag and place the below function in it.

function fnAllowNumeric()
{
if (event.keyCode < 48 || event.keyCode > 57 ) event.returnValue = false;
}

Close the Script Tag.

Write this in the CodeBehind Part

and in the Page_Load write like this
Page_Load
{
this.txtNumeric.Attributes["OnKeyPress"] = "Javascript:return fnAllowNumeric()";
}

Creating a Cookie

2007-07-28T13:02:00.000+05:30

protected void btnSubmit_Click(object sender, EventArgs e)
{
if ((txtLoginId.Text.Trim() == "") && (txtPassword.Text.Trim() == ""))
{
lblMessage.Text = "PLease Enter User Name & Password.";
}
else if (txtLoginId.Text.Trim() == "")
{
lblMessage.Text = "PLease Enter User Name.";
}
else if (txtPassword.Text.Trim() == "")
{
lblMessage.Text = "Please Enter Password.";
}
else if ((txtLoginId.Text.Trim() != "") && (txtPassword.Text.Trim() != ""))
{
Response.Cookies["ProjectName"]["UserName"] = txtLoginId.Text;
Response.Cookies["ProjectName "].Expires = DateTime.Now.AddYears(1);
}
}

How to Display Data in a DataGrid

2007-07-28T12:44:00.000+05:30

< asp:DataGrid ID="dgEmployee" runat="server" AutoGenerateColumns="false" >
< Columns >
< asp:BoundColumn DataField="UserId" Visible="false" / >
< asp:TemplateColumn HeaderText="Select"> <ItemTemplate> <asp:Label ID="lbl" Text='"1" %# DataBinder.Eval(Container.DataItem, "Username")%>' runat=server />
</ItemTemplate >

<ItemStyle HorizontalAlign="Center" Width="30" / >
<HeaderStyle HorizontalAlign="Center" / >

</Columns >

</asp:DataGrid >

Trim in JavaScript

2007-07-28T12:34:00.000+05:30

http://www.somacon.com/p355.php

JavaScript to get DropDownListBox Value into a TextBox

2007-07-28T12:22:00.000+05:30

Please Inculde the JavaScript Tag and place the below function in it.

function DropDownValue(object)
{
if(object.value == "[Select Employee]")
{
document.form1.txtEmployee.value = "";
}
else
{
document.form1.txtEmployee.value = document.form1.ddlEmployee.options[document.form1.ddlEmployee.selectedIndex].text;
document.form1.txtEmployee.select();
}
}

Close the Script Tag.

and Write this in the
Page_Load
{
this.ddlEmployee.Attributes["OnChange"] = "Javascript:return DropDownValue(this)";

}

Check only one Checkbox in a DataGrid

2007-07-28T11:41:00.000+05:30

Please Inculde the JavaScript Tag and place the below function in it.

function SingleCheck()
{
var iCount = 0;
for(var i = 0; i < document.ClientmgtForm.length; i++)
{
var d = document.ClientmgtForm.elements[i] ;
if (d.type == 'checkbox')
{
if (d.checked == true)
{
iCount++;
}
}
}
if(iCount > 1)
{
alert("Please Select a Single Record to Edit and Uncheck the Remaining Records");
return false;
}
else
{
return true;
}
}
Close the Script Tag.

and in the Body write like this

<asp:Button id="btnEdit" runat="server" Text="Edit Record" OnClientClick="return SingleCheck();" />

UnCheck All the Check Boxes in a DataGrid

2007-07-28T11:29:00.000+05:30

Please Inculde the Script Tag and place the below function in it.

function UnCheckedAll()
{
for (var i = 0; i < document.Form1.length; i++)
{
var d = document.Form1.elements[i];
if (d.type == 'checkbox')
{
d.checked = false;
}
}
return false;
}

Close the Script Tag.

and in the Body write like this

call this Function Like this in VS.Net 2005 like this
Open Left Angle Tag

asp:Button id="btnUnCheckAll" runat="server" Text="UnCheck All" OnClientClick="return UnCheckedAll();"

Close Right Angle Tag.

Check All the Check Boxes in a DataGrid

2007-07-28T11:20:00.000+05:30

Javascript for Checking all the Checkboxes Present in the DataGrid Control or in the Form

Please Inculde the Java Script Tag and place the below function in it.

function CheckedAll()
{
for (var i = 0; i < document.Form1.length; i++)
{
var d = document.Form1.elements[i] ;
if (d.type == 'checkbox')
{
d.checked = true;
}
}
return false;
}
Close the Script Tag

call this Function Like this in VS.Net 2005 like this
Open Left Angle Tag

asp:Button id="btnCheckAll" runat="server" Text="Check All" OnClientClick="return CheckedAll();"

Close Right Angle Tag.

JavaScripts for Login Page with User Name and Password

2007-07-28T11:14:00.000+05:30

Find Images, Find Directories, System.IO

2007-07-07T17:15:00.000+05:30

In The HTML Side of ASP.Net i.e in the Webform1.aspx

<form id="Form1" method="post" runat="server"> <table align="center"> <tbody><tr> <td height="200">
</td> </tr> <tr align="center" valign="middle"> <% =GetInfinteLinks() %></tr></tbody></table></form>

public string GetLinks(string szMagazineName, string szImageName)
{
string sztdLinks = "";
iNo++;
return sztdLinks;
}

public string GetInfinteLinks()
{
string szGlobalTest = "";
string szTesting = "";
string [] dirs = Directory.GetDirectories(@"C:\Inetpub\wwwroot\Sample\UploadedFiles\", "*");
Response.Write("The number of directories Present are {0}." + dirs.Length + "
");
string [] szParentArrayHead = new string[int.Parse(dirs.Length.ToString())];
foreach ( string dir in dirs )
{
string [] szParentArray = new string[int.Parse(dir.Length.ToString())];
string szTest = dir.ToString();
string [] szSubDir = Directory.GetDirectories(szTest + "/" , "*");
Directory.SetCurrentDirectory(szTest+"/");
string [] Files = Directory.GetFiles(".");
Response.Write(dir + "");
foreach ( string Extension in Files )
{
int index;
int FileNo;
string FileName;
string [] szArray = new string [int.Parse( Files.Length.ToString())];

index = Extension.LastIndexOf("\\");
FileName = (Extension.Substring(index + 1));
FileNo = FileName.IndexOf(".jpg");

if ( FileNo > 0 )
{
Response.Write(FileName + "");
string szReName = dir.Replace("C:/Inetpub/wwwroot/Sample/UploadedFiles/", "");
szReName = szReName.Substring(42);
szTesting = GetLinks(szReName,FileName);
szGlobalTest += szTesting;
}
}
}
return szGlobalTest;
}