GuideLines of Best HTML layout of Variety of culture
1)Avoid using absolute postioning and sizes for control
2)Use Entire width anf height of the Forms
3)Sixe of elements to the overall size of the form
4)Use seperate table cell for each control
5)Avoid enabling the nowrap property in table
6)Avoid Secify the align property table
Upload file to server using javsvcript in Asp.net
1)Add Datagrid to a page use Item template
2)Add inline frame in a page
3)Upload.aspx page contain a file control going upload file into server
4)gridupload .aspx on rowdatabound call javascript function browserup1()
5)browserup1() internally call file control & upload file to a server
gridupload.aspx
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" language="javascript">
function Browseupl()
{
var ifUpload;
var confirmUpload;
ifUpload = ifu.document.form1;
ifUpload.myFile.click();
// confirmUpload = confirm ("You are about to upload the file " + ifUpload.myFile.value + " to the server. Do you agree to Upload?");
// if (confirmUpload)
// {
ifUpload.btnSubmit.click();
// }
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<iframe src="Upload.aspx" frameborder="1" id="ifu" name="ifu" style="display:none;"></iframe>
<asp:GridView ID="grdview" runat="server" AutoGenerateColumns="false" OnRowDataBound="grdview_RowDataBound">
<Columns>
<asp:BoundField DataField="TntCode" HeaderText="Tenant Code" />
<asp:BoundField DataField="TntName" HeaderText="Tenant Name" />
<asp:BoundField DataField="FrmDt" HeaderText="From Date" />
<asp:BoundField DataField="ToDt" HeaderText="To Date" />
<asp:TemplateField>
<ItemTemplate>
<asp:ImageButton ID="btnimg" runat="server" CommandName="UPLOAD" ImageUrl="Images/upload_file_icon.gif" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<div>
</div>
</form>
</body>
</html>
gridupload.cs
public partial class gridupload : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
Bindgrid();
//grdview.Attributes.Add("onclick", "Browseupl();");
}
}
private void Bindgrid()
{
DataTable dt = new DataTable();
DataRow dr;
DataColumn dc;
dc = new DataColumn("TntCode");
dt.Columns.Add(dc);
dc = new DataColumn("TntName");
dt.Columns.Add(dc);
dc = new DataColumn("FrmDt");
dt.Columns.Add(dc);
dc = new DataColumn("ToDt");
dt.Columns.Add(dc);
dr = dt.NewRow();
dr["TntCode"] = "123456";
dr["TntName"] = "Jhon";
dr["FrmDt"] = "06/10/2008";
dr["ToDt"] = "09/10/2008";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["TntCode"] = "452130";
dr["TntName"] = "Peter";
dr["FrmDt"] = "08/10/2008";
dr["ToDt"] = "09/10/2008";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["TntCode"] = "452045";
dr["TntName"] = "James";
dr["FrmDt"] = "04/10/2008";
dr["ToDt"] = "09/10/2008";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["TntCode"] = "785245";
dr["TntName"] = "Ricky";
dr["FrmDt"] = "02/10/2008";
dr["ToDt"] = "09/10/2008";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["TntCode"] = "742569";
dr["TntName"] = "Martin";
dr["FrmDt"] = "07/10/2008";
dr["ToDt"] = "09/10/2008";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["TntCode"] = "124568";
dr["TntName"] = "Bill";
dr["FrmDt"] = "03/10/2008";
dr["ToDt"] = "09/10/2008";
dt.Rows.Add(dr);
grdview.DataSource = dt;
grdview.DataBind();
}
protected void grdview_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Cells[4].Attributes.Add("onclick", "Browseupl();");
}
}
}
}
Upload.aspx
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function SubmitForm()
{
// Simply, submit the form
document.form1.submit ();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="file" runat="server" id="myFile" name="myFile" style="visibility:hidden;" />
<input type="button" runat="server" id="btnSubmit" name="btnSubmit" onclick="javascript:SubmitForm();" style="visibility:hidden;" />
<br /><asp:Label ID="lblMsg" runat="server" ForeColor="red" Font-Size="Medium" Font-Bold="true"></asp:Label>
</div>
</form>
</body>
</html>
