ASP.NET+JAVASCRIPT+CSS (copy Google's drag-and-drop personalized page layout) (Operations database 2)

the effect is tested through Firefox and IE. drag and then automatically save the layout to the database.

saveside. Aspx.cs

public class SaveSide:System.Web.UI.Page
{
ahui4367. Sidesql tempsidesql=new sidesql ();
private void Page_Load (object sender, System.EventArgs e)
{
if (request.querystring["action"]== "Changeside")
{
String strleft=request.querystring["Strleft"];
String strcenter=request.querystring["Strcenter"];
String strright=request.querystring["Strright"];
Tempsidesql.saveside (strleft,strcenter,strright,1);
}
}

Code generated #region the Web forms Designer
Override protected void OnInit (EventArgs e)
{
//
CodeGen: This call is required for the ASP.net Web forms Designer.
//
InitializeComponent ();
Base. OnInit (e);
}

<summary>
Designer supports required methods-do not use the Code editor to modify
The contents of this method.
</summary>
private void InitializeComponent ()
{
This. Load + = new System.EventHandler (this. Page_Load);

}
#endregion
}

I changed the code of yesterday's publication again. Look at the following/also use the prototype1.4 frameout,<% @ Page Language = "C #" Codebehind = "WebForm6.aspx.cs" AutoEventWireup = "false" Inherits = "Democlass.web FORM6 "%>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//en" >
< HTML >
< head >
< title > WEBFORM6 </title >
< meta content = "Microsoft Visual Studio. NET 7.1" name = "Generator" >
< meta content = "C #" name = "Code_language" >
< meta content = "JavaScript" name = "vs_defaultClientScript" >
< meta content = "HTTP://SCHEMAS.MICROSOFT.COM/INTELLISENSE/IE5" name = "Vs_targetschema" >
< script src = ' prototype-1.4.0.js ' ></script >
< script src = "google_drag.js" ></script >

< STYLE >
. ModBox. El ... { }
. ModBox. CSL ... {Display:none}
. modbox. Es ... {Display:none}
. modbox_e. El ... {Display:none}
. modbox_e. CSL ... { }
. modbox. Es ... { }
. Fres ... {Overflow:hidden;; Width:expression (_gel ("Ffresults"). offsetwidth+ "px")}
. Panelo ... { }
. PANELC ... { }
. MoD ... { }
. Unmod ... { }
FORM ... {Display:inline}
. C.. {Clear:both}
Body ... {Font-family:arial,sans-serif}
Td... {Font-family:arial,sans-serif}
A... {Font-family:arial,sans-serif}
P... {Font-family:arial,sans-serif}
. h... {Font-family:arial,sans-serif}
A:link ... {COLOR: #0000cc}
A:visited ... {COLOR: #551a8b}
A:active ... {COLOR: #ff0000}
. Mttl ... {padding-right:5px; padding-left:2px; Font-weight:bold; font-size:122%; width:90%; Background-color: #e5ecf9}