tag:blogger.com,1999:blog-70718073266545224722024-02-06T20:10:03.885-08:00DotNet DeveloperSimple and Easy way to implement .NetAnish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.comBlogger29125tag:blogger.com,1999:blog-7071807326654522472.post-58062475364467911012012-10-11T08:52:00.001-07:002012-10-11T08:53:25.884-07:00Insert and Retrieve Image from Database (Sql Server) in .net<span style="font-family: Courier New, Courier, monospace;">In this Example I will show you how to insert and fetch Image Directly from Database.</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;">Step 1.</span>
<span style="font-family: Courier New, Courier, monospace;">First We will create Table.</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXM3DstzZWprrpq1HXKY-WP3C9FwZispWUV03G2xUHIC4m6Y_WAtz48cm3uprDHBxsrwP0QagZ9k-4Hj6fp0DZAakRf6PjkuEqPK44NJu0a1VRJRGQf0HTGve7UjtinnkSsXzGs4MxPRg/s1600/ImageTable.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXM3DstzZWprrpq1HXKY-WP3C9FwZispWUV03G2xUHIC4m6Y_WAtz48cm3uprDHBxsrwP0QagZ9k-4Hj6fp0DZAakRf6PjkuEqPK44NJu0a1VRJRGQf0HTGve7UjtinnkSsXzGs4MxPRg/s640/ImageTable.png" width="640" /></a></div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Courier New, Courier, monospace;">Step 2.</span><br />
<span style="font-family: Courier New, Courier, monospace;">Now code to insert image in Database</span>
<br />
<span style="font-family: Courier New, Courier, monospace;">SaveImage.aspx</span><br />
<div style="border: 1px dashed #2D3E5B;">
<span style="color: #073763; font-family: Courier New, Courier, monospace;"></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;">Design.</span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><form id="form1" runat="server"></b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> <asp:FileUpload ID="FileUpload1" runat="server" /></b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> <asp:Button ID="Button1" runat="server"</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Text="Button" onclick="Button1_Click" /></b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b></form></b></span><br />
<br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: 'Courier New', Courier, monospace;">Code.</span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Collections.Generic;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Linq;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web.UI;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web.UI.WebControls;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data.SqlClient;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Configuration;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data.SqlClient;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>public partial class saveimageinbinary : System.Web.UI.Page</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>{</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> SqlConnection conn;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string s = ConfigurationManager.ConnectionStrings["imageconverter"].ConnectionString.ToString();</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;">protected void Page_Load(object sender, EventArgs e)</span></b><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> conn = new SqlConnection(s);</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;">}</span></b><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> protected void Button1_Click(object sender, EventArgs e)</b></span><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> StartUpLoad();</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;"> }</span></b><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> private void StartUpLoad()</b></span><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"> //get the image file that was posted (binary format)</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> byte[] theImage = new byte[FileUpload1.PostedFile.ContentLength];</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> HttpPostedFile Image = FileUpload1.PostedFile;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Image.InputStream.Read(theImage, 0, (int)FileUpload1.PostedFile.ContentLength);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> int length = theImage.Length; //get the length of the image</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string fileName = FileUpload1.FileName.ToString(); //get the file name of the posted image</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string type = FileUpload1.PostedFile.ContentType; //get the type of the posted image</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> int size = FileUpload1.PostedFile.ContentLength; //get the size in bytes that</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> if (FileUpload1.PostedFile != null && FileUpload1.PostedFile.FileName != "")</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> //Call the method to execute Insertion of data to the Database</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> ExecuteInsert(theImage, fileName, length);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Response.Write("Save Successfully!");</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;"> }</span></b><br />
<b><br /></b>
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> private void ExecuteInsert(byte[] Image, string Name, int length)</b></span><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> </b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string sql = "INSERT INTO TblImages (Image, ImageName) VALUES "</b></span><br />
<span style="color: #073763; font-family: 'Courier New', Courier, monospace;"><b> + " (@img,@imgname)";</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"> // SqlCommand cmd = new SqlCommand(sql,conn);</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> // conn.Open();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> //// cmd.ExecuteNonQuery();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> </b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> try</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> conn.Open();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> SqlCommand cmd = new SqlCommand(sql, conn);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> SqlParameter[] param = new SqlParameter[4];</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"> param[0] = new SqlParameter("@img", SqlDbType.Image, length);</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> param[1] = new SqlParameter("@type", SqlDbType.NVarChar, 50);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> param[2] = new SqlParameter("@imgsize", SqlDbType.BigInt, 9999);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> param[3] = new SqlParameter("@imgname", SqlDbType.NVarChar, 50);</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"> param[0].Value = Image;</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> param[1].Value = Type;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> param[2].Value = Size;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> param[3].Value = Name;</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"> for (int i = 0; i < param.Length; i++)</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> cmd.Parameters.Add(param[i]);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"> cmd.CommandType = CommandType.Text;</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> cmd.ExecuteNonQuery();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> catch (System.Data.SqlClient.SqlException ex)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string msg = "Insert Error:";</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> msg += ex.Message;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> throw new Exception(msg);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> finally</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> </b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> conn.Close();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b>}</b></span></div>
<br />
<span style="font-family: Courier New, Courier, monospace;">Step 3</span><br />
<span style="font-family: Courier New, Courier, monospace;">Fetch Image from Database.</span><br />
<span style="font-family: Courier New, Courier, monospace;">Here I am using Handler.ashx page to retrieve image.</span><br />
<span style="font-family: Courier New, Courier, monospace;">ShowImage.aspx</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<br />
<div style="border: 1px dashed #2D3E5B;">
<span style="color: #073763; font-family: Courier New, Courier, monospace;">Design.</span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"></span><br />
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"> <b><div></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" onselectedindexchanged="DropDownList1_SelectedIndexChanged"></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> </asp:DropDownList><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b></div></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;">Code.</span></div>
<div style="color: #073763;">
<br /></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Collections.Generic;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Linq;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Web;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Web.UI;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Web.UI.WebControls;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Data.SqlClient;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Data;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Data.SqlClient;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>using System.Configuration;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>public partial class showbinaryimage : System.Web.UI.Page</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b>{</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> SqlConnection connection;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> string s = ConfigurationManager.ConnectionStrings["imageconverter"].ConnectionString.ToString();</b></span></div>
<span style="font-family: Courier New, Courier, monospace;"><b><span style="color: #073763;"> </span><span style="color: #660000;"> private void BindFileNames()</span></b></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> {</b></span></span><br />
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> DataTable dt = new DataTable();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> // SqlConnection connection = new SqlConnection(GetConnectionString());</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> try</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> connection.Open();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> string sqlStatement = "SELECT * FROM TblImages";</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> SqlCommand sqlCmd = new SqlCommand(sqlStatement, connection);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> SqlDataAdapter sqlDa = new SqlDataAdapter(sqlCmd);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> sqlDa.Fill(dt);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> if (dt.Rows.Count > 0)</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> DropDownList1.DataSource = dt;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> DropDownList1.DataTextField = "ImageName"; // the items to be displayed in the list items</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> DropDownList1.DataValueField = "Id"; // the id of the items displayed</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> DropDownList1.DataBind();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> catch (System.Data.SqlClient.SqlException ex)</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> string msg = "Fetch Error:";</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> msg += ex.Message;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> throw new Exception(msg);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> finally</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> connection.Close();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<span style="font-family: Courier New, Courier, monospace;"><b><span style="color: #073763;"> </span><span style="color: #660000;"> }</span></b></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> protected void Page_Load(object sender, EventArgs e)</b></span></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> {</b></span></span><br />
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> if (!Page.IsPostBack)</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> BindFileNames();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> connection = new SqlConnection(s);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<span style="font-family: Courier New, Courier, monospace;"><b><span style="color: #073763;"> </span><span style="color: #660000;">}</span></b></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> public string GetConnectionString()</b></span></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> {</b></span></span><br />
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> //sets the connection string from your web config file "ConnString" is the name of your Connection String</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> return System.Configuration.ConfigurationManager.ConnectionStrings["imageconverter"].ConnectionString;</b></span></div>
<span style="font-family: Courier New, Courier, monospace;"><b><span style="color: #073763;"> </span><span style="color: #660000;"> }</span></b></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> private void GetImageInfo(string id)</b></span></span><br />
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b> {</b></span></span><br />
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> </b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> string sql = "SELECT * FROM TblImages WHERE Id = @id";</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> SqlCommand cmd = new SqlCommand(sql, connection);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> cmd.Parameters.AddWithValue("@id", id);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> connection.Open();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> SqlDataReader reader = cmd.ExecuteReader();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> reader.Read();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b><br /></b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> //Get Image Information</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> Label1.Text = reader["ImageName"].ToString();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> reader.Close();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> connection.Close();</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> if (DropDownList1.SelectedIndex > 0)</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> {</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> //Set the ImageUrl to the path of the handler with the querystring value</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> Image1.ImageUrl = "Handler.ashx?id=" + DropDownList1.SelectedItem.Value;</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> //call the method to get the image information and display it in Label Control</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> GetImageInfo(DropDownList1.SelectedItem.Value);</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> }</b></span></div>
<div style="color: #073763;">
<span style="font-family: Courier New, Courier, monospace;"><b> </b></span></div>
<span style="font-family: Courier New, Courier, monospace;"><span style="color: #660000;"><b>}</b></span></span><br />
<br /></div>
<br />
<span style="font-family: Courier New, Courier, monospace;">Handler.ashx</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<br />
<div style="border: 1px dashed #2D3E5B;">
<br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><%@ WebHandler Language="C#" Class="Handler" %></b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data.SqlClient;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.IO;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Collections.Specialized;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data.SqlClient;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Data;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Configuration;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>public class Handler : IHttpHandler {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;"> public string GetConnectionString()</span></b><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> //sets the connection string from your web config file "ConnString" is the name of your Connection String</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> return System.Configuration.ConfigurationManager.ConnectionStrings["imageconverter"].ConnectionString;</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;"> }</span></b><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> public void ProcessRequest(HttpContext context)</b></span><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string id = context.Request.QueryString["id"]; //get the querystring value that was pass on the ImageURL (see GridView MarkUp in Page1.aspx)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> if (id != null)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> </b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> MemoryStream memoryStream = new MemoryStream();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> SqlConnection connection = new SqlConnection(GetConnectionString());</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> string sql = "SELECT * FROM TblImages WHERE Id = @id";</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> </b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> SqlCommand cmd = new SqlCommand(sql, connection);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> cmd.Parameters.AddWithValue("@id", id);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> connection.Open();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> SqlDataReader reader = cmd.ExecuteReader();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> reader.Read();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> //Get Image Data</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> byte[] file = (byte[])reader["Image"];</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> reader.Close();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> connection.Close();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> memoryStream.Write(file, 0, file.Length);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> context.Response.Buffer = true;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> context.Response.BinaryWrite(file);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> memoryStream.Dispose();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span><span style="color: #660000; font-family: Courier New, Courier, monospace;"> }</span></b><br />
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #660000; font-family: Courier New, Courier, monospace;"><b> public bool IsReusable {</b></span><br />
<b><span style="color: #660000; font-family: Courier New, Courier, monospace;"> </span><span style="color: #073763; font-family: Courier New, Courier, monospace;"> get {</span></b><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>}</b></span><br />
<div>
<br /></div>
</div>
Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-83112498970123059732012-09-05T05:53:00.000-07:002012-09-05T05:54:08.534-07:00Storing Object in ViewState Example <span style="font-family: Courier New, Courier, monospace;">In this Example i am using ViewState and HashTable to store value of textbox.</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;">HashTable class is a serializable, it can be stored in view state without a hitch.</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;">All the control information for the page are store in hashtable and then add the hashtable to the viewstate for the page.</span>
<br />
<div style="border: 1px dashed gray;">
<br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Collections.Generic;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Linq;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web.UI;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Web.UI.WebControls;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>using System.Collections;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>public partial class viewstate : System.Web.UI.Page</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>{</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Hashtable texttosave = new Hashtable();</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> protected void Page_Load(object sender, EventArgs e)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><br /></b></span>
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> protected void btnadd_Click(object sender, EventArgs e)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> savealltext(form1.Controls,true);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> ViewState["controltext"] = texttosave;</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> private void savealltext(ControlCollection controls,bool savenested)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> foreach (Control control in controls)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> if (control is TextBox)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> texttosave.Add(control.ID, ((TextBox)control).Text);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> if ((control.Controls != null) && savenested)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> savealltext(control.Controls, true);</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> protected void btndisplay_Click(object sender, EventArgs e)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> if (ViewState["controltext"] != null)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> {</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Hashtable savedtext = (Hashtable)ViewState["controltext"];</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Label1.Text = "";</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> foreach (DictionaryEntry item in savedtext)</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> { </b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> Label1.Text += (string)item.Key+"="+(string)item.Value+"<br/>";</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b> }</b></span><br />
<span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>}</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Courier New, Courier, monospace;">output</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7UXk9isUqenvvF19xaYtLu78cXKXL4Kb5W2i4rF5yiT6l76UhEt3wXFrN4KQiOL2hj1RD7DY_p2D0K3xnKrtv7zLuJQ4WBHYMQ3aFD-CnF-MeF_bzwUPVN7jrWRTS-sqd31tyNjgdVc/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7UXk9isUqenvvF19xaYtLu78cXKXL4Kb5W2i4rF5yiT6l76UhEt3wXFrN4KQiOL2hj1RD7DY_p2D0K3xnKrtv7zLuJQ4WBHYMQ3aFD-CnF-MeF_bzwUPVN7jrWRTS-sqd31tyNjgdVc/s1600/Untitled.png" /></a></div>
<br />Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-75167632522900258092012-08-17T06:00:00.000-07:002012-09-06T01:41:27.248-07:00Merge Split file in Asp.net<div style="width: 100%;">
<table>
<tbody>
<tr>
<td style="width: 50%;"><script type="text/javascript"><!--
<script type="text/javascript"><!--
google_ad_client = "ca-pub-4003278409722144";
/* mobile1 */
google_ad_slot = "0115361501";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></td>
<td style="width: 50%;"><script type="text/javascript"><!--
<script type="text/javascript"><!--
google_ad_client = "ca-pub-4003278409722144";
/* mobile1 */
google_ad_slot = "0115361501";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></td>
</tr>
</tbody></table>
</div>
<div>
<span style="font-family: "Courier New", Courier, monospace;">In this example i am showing how to merge split file </span><br />
<br />
<span style="font-family: Courier New, Courier, monospace;">To view Example of Split file Click: <a href="http://anishwebdeveloper.blogspot.in/2012/08/split-file-example-in-aspnet.html" target="_blank">Split File Example</a></span><br />
<span style="font-family: "Courier New", Courier, monospace;">in .aspx page</span><br />
<div style="border: 1px solid gray;">
<span style="color: #073763; font-family: 'Courier New', Courier, monospace; font-size: x-small;"><b> </b></span><span style="color: #073763; font-family: Courier New, Courier, monospace;"><b><asp:Button ID="btnmerge" runat="server" Text="merge" onclick="</b></span>
<b style="color: #073763; font-family: 'Courier New', Courier, monospace;">btnmerge</b> <span style="color: #073763; font-family: Courier New, Courier, monospace;"><b>_Click" /></b> </span></div>
</div>
<span style="font-family: "Courier New",Courier,monospace;">in .cs page</span><br />
<br />
<div style="border: 1px solid gray;">
<div style="color: #073763; font-family: 'Courier New', Courier, monospace;">
<span style="font-size: small;"><b style="color: #073763;">using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Web;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br />using System.IO;<br />public partial class _Default : System.Web.UI.Page<br />{<br /> protected void Page_Load(object sender, EventArgs e)<br /> {<br /><br /> }<br /> protected void </b></span><b>btnmerge</b><span style="font-size: small;"><b style="color: #073763;">_Click(object sender, EventArgs e)<br /> {</b></span></div>
<span style="font-size: small;"><b></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> string[] tmpfiles = Directory.GetFiles(Server.MapPath("file/"), "*.tmp");</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> FileStream outPutFile = null;</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> string PrevFileName = "";</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> foreach (string tempFile in tmpfiles)</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> {</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> string fileName = Path.GetFileNameWithoutExtension(tempFile);</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> string ex = Session["extension"].ToString();</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> string baseFileName = fileName.Substring(0, fileName.IndexOf(Convert.ToChar(".")));</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> string extension = Path.GetExtension(ex);</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> if (!PrevFileName.Equals(baseFileName))</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> {</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> if (outPutFile != null)</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> {</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> outPutFile.Flush();</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> outPutFile.Close();</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> }</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> outPutFile = new FileStream(Server.MapPath("merge") + "\\" + baseFileName + extension, FileMode.OpenOrCreate, FileAccess.Write);</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> }</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> int bytesRead = 0;</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> byte[] buffer = new byte[1024];</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> FileStream inputTempFile = new FileStream(tempFile, FileMode.OpenOrCreate, FileAccess.Read);</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> while ((bytesRead = inputTempFile.Read(buffer, 0, 1024)) > 0)</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> outPutFile.Write(buffer, 0, bytesRead);</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> inputTempFile.Close();</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> File.Delete(tempFile);</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> PrevFileName = baseFileName;</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> }</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> outPutFile.Close();</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> Response.Write( "Files have been merged and saved at location");</span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> </span></b></span><br />
<span style="font-size: small;"><b><span style="color: #073763; font-family: Courier New, Courier, monospace;"> }</span></b></span></div>
output<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRbZOm5fBgUDpvl-pVqwToQnG7sHCzGIK_huNgcMUjcgKRBnAHgFHi9EyRwwAAIQD9ciVMcLoCUZCCtAZn2HNNcfNONFMeW1pmYfkoe2dqGYFgb8IcCf7i0hTI70E_Ky87f7fVY8zPiUI/s1600/res1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRbZOm5fBgUDpvl-pVqwToQnG7sHCzGIK_huNgcMUjcgKRBnAHgFHi9EyRwwAAIQD9ciVMcLoCUZCCtAZn2HNNcfNONFMeW1pmYfkoe2dqGYFgb8IcCf7i0hTI70E_Ky87f7fVY8zPiUI/s320/res1.png" width="233" /></a></div>
<br />Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com2tag:blogger.com,1999:blog-7071807326654522472.post-22768964209042581622012-08-02T06:09:00.001-07:002012-08-02T06:09:27.336-07:00Insert/Show Record Using Client Callbacks in asp.net<div style="border: 2px dashed;">
<span style="font-family: "Courier New",Courier,monospace;"><span style="color: #990000;">Client callbacks</span> : Rather than posting back the entire page, your custom control can send a request to the server to get just the additional information it needs.</span></div>
<br />
<div style="border: 2px dashed; font-family: "Courier New",Courier,monospace;">
Example: On Click of Button Insert Record in Database with text value.</div>
<br />
<div style="border: 2px dashed; font-family: "Courier New",Courier,monospace;">
<span style="color: #990000;"><u>in .aspx page</u> </span> <script type="text/javascript"><br />
function ss() {<br />
var va = document.forms[0].Text1.value;<br />
UseCallback(va, "");<br />
<br />
<br />
}<br />
function show(Text1, context) {<br />
alert(Text1);<br />
<br />
}<br />
</script> <br />
<asp:Panel ID="Panel2" runat="server"><br />
<input id="Text1" type="text" runat="server" /><br />
<input id="Button1" type="button" value="button" onclick="ss()"/><br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server"><br /> <Triggers><br /> <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /><br /> </Triggers><br /> <ContentTemplate><br /> <asp:Timer ID="Timer1" runat="server" Interval="1000"><br /> </asp:Timer><br /> <asp:DropDownList ID="DropDownList1" runat="server"><br /> </asp:DropDownList><br /> </ContentTemplate><br /> </asp:UpdatePanel><br />
</asp:Panel><br />
<br />
<div style="color: #990000;">
<u>in .cs page </u> </div>
<div style="color: #990000;">
<span style="color: black;">using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Web;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br />using System.Data.SqlClient;<br />using System.Data;</span> </div>
<div style="color: black;">
public partial class _Default: System.Web.UI.Page, System.Web.UI.ICallbackEventHandler<br />
{<br />
SqlConnection con = null;<br /> SqlCommand cmd,cmd1 = null;<br /> DataSet ds = null;<br /> SqlDataAdapter da = null;<br />
private string aa = null; </div>
<div style="color: #990000;">
<span style="color: black;"> </span><b><span style="color: black;"></span><span style="color: #444444;">protected void Page_Load(object sender, EventArgs e)</span><br style="color: #444444;" /><span style="color: #444444;"> {</span><br style="color: #444444;" /><span style="color: #444444;"> string cref = Page.ClientScript.GetCallbackEventReference(this, "arg", "show", "context");</span><br style="color: #444444;" /><span style="color: #444444;"> string cscript = "function UseCallback(arg,context)" +</span><br style="color: #444444;" /><span style="color: #444444;"> "{" + cref + ";" + "}";</span><br style="color: #444444;" /><span style="color: #444444;"> Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "UseCallback", cscript, true);</span></b><br />
<br />
<br />
<b><span style="color: #444444;"> cmd1 = new SqlCommand("select Message from ChatDb", con);<br /> da = new SqlDataAdapter(cmd1);<br /> ds = new DataSet();<br /> da.Fill(ds);<br /> if (ds.Tables[0].Rows.Count > 0)<br /> {<br /> <br /> DropDownList1.DataSource = ds.Tables[0];<br /> DropDownList1.DataTextField = "Message";<br /> DropDownList1.DataBind();<br /> } </span></b></div>
<div style="color: #990000;">
<b><span style="color: #444444;"> } </span></b></div>
<div style="color: #990000;">
<b><span style="color: #444444;"> public string GetCallbackResult()<br /> {<br /> return aa;<br /> }<br /> public void RaiseCallbackEvent(string eventArgument)<br /> {</span></b><br />
<b><span style="color: #444444;"> cmd = new SqlCommand("insert into ChatDb values('" + eventArgument + "')", con);<br /> con.Open();<br /> cmd.ExecuteNonQuery();<br /> con.Close(); </span></b><br />
<b><span style="color: #444444;"><br /> aa = eventArgument;<br /> } </span></b> </div>
<div style="color: #990000;">
</div>
<div style="color: #990000;">
</div>
<div style="color: #990000;">
</div>
<div style="color: #990000;">
</div>
<div style="color: #990000;">
</div>
<div style="color: #990000;">
<span style="color: black;">}</span></div>
</div>
<div>
<span style="font-family: "Courier New",Courier,monospace;">OutPut</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5WlUv2ibm1Ooz3y_T0LSKquR2BTYgBXIIgTHOVdHAHxCENIm5qb6GrZGvuPPvJ4t6rR7GLJIqGsIl6RZRaeCXfGkalTkBlqxKtw39If9-IlECkEQwm-B52pye3gHwIVJTKnIm_PN-ddU/s1600/res.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5WlUv2ibm1Ooz3y_T0LSKquR2BTYgBXIIgTHOVdHAHxCENIm5qb6GrZGvuPPvJ4t6rR7GLJIqGsIl6RZRaeCXfGkalTkBlqxKtw39If9-IlECkEQwm-B52pye3gHwIVJTKnIm_PN-ddU/s320/res.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi95ytIz-gx7ZOSLgtVWDZ_4m-3Go3-5pA-Dh50BOtty3imUyTI9NqhG06Z7URcdd4rJ0zhu0bJkXfXBJdiNz1qLBnDjxMFbaf13URnyN8JOkBOKdfdDdtAwYiB7A5EEjbUNn-isOkvlo/s1600/res1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi95ytIz-gx7ZOSLgtVWDZ_4m-3Go3-5pA-Dh50BOtty3imUyTI9NqhG06Z7URcdd4rJ0zhu0bJkXfXBJdiNz1qLBnDjxMFbaf13URnyN8JOkBOKdfdDdtAwYiB7A5EEjbUNn-isOkvlo/s1600/res1.png" /></a></div>
<span style="font-family: "Courier New",Courier,monospace;"> </span>
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-76416099277880560992012-07-14T05:26:00.003-07:002012-07-14T05:28:25.498-07:00Piano in Asp.net<span style="font-family: 'Courier New', Courier, monospace;">In this blog I am showing the example of Making piano.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">"Built and play piano using keyboard and mouse"</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">We can play piano only in client side. On server side this code will not be helpful.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Because i am using "winmm.dll" file for making sound which is located in client computer.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">The script will check the keypress event by knowing their ASCII value.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">in .aspx</span><br />
<div style="background-color: #324464;">
<br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><head runat="server"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <title></title></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <script type="text/javascript"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> document.onkeyup = KeyCheck;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> function KeyCheck(e) {</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> var KeyID = (window.event) ? event.keyCode : e.keyCode;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> {</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> __doPostBack('__Page', KeyID);</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> }</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> }</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </script></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"></head></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><body></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <form id="form1" runat="server"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <div style="height: 200px; vertical-align: top; background-color:Yellow;" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <table></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <tr></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button1" runat="server" Text="A" BackColor="White" BorderColor="Black"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="192px" Width="41px" /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> &nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button2" runat="server" Text="S" BackColor="Black" BorderColor="white"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="139px" Style="margin-bottom: 0px"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ForeColor="White" Width="41px" />&nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button3" runat="server" Text="D" BackColor="White" BorderColor="Black"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="192px" Width="41px" /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> &nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button4" runat="server" Text="F" BackColor="Black" BorderColor="white"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="139px" Style="margin-bottom: 0px"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ForeColor="White" Width="41px" />&nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button5" runat="server" Text="G" BackColor="White" BorderColor="Black"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="192px" Width="41px" /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> &nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button6" runat="server" Text="H" BackColor="Black" BorderColor="white"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="139px" Style="margin-bottom: 0px"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ForeColor="White" Width="41px" />&nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button7" runat="server" Text="J" BackColor="White" BorderColor="Black"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="192px" Width="41px" /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> &nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button8" runat="server" Text="K" BackColor="Black" BorderColor="white"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="139px" Style="margin-bottom: 0px"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ForeColor="White" Width="41px" />&nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button9" runat="server" Text="L" BackColor="White" BorderColor="Black"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="192px" Width="41px" /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> &nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button10" runat="server" Text=";" BackColor="Black" BorderColor="white"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="139px" Style="margin-bottom: 0px"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ForeColor="White" Width="41px" />&nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Button ID="Button11" runat="server" Text="'" BackColor="White" BorderColor="Black"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> BorderStyle="Solid" BorderWidth="1px" Height="192px" Width="41px" /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> &nbsp;</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </tr></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </table></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </div></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <div style=" vertical-align: top;" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <table></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <tr></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image1" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image2" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image3" runat="server" Width="20px" Height="20px" /> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image4" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image5" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image6" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image7" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image8" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image9" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image10" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <td valign="top" style="width:41px" align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image11" runat="server" Width="20px" Height="20px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </td></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </tr></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </table></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </div></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <%--<div style=" vertical-align: top;"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <asp:Image ID="Image12" runat="server" Width="20px" Height="20px" ImageUrl="~/up_arrow.png" style="padding-left:420px"/> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </div>--%></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <div align="center"></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <font size="5px" style="font-family:Garamond;" color="red"> Press the no given on piano, to listen sound.</font></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </div></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> </form></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"></body></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGbGHHNO7dJiqUJq0XkWQ6RICw_5IAVaRN664mHS4FabbNULFP93MtTjb5OQvAXzHYYr_U0vMDTgNi3Xz-8ewhBDH7q-3tmZahPqZfEbTKXdgbu0V2lKyuiRgxPvr7xZeG7xvZg4Nt7o/s1600/piano+image.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<span style="background-color: white; font-family: 'Courier New', Courier, monospace; text-align: left;">Now Code</span><br />
<span style="background-color: white; font-family: 'Courier New', Courier, monospace; text-align: left;"><br /></span><br />
<span style="background-color: white; font-family: 'Courier New', Courier, monospace; text-align: left;">in .vb page</span><br />
<span style="background-color: white; font-family: 'Courier New', Courier, monospace; text-align: left;"><br /></span>
<br />
<div style="background-color: #324464;">
<br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;">Imports System.Runtime.InteropServices</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;">Imports Microsoft.VisualBasic.Devices</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;">Imports Microsoft.VisualBasic</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;">Partial Class piano1</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Inherits System.Web.UI.Page</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> <DllImport("winmm.dll", EntryPoint:="mciSendStringA")> _</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Private Shared Function mciSendString(ByVal lpstrCommand As String, ByVal lpstrReturnString As String, ByVal uReturnLength As Integer, ByVal hwndCallback As Integer) As Integer</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Function</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Dim computer As New Computer</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Stop()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Page.ClientScript.GetPostBackEventReference(Me, "")</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Dim eventArgs As String = Request("__EVENTARGUMENT")</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> If eventArgs <> "" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> If eventArgs = "65" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound1()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "83" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound2()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "68" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound3()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "70" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound4()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "71" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound5()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "72" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound6()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "74" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound7()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "75" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound8()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "76" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound9()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "59" Or eventArgs = "186" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound10()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> ElseIf eventArgs = "222" Then</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound11()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End If</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End If</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image1.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image2.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image3.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image4.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image5.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image6.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image7.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image8.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image9.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image10.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image11.Visible = False</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button1.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button2.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button3.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button4.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button5.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button6.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button7.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button8.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button9.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button10.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button11.BorderWidth = "1"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound1()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s1.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image1.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image1.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button1.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound2()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s2.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image2.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image2.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button2.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound3()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image3.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image3.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s3.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button3.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound4()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image4.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image4.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s4.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button4.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound5()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image5.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image5.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s5.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button5.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound6()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image6.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image6.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s6.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button6.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound7()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image7.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image7.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s7.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button7.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound8()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image8.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image8.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s8.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button8.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound9()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image9.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image9.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s9.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button9.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound10()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image10.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image10.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s10.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button10.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Public Sub playsound11()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image11.Visible = True</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Image11.ImageUrl = "~/image/up_arrow.png"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> computer.Audio.Play(Server.MapPath("piano/s11.wav"), AudioPlayMode.Background)</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Button11.BorderWidth = "3"</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound1()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound2()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound3()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button4.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound4()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button5_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button5.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound5()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button6_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button6.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound6()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button8_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button8.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound8()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button9_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button9.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound9()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button10_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button10.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound10()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button11_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button11.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound11()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> Protected Sub Button7_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button7.Click</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> visi()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> borderwid()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> playsound7()</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="color: white; font-family: 'Courier New', Courier, monospace;">End Class</span><br />
<div style="color: white; font-family: 'Courier New', Courier, monospace;">
<br /></div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGbGHHNO7dJiqUJq0XkWQ6RICw_5IAVaRN664mHS4FabbNULFP93MtTjb5OQvAXzHYYr_U0vMDTgNi3Xz-8ewhBDH7q-3tmZahPqZfEbTKXdgbu0V2lKyuiRgxPvr7xZeG7xvZg4Nt7o/s1600/piano+image.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGbGHHNO7dJiqUJq0XkWQ6RICw_5IAVaRN664mHS4FabbNULFP93MtTjb5OQvAXzHYYr_U0vMDTgNi3Xz-8ewhBDH7q-3tmZahPqZfEbTKXdgbu0V2lKyuiRgxPvr7xZeG7xvZg4Nt7o/s400/piano+image.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoSRn8oUhGTnIyEDOgj-uYuXBibFy30XKlitgBYsOn3hsCVEs00prRhITZxrYWua6BNqtoqIoii9bWU-WyfnrGu8Pjxn75kyYXKrdsBJ0H0BNIwgUaZA2pWi5c-MVUNHcL7JLYUdBXsUM/s1600/sound.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoSRn8oUhGTnIyEDOgj-uYuXBibFy30XKlitgBYsOn3hsCVEs00prRhITZxrYWua6BNqtoqIoii9bWU-WyfnrGu8Pjxn75kyYXKrdsBJ0H0BNIwgUaZA2pWi5c-MVUNHcL7JLYUdBXsUM/s400/sound.png" width="257" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: 'Courier New', Courier, monospace;">Enjoy Piano</span></div>
<br /></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com1tag:blogger.com,1999:blog-7071807326654522472.post-80371031124590786262012-04-24T22:07:00.001-07:002012-04-24T22:07:40.301-07:00Encrypt and Decrypt Data using Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Courier New', Courier, monospace;">Here In code base64 Encryption and Decryption in done.</span><br />
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">Simple example I am showing you to make understand.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">Example.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">In .aspx page</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b></b></span><br />
<div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></b></span></div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b>
<div>
<br /></div>
<div>
<asp:Button ID="btnencrypt" runat="server" Text="Encrypt" /> <asp:Button ID="btndecrypt" runat="server" Text="Decrypt" /></div>
</b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><b><br /></b></span></span></div>
<span style="font-family: 'Courier New', Courier, monospace;">
<div>
<span style="color: #783f04;"><b><asp:Label ID="Lblencrypt" runat="server" ></asp:Label></b></span></div>
<div>
<span style="color: #783f04;"><b><br /></b></span></div>
<div>
<span style="color: #783f04;"><b><asp:Label ID="Lbldecrypt" runat="server" ></asp:Label></b></span></div>
<div>
<br /></div>
</span></div>
<div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b>For Encryption.</b></span><br />
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div>
<b style="font-family: 'Courier New', Courier, monospace;">.vb</b></div>
<div>
<b style="font-family: 'Courier New', Courier, monospace;"></b><br />
<div style="display: inline !important;">
<b style="font-family: 'Courier New', Courier, monospace;">Protected Sub btnencrypt_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnencrypt.Click</b></div>
<b style="font-family: 'Courier New', Courier, monospace;">
</b></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div style="color: #783f04; font-weight: bold;">
<span style="font-family: 'Courier New', Courier, monospace;"> Dim data As String = TextBox1.Text</span></div>
<span style="font-family: 'Courier New', Courier, monospace;">
<div style="color: #783f04; font-weight: bold;">
Dim encData_byte As Byte() = New Byte(data.Length - 1) {}</div>
<div style="color: #783f04; font-weight: bold;">
encData_byte = System.Text.Encoding.UTF8.GetBytes(data)</div>
<div style="color: #783f04; font-weight: bold;">
Dim encodedData As String = Convert.ToBase64String(encData_byte)</div>
<div style="color: #783f04; font-weight: bold;">
Lblencrypt.Text = encodedData.ToString()</div>
<div style="font-weight: bold;">
<span style="color: #783f04;"> </span><span style="color: #990000;"> </span><span style="color: #0c343d;">End Sub</span></div>
<div>
<div style="color: #783f04; font-weight: bold;">
<b style="color: black;">.C#</b>
</div>
<b></b><br />
<b>protected void btnencrypt_Click(object sender,System.EventArgs e)</b><br />
<b>{</b><br />
<b><span class="Apple-tab-span" style="white-space: pre;"> </span><span style="color: #783f04;">string data = TextBox1.Text;</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>byte[] encData_byte = new byte[data.Length];</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>encData_byte = System.Text.Encoding.UTF8.GetBytes(data);</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>string encodedData = Convert.ToBase64String(encData_byte);</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Lblencrypt.Text = encodedData.ToString();</span></b><br />
<b>}</b><br />
<b><br /></b><br />
</div>
<div style="color: #783f04; font-weight: bold;">
<b style="color: #660000;">For Decryption.</b>
</div>
<div style="font-weight: bold;">
<div style="color: #783f04;">
<b style="color: #660000;"><br /></b></div>
<b>.vb</b></div>
<div>
<div>
<b>Protected Sub btndecrypt_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btndecrypt.Click</b></div>
<div>
<span style="color: #783f04;"><b> Dim encoder As New System.Text.UTF8Encoding()</b></span></div>
<div>
<span style="color: #783f04;"><b> Dim utf8Decode As System.Text.Decoder = encoder.GetDecoder()</b></span></div>
<div>
<span style="color: #783f04;"><b><br /></b></span></div>
<div>
<span style="color: #783f04;"><b> Dim todecode_byte As Byte() = Convert.FromBase64String(Lblencrypt.Text)</b></span></div>
<div>
<span style="color: #783f04;"><b> Dim charCount As Integer = utf8Decode.GetCharCount(todecode_byte, 0, todecode_byte.Length)</b></span></div>
<div>
<span style="color: #783f04;"><b> Dim decoded_char As Char() = New Char(charCount - 1) {}</b></span></div>
<div>
<span style="color: #783f04;"><b> utf8Decode.GetChars(todecode_byte, 0, todecode_byte.Length, decoded_char, 0)</b></span></div>
<div>
<span style="color: #783f04;"><b> Dim result As String = New [String](decoded_char)</b></span></div>
<div>
<span style="color: #783f04;"><b> Lbldecrypt.Text = result.ToString()</b></span></div>
<div>
<b><span style="color: #783f04;"> </span>End Sub</b><br />
<b><br /></b><br />
<b>.C#</b><br />
<b></b><br />
<b>protected void btndecrypt_Click(object sender,System.EventArgs e)</b><br />
<b>{</b><br />
<b><span class="Apple-tab-span" style="white-space: pre;"> </span><span style="color: #783f04;">System.Text.UTF8Encoding encoder = new System.Text.UTF8Encoding();</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>System.Text.Decoder utf8Decode = encoder.GetDecoder();</span></b><br />
<b><span style="color: #783f04;"><br /></span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>byte[] todecode_byte = Convert.FromBase64String(Lblencrypt.Text);</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>int charCount = utf8Decode.GetCharCount(todecode_byte, 0, todecode_byte.Length);</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>char[] decoded_char = new char[charCount];</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>utf8Decode.GetChars(todecode_byte, 0, todecode_byte.Length, decoded_char, 0);</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>string result = new String(decoded_char);</span></b><br />
<b><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Lbldecrypt.Text = result.ToString();</span></b><br />
<b>}</b><br />
<br />
<b><br /></b></div>
</div>
<div>
<b>Result</b></div>
<div>
<b><br /></b></div>
</span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP-K_s6IYND0gzq0G_Psm-XT7U0vfnic-BkR3eLY22-frTbsVAWC2jTtHe7Rg5nTfNOjhDN1P-2qduakpQipyysDwqMb8EZSRk_YnGxZTVUuI-ffw99IF5Mcwt_ZTql0dqb3oGzlv_GKE/s1600/encdec.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP-K_s6IYND0gzq0G_Psm-XT7U0vfnic-BkR3eLY22-frTbsVAWC2jTtHe7Rg5nTfNOjhDN1P-2qduakpQipyysDwqMb8EZSRk_YnGxZTVUuI-ffw99IF5Mcwt_ZTql0dqb3oGzlv_GKE/s320/encdec.png" width="320" /></a></div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><br /></span></div>
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com1tag:blogger.com,1999:blog-7071807326654522472.post-58344526314636408172012-04-13T05:53:00.001-07:002012-04-13T05:53:16.411-07:00Set Data Dynamically in Treeview Menu Control<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Courier New', Courier, monospace;">I have used XML file to set data into Treeview control dynamically</span><div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">Data is fetch from database category and subcategory</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">XMLFile.xml is a file i have taken in page and set it with <span style="color: #783f04;">XmlDataSource</span> DataFile.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">Here xml file is empty, it get fill after execution.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">Green color text Fetch data from (catname or productname) from xml file.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">Black color text set datamember with tag name.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"> eg.</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><Cagtegory catname="abc"/></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><product productname="pqr"/></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><div>
<span style="font-family: 'Courier New', Courier, monospace;">Code:</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">In aspx page</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b><asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="XMLFile.xml"></asp:XmlDataSource></b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /><span style="color: #783f04;"> <asp:TreeView ID="TreeView1" runat="server" DataSourceID="XmlDataSource1" <br /> CssClass="TreeView1" NodeWrap="false" ShowExpandCollapse="False" NodeIndent="15" NodeStyle-ChildNodesPadding="1" NodeStyle-VerticalPadding="5"><br /> <DataBindings><br /> <asp:TreeNodeBinding </span>DataMember<span style="color: #783f04;">="cat" Text="Select Product" PopulateOnDemand="false" /><br /> <asp:TreeNodeBinding </span>DataMember<span style="color: #783f04;">="Category" </span><span style="color: #274e13;">TextField</span><span style="color: #783f04;">="Catname" PopulateOnDemand="false" /><br /> <asp:TreeNodeBinding </span>DataMember<span style="color: #783f04;">="product" </span><span style="color: #274e13;">TextField</span><span style="color: #783f04;">="productname" NavigateUrlField="navi" /><br /> </DataBindings><br /> <SelectedNodeStyle BackColor="Black" Font-Size="larger" Font-Names="garamond" /><br /> <%-- <LeafNodeStyle Font-Size="large" Font-Names="garamond" /> for child--%><br /> <ParentNodeStyle ForeColor="DarkGray" Font-Names="garamond" Font-Size="20px"/> <%--for parent node--%><br /> <%--<NodeStyle BackColor="Yellow"/> for all node--%><br /> </asp:TreeView></span></b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><span style="color: #783f04;"><br /></span></b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b>In .vb page</b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><div>
Dim ds, ds1 As DataSet</div>
<div>
Dim sql, sql1 As New SqlConnection</div>
<div>
Dim cmd, cmd1 As New SqlCommand</div>
<div>
Dim da, d1 As New SqlDataAdapter</div>
</b></span></div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b>Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load</b></span><div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /> 'select c.catname,p.productname from category c,products p where c.id=p.catid<br /> Dim strMyXml As String = ""<br /> Dim strMyXml2 As String = ""<br /> Dim strMyXml1 As String = ""</b></span><b style="font-family: 'Courier New', Courier, monospace;"><div style="display: inline !important;">
sql = New SqlConnection("<b><div style="display: inline !important;">
<b> your connection</b></div>
</b></div>
</b><b style="font-family: 'Courier New', Courier, monospace;"><div style="display: inline !important;">
")</div>
</b><span style="font-family: 'Courier New', Courier, monospace;"><b><div>
cmd = New SqlCommand("<b><div style="display: inline !important;">
<b><div style="display: inline !important;">
<b><div style="display: inline !important;">
<b>select catname,id from category</b></div>
</b></div>
</b></div>
</b></div>
<div>
", sql)</div>
<div>
da = New SqlDataAdapter(cmd)</div>
<div>
da.Fill(ds)</div>
If ds.Tables(0).Rows.Count > 0 Then<br /> strMyXml2 = "<?xml version='1.0' encoding='utf-8' ?><cat>"<br /> For i As Integer = 0 To ds.Tables(0).Rows.Count - 1<br /> strMyXml = strMyXml + "<Category Catname='" + ds.Tables(0).Rows(i).ItemArray(0).ToString() + "'>" + strMyXml1 + "</Category> "</b></span></div>
<div>
<b style="font-family: 'Courier New', Courier, monospace;"><div style="display: inline !important;">
</div>
</b><span style="font-family: 'Courier New', Courier, monospace;"><b><div>
cmd1 = New SqlCommand("<b><div style="display: inline !important;">
<b>select productname,id from products where catid='" + ds.Tables(0).Rows(i).ItemArray(1).ToString() + "'</b></div>
</b></div>
<div>
", sql)</div>
<div>
da1 = New SqlDataAdapter(cmd)</div>
<div>
da1.Fill(ds1)</div>
</b></span><span style="font-family: 'Courier New', Courier, monospace;"><b><br /> If ds1.Tables(0).Rows.Count > 0 Then<br /> For j As Integer = 0 To ds1.Tables(0).Rows.Count - 1<br /> strMyXml1 = strMyXml1 + "<product productname='" + ds1.Tables(0).Rows(j).ItemArray(0).ToString() + "' navi='treeview.aspx?id=" + ds1.Tables(0).Rows(j).ItemArray(1).ToString() + "' />"<br /> Next<br /> End If<br /> Next<br /> strMyXml2 = strMyXml2 + strMyXml + "</cat>"<br /> Dim xDoc As New XmlDocument<br /><br /> xDoc.LoadXml(strMyXml2)<br /> xDoc.Save(Server.MapPath("XMLFile.xml"))<br /><br /> End If<br /><span style="color: #660000;">End Sub</span></b></span></div>
<div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b>after execution</b></span></div>
<div>
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b>XmlFile.xml get fill</b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b>output</b></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<?xml version="1.0" encoding="utf-8"?><br /><cat><br /> <Category Catname="Indian Marble"><br /> <product productname="Australian White" navi="treeview.aspx?id=2" /><br /> <product productname="Beige Travertine" navi="treeview.aspx?id=3" /><br /> <product productname="Black Markino" navi="treeview.aspx?id=4" /><br /> <product productname="Black Pearl" navi="treeview.aspx?id=5" /><br /> <product productname="Black Portoro" navi="treeview.aspx?id=6" /><br /> <product productname="Blue Pearl" navi="treeview.aspx?id=7" /><br /><br /> </Category><br /> <Category Catname="Indian Granite"><br /> <product productname="Rosso Pistello " navi="treeview.aspx?id=30" /><br /> <product productname="Rosso Verona " navi="treeview.aspx?id=31" /><br /> <product productname="Shell Beige " navi="treeview.aspx?id=32" /><br /> <product productname="White onyx " navi="treeview.aspx?id=33" /><br /> <product productname="Antique Beige" navi="treeview.aspx?id=1" /><br /> <product productname="YELLOW_big" navi="treeview.aspx?id=34" /><br /> </Category><br /> <Category Catname="Iron Ore"><br /> <product productname="MYRA BEIZE" navi="treeview.aspx?id=22" /><br /> <product productname="Noche Travertine " navi="treeview.aspx?id=23" /><br /> <product productname="Perlato Sicilia " navi="treeview.aspx?id=24" /><br /> <product productname="Red Alicante " navi="treeview.aspx?id=25" /><br /> <product productname="Red Fire " navi="treeview.aspx?id=26" /><br /> <product productname="Red Travertine " navi="treeview.aspx?id=27" /><br /> <product productname="Rosso Atlanta " navi="treeview.aspx?id=28" /><br /> <product productname="Rosso Lavente " navi="treeview.aspx?id=29" /><br /> <product productname="Rosso Pistello " navi="treeview.aspx?id=30" /><br /> <product productname="Rosso Verona " navi="treeview.aspx?id=31" /><br /> <product productname="Shell Beige " navi="treeview.aspx?id=32" /><br /> <product productname="White onyx " navi="treeview.aspx?id=33" /><br /> <product productname="Antique Beige" navi="treeview.aspx?id=1" /><br /> <product productname="YELLOW_big" navi="treeview.aspx?id=34" /><br /> </Category><br /></cat><div>
<br /></div>
<div>
<br /></div>
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-49949501919343660012012-04-12T00:31:00.001-07:002015-02-28T21:33:45.486-08:00Croping Image Using Jquery and Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Courier New', Courier, monospace;">I have taken help of Jquery to crop image</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;">jquery.jcrop.js</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">download : <a href="http://docs.jquery.com/Downloading_jQuery">jquery.min.js</a></span><br />
<br />
<span style="font-family: 'Courier New', Courier, monospace;">css : jquery.Jcrop.css</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;">For jquery.jcrop.js</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">here is code</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;"><b>create jquery.jcrop.js file</b></span><br />
<span style="color: #660000; font-family: 'Courier New', Courier, monospace;"> /// for jquery.jcrop.js start</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
'<br />
<div style="border-color: blue; border-style: solid; border-width: 1px;">
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>(function ($) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $.Jcrop = function (obj, opt) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var options = $.extend({}, $.Jcrop.defaults),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> docOffset, lastcurs, ie6mode = false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Internal Methods {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function px(n) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return parseInt(n, 10) + 'px';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function pct(n) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return parseInt(n, 10) + '%';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function cssClass(cl) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return options.baseClass + '-' + cl;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function supportsColorFade() {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return $.fx.step.hasOwnProperty('backgroundColor');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function getPos(obj) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Updated in v0.9.4 to use built-in dimensions plugin</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var pos = $(obj).offset();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [pos.left, pos.top];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function mouseAbs(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [(e.pageX - docOffset[0]), (e.pageY - docOffset[1])];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setOptions(opt) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(opt) !== 'object') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> opt = {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options = $.extend(options, opt);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(options.onChange) !== 'function') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.onChange = function () {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(options.onSelect) !== 'function') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.onSelect = function () {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(options.onRelease) !== 'function') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.onRelease = function () {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function myCursor(type) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (type !== lastcurs) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.setCursor(type);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> lastcurs = type;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function startDragMode(mode, pos) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> docOffset = getPos($img);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.setCursor(mode === 'move' ? mode : mode + '-resize');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (mode === 'move') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return Tracker.activateHandlers(createMover(pos), doneSelect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var fc = Coords.getFixed();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var opp = oppLockCorner(mode);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var opc = Coords.getCorner(oppLockCorner(opp));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setPressed(Coords.getCorner(opp));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setCurrent(opc);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.activateHandlers(dragmodeHandler(mode, fc), doneSelect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function dragmodeHandler(mode, f) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return function (pos) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!options.aspectRatio) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> switch (mode) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'e':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[1] = f.y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'w':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[1] = f.y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'n':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[0] = f.x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 's':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[0] = f.x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> switch (mode) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'e':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[1] = f.y + 1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'w':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[1] = f.y + 1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'n':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[0] = f.x + 1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 's':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos[0] = f.x + 1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setCurrent(pos);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.update();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function createMover(pos) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var lloc = pos;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> KeyManager.watchKeys();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return function (pos) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.moveOffset([pos[0] - lloc[0], pos[1] - lloc[1]]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> lloc = pos;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.update();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function oppLockCorner(ord) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> switch (ord) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'n':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'sw';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 's':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'nw';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'e':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'nw';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'w':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'ne';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'ne':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'sw';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'nw':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'se';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'se':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'nw';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'sw':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return 'ne';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function createDragger(ord) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return function (e) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.disabled) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ((ord === 'move') && !options.allowMove) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> btndown = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> startDragMode(ord, mouseAbs(e));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.stopPropagation();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.preventDefault();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function presize($obj, w, h) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var nw = $obj.width(),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> nh = $obj.height();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ((nw > w) && w > 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> nw = w;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> nh = (w / $obj.width()) * $obj.height();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ((nh > h) && h > 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> nh = h;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> nw = (h / $obj.height()) * $obj.width();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xscale = $obj.width() / nw;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yscale = $obj.height() / nh;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $obj.width(nw).height(nh);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function unscale(c) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x: parseInt(c.x * xscale, 10),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y: parseInt(c.y * yscale, 10),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2: parseInt(c.x2 * xscale, 10),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2: parseInt(c.y2 * yscale, 10),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w: parseInt(c.w * xscale, 10),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h: parseInt(c.h * yscale, 10)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function doneSelect(pos) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var c = Coords.getFixed();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ((c.w > options.minSelect[0]) && (c.h > options.minSelect[1])) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.enableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.done();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.release();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.setCursor(options.allowSelect ? 'crosshair' : 'default');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function newSelection(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.disabled) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!options.allowSelect) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> btndown = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> docOffset = getPos($img);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.disableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> myCursor('crosshair');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var pos = mouseAbs(e);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setPressed(pos);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.update();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.activateHandlers(selectDrag, doneSelect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> KeyManager.watchKeys();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.stopPropagation();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.preventDefault();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function selectDrag(pos) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setCurrent(pos);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.update();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function newTracker() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var trk = $('<div></div>').addClass(cssClass('tracker'));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ($.browser.msie) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> trk.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> opacity: 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> backgroundColor: 'white'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return trk;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Initialization {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Sanitize some options {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ($.browser.msie && ($.browser.version.split('.')[0] === '6')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ie6mode = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(obj) !== 'object') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> obj = $(obj)[0];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(opt) !== 'object') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> opt = {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setOptions(opt);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Initialize some jQuery objects {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // The values are SET on the image(s) for the interface</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // If the original image has any of these set, they will be reset</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // However, if you destroy() the Jcrop instance the original image's</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // character in the DOM will be as you left it.</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var img_css = {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> border: 'none',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> margin: 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> padding: 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var $origimg = $(obj);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var $img = $origimg.clone().removeAttr('id').css(img_css);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.width($origimg.width());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.height($origimg.height());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $origimg.after($img).hide();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> presize($img, options.boxWidth, options.boxHeight);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var boundx = $img.width(),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> boundy = $img.height(),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div = $('<div />').width(boundx).height(boundy).addClass(cssClass('holder')).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'relative',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> backgroundColor: options.bgColor</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).insertAfter($origimg).append($img);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delete(options.bgColor);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.addClass) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.addClass(options.addClass);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var $img2 = $('<img />')</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .attr('src', $img.attr('src')).css(img_css).width(boundx).height(boundy),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img_holder = $('<div />') </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .width(pct(100)).height(pct(100)).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: 310,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> overflow: 'hidden'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).append($img2),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $hdl_holder = $('<div />') </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .width(pct(100)).height(pct(100)).css('zIndex', 320), </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $sel = $('<div />') </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: 300</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).insertBefore($img).append($img_holder, $hdl_holder); </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (ie6mode) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $sel.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> overflowY: 'hidden'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var bound = options.boundary;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var $trk = newTracker().width(boundx + (bound * 2)).height(boundy + (bound * 2)).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(-bound),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(-bound),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: 290</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).mousedown(newSelection);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> /* }}} */</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Set more variables {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var bgopacity = options.bgOpacity,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xlimit, ylimit, xmin, ymin, xscale, yscale, enabled = true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> btndown, animating, shift_down;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> docOffset = getPos($img);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Internal Modules {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Touch Module {{{ </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var Touch = (function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Touch support detection function adapted (under MIT License)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // from code by Jeffrey Sambells - http://github.com/iamamused/</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function hasTouchSupport() {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var support = {},</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> events = ['touchstart', 'touchmove', 'touchend'],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> el = document.createElement('div'), i;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> try {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> for(i=0; i<events.length; i++) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var eventName = events[i];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> eventName = 'on' + eventName;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var isSupported = (eventName in el);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!isSupported) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> el.setAttribute(eventName, 'return;');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> isSupported = typeof el[eventName] == 'function';</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> support[events[i]] = isSupported;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return support.touchstart && support.touchend && support.touchmove;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> catch(err) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function detectSupport() {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ((options.touchSupport === true) || (options.touchSupport === false)) return options.touchSupport;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> else return hasTouchSupport();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> createDragger: function (ord) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return function (e) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageX = e.originalEvent.changedTouches[0].pageX;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageY = e.originalEvent.changedTouches[0].pageY;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.disabled) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ((ord === 'move') && !options.allowMove) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> btndown = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> startDragMode(ord, mouseAbs(e));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.stopPropagation();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.preventDefault();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> newSelection: function (e) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageX = e.originalEvent.changedTouches[0].pageX;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageY = e.originalEvent.changedTouches[0].pageY;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return newSelection(e);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> isSupported: hasTouchSupport,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> support: detectSupport()</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Coords Module {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var Coords = (function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var x1 = 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 = 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ox, oy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setPressed(pos) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos = rebound(pos);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = x1 = pos[0];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = y1 = pos[1];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setCurrent(pos) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pos = rebound(pos);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ox = pos[0] - x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> oy = pos[1] - y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = pos[0];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = pos[1];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function getOffset() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [ox, oy];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function moveOffset(offset) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var ox = offset[0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> oy = offset[1];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (0 > x1 + ox) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ox -= ox + x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (0 > y1 + oy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> oy -= oy + y1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (boundy < y2 + oy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> oy += boundy - (y2 + oy);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (boundx < x2 + ox) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ox += boundx - (x2 + ox);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x1 += ox;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 += ox;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 += oy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 += oy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function getCorner(ord) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var c = getFixed();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> switch (ord) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'ne':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [c.x2, c.y];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'nw':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [c.x, c.y];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'se':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [c.x2, c.y2];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'sw':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [c.x, c.y2];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function getFixed() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!options.aspectRatio) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return getRect();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // This function could use some optimization I think...</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var aspect = options.aspectRatio,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> min_x = options.minSize[0] / xscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //min_y = options.minSize[1]/yscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> max_x = options.maxSize[0] / xscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> max_y = options.maxSize[1] / yscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> rw = x2 - x1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> rh = y2 - y1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> rwa = Math.abs(rw),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> rha = Math.abs(rh),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> real_ratio = rwa / rha,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx, yy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (max_x === 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> max_x = boundx * 10;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (max_y === 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> max_y = boundy * 10;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (real_ratio < aspect) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w = rha * aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = rw < 0 ? x1 - w : w + x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (xx < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h = Math.abs((xx - x1) / aspect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = rh < 0 ? y1 - h : h + y1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (xx > boundx) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = boundx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h = Math.abs((xx - x1) / aspect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = rh < 0 ? y1 - h : h + y1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h = rwa / aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = rh < 0 ? y1 - h : y1 + h;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (yy < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w = Math.abs((yy - y1) * aspect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = rw < 0 ? x1 - w : w + x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (yy > boundy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w = Math.abs(yy - y1) * aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = rw < 0 ? x1 - w : w + x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Magic %-)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (xx > x1) { // right side</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (xx - x1 < min_x) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = x1 + min_x;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (xx - x1 > max_x) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = x1 + max_x;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (yy > y1) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = y1 + (xx - x1) / aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = y1 - (xx - x1) / aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (xx < x1) { // left side</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (x1 - xx < min_x) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = x1 - min_x;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (x1 - xx > max_x) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = x1 - max_x;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (yy > y1) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = y1 + (x1 - xx) / aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = y1 - (x1 - xx) / aspect;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (xx < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x1 -= xx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (xx > boundx) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x1 -= xx - boundx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xx = boundx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (yy < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= yy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else if (yy > boundy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= yy - boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yy = boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return makeObj(flipCoords(x1, y1, xx, yy));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function rebound(p) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (p[0] < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> p[0] = 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (p[1] < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> p[1] = 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (p[0] > boundx) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> p[0] = boundx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (p[1] > boundy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> p[1] = boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [p[0], p[1]];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function flipCoords(x1, y1, x2, y2) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var xa = x1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xb = x2,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ya = y1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yb = y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (x2 < x1) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xa = x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xb = x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (y2 < y1) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ya = y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yb = y1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [Math.round(xa), Math.round(ya), Math.round(xb), Math.round(yb)];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function getRect() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var xsize = x2 - x1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ysize = y2 - y1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (xlimit && (Math.abs(xsize) > xlimit)) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = (xsize > 0) ? (x1 + xlimit) : (x1 - xlimit);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (ylimit && (Math.abs(ysize) > ylimit)) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = (ysize > 0) ? (y1 + ylimit) : (y1 - ylimit);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (ymin / yscale && (Math.abs(ysize) < ymin / yscale)) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = (ysize > 0) ? (y1 + ymin / yscale) : (y1 - ymin / yscale);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (xmin / xscale && (Math.abs(xsize) < xmin / xscale)) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = (xsize > 0) ? (x1 + xmin / xscale) : (x1 - xmin / xscale);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (x1 < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 -= x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x1 -= x1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (y1 < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 -= y1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= y1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (x2 < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x1 -= x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 -= x2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (y2 < 0) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 -= y2;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (x2 > boundx) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delta = x2 - boundx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x1 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (y2 > boundy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delta = y2 - boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (x1 > boundx) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delta = x1 - boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (y1 > boundy) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delta = y1 - boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 -= delta;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return makeObj(flipCoords(x1, y1, x2, y2));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function makeObj(a) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x: a[0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y: a[1],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2: a[2],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2: a[3],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w: a[2] - a[0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h: a[3] - a[1]</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> flipCoords: flipCoords,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setPressed: setPressed,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setCurrent: setCurrent,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> getOffset: getOffset,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> moveOffset: moveOffset,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> getCorner: getCorner,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> getFixed: getFixed</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Selection Module {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var Selection = (function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var awake, hdep = 370;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var borders = {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var handle = {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var seehandles = false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var hhs = options.handleOffset;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Private Methods</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function insertBorder(type) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var jq = $('<div />').css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> opacity: options.borderOpacity</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).addClass(cssClass(type));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img_holder.append(jq);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return jq;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function dragDiv(ord, zi) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var jq = $('<div />').mousedown(createDragger(ord)).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> cursor: ord + '-resize',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: zi</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (Touch.support) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> jq.bind('touchstart', Touch.createDragger(ord));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $hdl_holder.append(jq);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return jq;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function insertHandle(ord) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return dragDiv(ord, hdep++).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(-hhs + 1),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(-hhs + 1),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> opacity: options.handleOpacity</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).addClass(cssClass('handle'));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function insertDragbar(ord) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var s = options.handleSize,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h = s,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w = s,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> t = hhs,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> l = hhs;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> switch (ord) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'n':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 's':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> w = pct(100);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'e':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 'w':</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> h = pct(100);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return dragDiv(ord, hdep++).width(w).height(h).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(-t + 1),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(-l + 1)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function createHandles(li) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var i;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> for (i = 0; i < li.length; i++) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle[li[i]] = insertHandle(li[i]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function moveHandles(c) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var midvert = Math.round((c.h / 2) - hhs),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> midhoriz = Math.round((c.w / 2) - hhs),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> north = -hhs + 1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> west = -hhs + 1,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> east = c.w - hhs,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> south = c.h - hhs,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x, y;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (handle.e) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.e.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(midvert),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(east)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.w.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(midvert)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.s.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(south),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(midhoriz)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.n.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(midhoriz)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (handle.ne) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.ne.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(east)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.se.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(south),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(east)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.sw.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(south)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (handle.b) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.b.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(south)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.r.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(east)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function moveto(x, y) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img2.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(-y),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(-x)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $sel.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: px(y),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: px(x)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function resize(w, h) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $sel.width(w).height(h);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function refresh() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var c = Coords.getFixed();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setPressed([c.x, c.y]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setCurrent([c.x2, c.y2]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> updateVisible();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Internal Methods</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function updateVisible() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (awake) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return update();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function update() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var c = Coords.getFixed();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> resize(c.w, c.h);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> moveto(c.x, c.y);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>/*</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>options.drawBorders &&</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>borders.right.css({ left: px(c.w-1) }) &&</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>borders.bottom.css({ top: px(c.h-1) });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> */</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (seehandles) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> moveHandles(c);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!awake) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> show();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.onChange.call(api, unscale(c));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function show() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $sel.show();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.bgFade) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.fadeTo(options.fadeTime, bgopacity);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.css('opacity', bgopacity);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> awake = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function release() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> disableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $sel.hide();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.bgFade) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.fadeTo(options.fadeTime, 1);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.css('opacity', 1);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> awake = false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.onRelease.call(api);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function showHandles() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (seehandles) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> moveHandles(Coords.getFixed());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $hdl_holder.show();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function enableHandles() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> seehandles = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.allowResize) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> moveHandles(Coords.getFixed());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $hdl_holder.show();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function disableHandles() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> seehandles = false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $hdl_holder.hide();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function animMode(v) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (animating === v) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> disableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> enableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function done() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animMode(false);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> refresh();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> /* Insert draggable elements {{{*/</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Insert border divs for outline</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.drawBorders) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> borders = {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> top: insertBorder('hline'),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> bottom: insertBorder('hline bottom'),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: insertBorder('vline'),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> right: insertBorder('vline right')</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Insert handles on edges</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.dragEdges) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.t = insertDragbar('n');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.b = insertDragbar('s');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.r = insertDragbar('e');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handle.l = insertDragbar('w');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Insert side and corner handles</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.sideHandles) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> createHandles(['n', 's', 'e', 'w']);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.cornerHandles) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> createHandles(['sw', 'nw', 'ne', 'se']);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var $track = newTracker().mousedown(createDragger('move')).css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> cursor: 'move',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: 360</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (Touch.support) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $track.bind('touchstart.jcrop', Touch.createDragger('move'));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img_holder.append($track);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> disableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> updateVisible: updateVisible,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> update: update,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> release: release,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> refresh: refresh,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> isAwake: function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return awake;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setCursor: function (cursor) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $track.css('cursor', cursor);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> enableHandles: enableHandles,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> enableOnly: function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> seehandles = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> showHandles: showHandles,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> disableHandles: disableHandles,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animMode: animMode,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> done: done</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Tracker Module {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var Tracker = (function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var onMove = function () {},</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onDone = function () {},</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> trackDoc = options.trackDocument;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function toFront() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $trk.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: 450</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (trackDoc) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $(document)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .bind('mousemove',trackMove)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .bind('mouseup',trackUp);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function toBack() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $trk.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> zIndex: 290</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (trackDoc) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $(document)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .unbind('mousemove', trackMove)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .unbind('mouseup', trackUp);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function trackMove(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onMove(mouseAbs(e));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } </b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function trackUp(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.preventDefault();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.stopPropagation();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (btndown) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> btndown = false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onDone(mouseAbs(e));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (Selection.isAwake()) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.onSelect.call(api, unscale(Coords.getFixed()));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> toBack();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onMove = function () {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onDone = function () {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function activateHandlers(move, done) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> btndown = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onMove = move;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onDone = done;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> toFront();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function trackTouchMove(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageX = e.originalEvent.changedTouches[0].pageX;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageY = e.originalEvent.changedTouches[0].pageY;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return trackMove(e);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function trackTouchEnd(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageX = e.originalEvent.changedTouches[0].pageX;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.pageY = e.originalEvent.changedTouches[0].pageY;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return trackUp(e);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setCursor(t) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $trk.css('cursor', t);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (Touch.support) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $(document)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .bind('touchmove', trackTouchMove)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> .bind('touchend', trackTouchEnd);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!trackDoc) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $trk.mousemove(trackMove).mouseup(trackUp).mouseout(trackUp);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.before($trk);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> activateHandlers: activateHandlers,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setCursor: setCursor</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // KeyManager Module {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var KeyManager = (function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var $keymgr = $('<input type="radio" />').css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'fixed',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: '-120px',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> width: '12px'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keywrap = $('<div />').css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> overflow: 'hidden'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }).append($keymgr);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function watchKeys() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.keySupport) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keymgr.show();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keymgr.focus();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function onBlur(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keymgr.hide();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function doNudge(e, x, y) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.allowMove) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.moveOffset([x, y]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.updateVisible();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.preventDefault();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> e.stopPropagation();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function parseKey(e) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (e.ctrlKey) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> shift_down = e.shiftKey ? true : false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var nudge = shift_down ? 10 : 1;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> switch (e.keyCode) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 37:</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> doNudge(e, -nudge, 0);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 39:</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> doNudge(e, nudge, 0);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 38:</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> doNudge(e, 0, -nudge);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 40:</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> doNudge(e, 0, nudge);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 27:</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.release();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> break;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> case 9:</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.keySupport) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keymgr.keydown(parseKey).blur(onBlur);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (ie6mode || !options.fixedSupport) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keymgr.css({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> position: 'absolute',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> left: '-20px'</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keywrap.append($keymgr).insertBefore($img);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $keymgr.insertBefore($img);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> watchKeys: watchKeys</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // API methods {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setClass(cname) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.removeClass().addClass(cssClass('holder')).addClass(cname);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function animateTo(a, callback) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var x1 = parseInt(a[0], 10) / xscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y1 = parseInt(a[1], 10) / yscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = parseInt(a[2], 10) / xscale,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = parseInt(a[3], 10) / yscale;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (animating) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var animto = Coords.flipCoords(x1, y1, x2, y2),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> c = Coords.getFixed(),</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> initcr = [c.x, c.y, c.x2, c.y2],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animat = initcr,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> interv = options.animationDelay,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ix1 = animto[0] - initcr[0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> iy1 = animto[1] - initcr[1],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ix2 = animto[2] - initcr[2],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> iy2 = animto[3] - initcr[3],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pcent = 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> velocity = options.swingSpeed;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x = animat[0];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y = animat[1];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> x2 = animat[2];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> y2 = animat[3];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.animMode(true);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var anim_timer;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function queueAnimator() {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> window.setTimeout(animator, interv);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var animator = (function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pcent += (100 - pcent) / velocity;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animat[0] = x + ((pcent / 100) * ix1);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animat[1] = y + ((pcent / 100) * iy1);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animat[2] = x2 + ((pcent / 100) * ix2);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animat[3] = y2 + ((pcent / 100) * iy2);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (pcent >= 99.8) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> pcent = 100;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (pcent < 100) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setSelectRaw(animat);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> queueAnimator();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.done();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(callback) === 'function') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> callback.call(api);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> queueAnimator();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setSelect(rect) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setSelectRaw([</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> parseInt(rect[0], 10) / xscale, parseInt(rect[1], 10) / yscale, parseInt(rect[2], 10) / xscale, parseInt(rect[3], 10) / yscale]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setSelectRaw(l) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setPressed([l[0], l[1]]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Coords.setCurrent([l[2], l[3]]);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.update();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function tellSelect() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return unscale(Coords.getFixed());</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function tellScaled() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return Coords.getFixed();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setOptionsNew(opt) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setOptions(opt);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> interfaceUpdate();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function disableCrop() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.disabled = true;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.disableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.setCursor('default');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.setCursor('default');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function enableCrop() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> options.disabled = false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> interfaceUpdate();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function cancelCrop() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.done();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.activateHandlers(null, null);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function destroy() //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.remove();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $origimg.show();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $(obj).removeData('Jcrop');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function setImage(src, callback) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.release();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> disableCrop();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var img = new Image();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> img.onload = function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var iw = img.width;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var ih = img.height;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var bw = options.boxWidth;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var bh = options.boxHeight;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.width(iw).height(ih);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.attr('src', src);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img2.attr('src', src);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> presize($img, bw, bh);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> boundx = $img.width();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> boundy = $img.height();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img2.width(boundx).height(boundy);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $trk.width(boundx + (bound * 2)).height(boundy + (bound * 2));</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.width(boundx).height(boundy);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> enableCrop();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(callback) === 'function') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> callback.call(api);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> img.src = src;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function interfaceUpdate(alt) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // This method tweaks the interface based on options object.</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Called when options are changed and at end of initialization.</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.allowResize) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (alt) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.enableOnly();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.enableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.disableHandles();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Tracker.setCursor(options.allowSelect ? 'crosshair' : 'default');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.setCursor(options.allowMove ? 'move' : 'default');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.hasOwnProperty('setSelect')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setSelect(options.setSelect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.done();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delete(options.setSelect);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.hasOwnProperty('trueSize')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xscale = options.trueSize[0] / boundx;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> yscale = options.trueSize[1] / boundy;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.hasOwnProperty('bgColor')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (supportsColorFade() && options.fadeTime) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.animate({</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> backgroundColor: options.bgColor</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }, {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> queue: false,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> duration: options.fadeTime</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.css('backgroundColor', options.bgColor);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delete(options.bgColor);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.hasOwnProperty('bgOpacity')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> bgopacity = options.bgOpacity;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (Selection.isAwake()) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.fadeTime) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.fadeTo(options.fadeTime, bgopacity);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.css('opacity', options.opacity);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delete(options.bgOpacity);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xlimit = options.maxSize[0] || 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ylimit = options.maxSize[1] || 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> xmin = options.minSize[0] || 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ymin = options.minSize[1] || 0;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options.hasOwnProperty('outerImage')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $img.attr('src', options.outerImage);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> delete(options.outerImage);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> Selection.refresh();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (Touch.support) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $trk.bind('touchstart', Touch.newSelection);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $hdl_holder.hide();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> interfaceUpdate(true);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var api = {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setImage: setImage,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animateTo: animateTo,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setSelect: setSelect,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setOptions: setOptionsNew,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> tellSelect: tellSelect,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> tellScaled: tellScaled,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> setClass: setClass,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> disable: disableCrop,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> enable: enableCrop,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> cancel: cancelCrop,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> release: Selection.release,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> destroy: destroy,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> focus: KeyManager.watchKeys,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> getBounds: function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [boundx * xscale, boundy * yscale];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> getWidgetSize: function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [boundx, boundy];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> getScaleFactor: function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return [xscale, yscale];</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> },</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> ui: {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> holder: $div,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> selection: $sel</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ($.browser.msie) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $div.bind('selectstart', function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return false;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $origimg.data('Jcrop', api);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return api;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $.fn.Jcrop = function (options, callback) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function attachWhenDone(from) //{{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var opt = (typeof(options) === 'object') ? options : {};</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var loadsrc = opt.useImg || from.src;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var img = new Image();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> img.onload = function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function attachJcrop() {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> var api = $.Jcrop(from, opt);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (typeof(callback) === 'function') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> callback.call(api);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> function attachAttempt() {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (!img.width || !img.height) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> window.setTimeout(attachAttempt, 50);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> } else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> attachJcrop();</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> window.setTimeout(attachAttempt, 50);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> img.src = loadsrc;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Iterate over each object, attach Jcrop</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> this.each(function () {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // If we've already attached to this object</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if ($(this).data('Jcrop')) {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // The API can be requested this way (undocumented)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> if (options === 'api') {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return $(this).data('Jcrop');</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Otherwise, we just reset the options...</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $(this).data('Jcrop').setOptions(options);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // If we haven't been attached, preload and attach</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> else {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> attachWhenDone(this);</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> });</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Return "this" so the object is chainable (jQuery-style)</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> return this;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> //}}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Global Defaults {{{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> $.Jcrop.defaults = {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Basic Settings</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> allowSelect: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> allowMove: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> allowResize: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> trackDocument: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Styling Options</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> baseClass: 'jcrop',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> addClass: null,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> bgColor: 'black',</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> bgOpacity: 0.6,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> bgFade: false,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> borderOpacity: 0.4,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handleOpacity: 0.5,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handleSize: 9,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> handleOffset: 5,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> aspectRatio: 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> keySupport: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> cornerHandles: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> sideHandles: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> drawBorders: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> dragEdges: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> fixedSupport: true,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> touchSupport: null,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> boxWidth: 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> boxHeight: 0,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> boundary: 2,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> fadeTime: 400,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> animationDelay: 20,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> swingSpeed: 3,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> minSelect: [0, 0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> maxSize: [0, 0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> minSize: [0, 0],</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // Callbacks / Event Handlers</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onChange: function () {},</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onSelect: function () {},</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> onRelease: function () {}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> };</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b> // }}}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>}(jQuery));</b></span><br />
<div>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>/// End</b></span></div>
<div>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>///jquery.Jcrop.css</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d;"><b><span style="font-family: 'Courier New', Courier, monospace;"></span><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-holder { text-align: left; }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-vline, .jcrop-hline</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 0px;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>background: white url('Jcrop.gif') top left repeat;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-vline { height: 100%; width: 1px !important; }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-hline { width: 100%; height: 1px !important; }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-vline.right { right: 0px; }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-hline.bottom { bottom: 0px; }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-handle {</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 1px;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>width: 7px !important;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>height: 7px !important;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>border: 1px #eee solid;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #333;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.jcrop-tracker { width: 100%; height: 100%; }</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.custom .jcrop-vline,</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.custom .jcrop-hline</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>background: yellow;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>}</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>.custom .jcrop-handle</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>{</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>border-color: black;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #C7BB00;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 3px;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 3px;</b></span><br />
<span style="color: #0c343d; font-family: 'Courier New', Courier, monospace;"><b>}</b></span><br />
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span></div>
<br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #660000;">///End</span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #660000;"><br /></span></span>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #660000;"><br /></span></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;">Now Code</span></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;"><br /></span></span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">in .aspx</span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><br /></span></span></div>
<div style="text-align: left;">
<div>
</div>
<div>
</div>
</div>
<span style="font-family: 'Courier New', Courier, monospace;"><b><span style="color: #783f04;"><html xmlns="http://www.w3.org/1999/xhtml"></span><br /><span style="color: #783f04;"><head runat="server"></span><br /><span style="color: #783f04;"> <title></title></span><br /><br /><span style="color: #783f04;"> <script src="js/jquery.min.js" type="text/javascript"></script></span><br /><span style="color: #783f04;"> <script src="js/jquery.Jcrop.js" type="text/javascript"></script></span><br /><span style="color: #783f04;"> <link rel="stylesheet" type="text/css" href="jquery.Jcrop.css" /></span><br /><span style="color: #274e13;"> <script type="text/javascript"><br /> jQuery(function($) {</span></b></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><b><span style="color: #274e13;"><br /> $('#target').Jcrop({<br /> onChange: showCoords,<br /> onSelect: showCoords,<br /> onRelease: clearCoords<br /> });<br /> });<br /> // Simple event handler, called from onChange and onSelect<br /> // event handlers, as per the Jcrop invocation above<br /> function showCoords(c) {<br /> $('#x1').val(c.x);<br /> $('#y1').val(c.y);<br /> $('#x2').val(c.x2);<br /> $('#y2').val(c.y2);<br /> $('#w1').val(c.w);<br /> $('#h1').val(c.h);<br /> };<br /> function clearCoords() {<br /> $('#coords input').val('');<br /> $('#h').css({ color: 'red' });<br /> window.setTimeout(function() {<br /> $('#h').css({ color: 'inherit' });<br /> }, 500);<br /> };<br /><br /> </script></span><br /><span style="color: #783f04;"></head></span><br /><span style="color: #783f04;"><body></span><br /><span style="color: #783f04;"> <form id="form1" runat="server"></span><br /><span style="color: #783f04;"> <div></span><br /><span style="color: #783f04;"> <div></span></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><asp:FileUpload ID="FileUpload1" runat="server" /><br /><br /> <img id="target" alt="Flowers" runat="server" /><br /> <label> <input type="hidden" size="4" id="x1" name="x1" runat="server" /></label><br /> <label> <input type="hidden" size="4" id="y1" name="y1" runat="server"/></label><br /> <label> <input type="hidden" size="4" id="x2" name="x2" runat="server"/></label><br /> <label> <input type="hidden" size="4" id="y2" name="y2" runat="server"/></label><br /> <label><input type="hidden" size="4" id="w1" name="w1" runat="server"/></label><br /> <label> <input type="hidden" size="4" id="h1" name="h1" runat="server"/></label><br /> </div><br /> <asp:Button ID="btncropimg" runat="server" Text="Button" /><br /><br /> <asp:Image ID="cropedImage" runat="server" Visible="False" /><br /> </div><br /> </form><br /></body><br /></html></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;">While selection the height,width,x,y all get set in hidden file using jquery</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;">In .vb page</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span>
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Collections.Generic</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">'using System.Linq;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Web</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Web.UI</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Web.UI.WebControls</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Drawing.Drawing2D</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.IO</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Drawing</span><br />
<br /></div>
<b style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;">Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load</span></b><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b>If FileUpload1.HasFile Or FileUpload1.FileContent.Length > 0 Then</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b>FileUpload1.PostedFile.SaveAs(Server.MapPath("actualimage/" + FileUpload1.FileName))</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b>End If</b></span><br />
<span style="color: #444444;"><span style="font-family: 'Courier New', Courier, monospace;"><b>target.Src = "actualimage/" + Fileupload1.</b></span><b style="font-family: 'Courier New', Courier, monospace;">FileName</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b>End Sub</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span>
<span style="color: #444444;"><span style="font-family: 'Courier New', Courier, monospace;"><b></b></span><br /></span>
<span style="color: #444444;"><span style="font-family: 'Courier New', Courier, monospace;"><b>Protected Sub
btncropimg _Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles </b></span>
<b style="font-family: 'Courier New', Courier, monospace;">btncropimg</b> <span style="font-family: 'Courier New', Courier, monospace;"><b>.Click</b></span></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> Dim x As Integer = Convert.ToInt32(x1.Value)</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> Dim y As Integer = Convert.ToInt32(y1.Value)</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> Dim w As Integer = Convert.ToInt32(w1.Value)</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> Dim h As Integer = Convert.ToInt32(h1.Value)</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> 'Dim strFileName As String = Crop.CommandArgument</b></span><br />
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> Dim image As System.Drawing.Image = Bitmap.FromFile(Server.MapPath("actualimage/" +<br /><b></b></b></span><br />
<div style="display: inline !important;">
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b><b><b></b></b></b></span></div>
<div style="display: inline !important;">
<span style="color: #444444;"><span style="font-family: 'Courier New', Courier, monospace;"><b><b><b>Fileupload1.FileName</b></b></b></span><span style="font-family: 'Courier New', Courier, monospace; font-weight: bold;">))</span></span></div>
<div style="font-weight: bold;">
</div>
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;">
</span>
<br />
<div style="font-weight: bold;">
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b></b></span></div>
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;">
</span>
<br />
<div style="display: inline !important;">
<span style="color: #444444; font-family: 'Courier New', Courier, monospace;"><b> 'Create a new image from the specified location to</b></span></div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;">
</span></span>
<br />
<div style="font-weight: bold;">
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;"> 'specified height and width</span></span></div>
<span style="font-family: 'Courier New', Courier, monospace;">
</span>
<br />
<div style="font-weight: bold;">
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;"> Dim bmp As New Bitmap(w, h, image.PixelFormat)</span></span></div>
<span style="font-family: 'Courier New', Courier, monospace;">
</span>
<div style="font-weight: bold;">
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #444444;"> Dim g As Graphics = Graphics.FromImage(bmp)</span></span></div>
<span style="font-family: 'Courier New', Courier, monospace;">
<div style="font-weight: bold;">
<span style="color: #444444;"> g.DrawImage(image, New Rectangle(0, 0, w, h), New Rectangle(x, y, w, h), GraphicsUnit.Pixel)</span></div>
<div style="font-weight: bold;">
<span style="color: #444444;"> 'Save the file and reload to the control</span></div>
<div style="font-weight: bold;">
<span style="color: #444444;"> bmp.Save(Server.MapPath("cropimage/" + Request.QueryString("name").ToString()), image.RawFormat)</span></div>
<div style="font-weight: bold;">
<span style="color: #444444;"> cropedImage.Visible = True</span></div>
<div style="font-weight: bold;">
<span style="color: #444444;"> cropedImage.ImageUrl = "~/cropimage/" + Fileupload1.<b></b></span></div>
<div style="display: inline !important;">
<b><b><span style="color: #444444;">FileName</span></b></b></div>
<br />
<div style="font-weight: bold;">
<span style="color: #783f04;"> </span><span style="color: #660000;"> End Sub</span></div>
<div>
<div style="color: #783f04; font-weight: bold;">
<br /></div>
For compress image see: <a href="http://www.anishwebdeveloper.blogspot.com/2012/04/compress-uploaded-image-using-aspnet.html">View Example</a></div>
<br />
</span></div>
Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-60458995932865419682012-04-05T21:13:00.001-07:002012-04-05T21:13:39.268-07:00Get ThumbImage,CanvasImage While uploaded Image in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Courier New', Courier, monospace;"><b>Here is a code that show how to get Thumb Image and Canvas Image From Uploaded Image</b></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">In .aspx</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <span style="color: #783f04;"><asp:FileUpload ID="Fuploadprodimg" runat="server"/></span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">In .vb</span><br />
<span style="font-family: 'Courier New', Courier, monospace; text-align: center;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace; text-align: center;"><span style="color: #783f04;">Dim strthumbimage, strcanvasimage As String</span></span><br />
<span style="color: #783f04;">'for image<br /> </span><div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #660000;">If Fuploadprodimg.PostedFile.FileName.ToString.Trim <> "" Then</span><br /><br /><span style="color: #783f04;">'---------------code for image exentsion-------------</span><br /><span style="color: #783f04;"> Dim ext As String</span><br /><span style="color: #783f04;"> ext = Path.GetExtension(Fuploadprodimg.PostedFile.FileName).ToLower()</span><br /></span></div>
<div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">'Check The Extension--------------------<br /> If (ext <> ".jpg") And (ext <> ".jpeg") And (ext <> ".gif") And (ext <> ".png") And (ext <> ".bmp") Then<br /> lblMsg.Text = "Please select jpg or gif or png or bmp Images only"<br /> Fuploadprodimg.Focus()<br /> Exit Sub<br /> End If<br /><br />'-----------for original image------------------<br /> Fuploadprodimg.SaveAs(Server.MapPath("../originalimg/") + Fuploadprodimg.FileName)<br /><br /> '-----------for thumb and canvas image------------<br />strthumbimage = "thumbimg/" + Fuploadprodimg.FileName<br />strcanvasimage = "canvasimg/" + Fuploadprodimg.FileName<br /><br />'''''''''Create an image object from the uploaded file<br />Dim FrontImage As System.Drawing.Image<br />FrontImage = System.Drawing.Image.FromStream(Fuploadprodimg.PostedFile.InputStream)<br /><br /> ''''''''''''''Determine width and height of uploaded image<br />Dim UploadedImageWidth As Double = FrontImage.PhysicalDimension.Width<br />Dim UploadedImageHeight As Double = FrontImage.PhysicalDimension.Height<br />Dim isoscalar, newWidth, newHeight As Double<br />Dim isocanvas, newWidth1, newHeight1 As Double<br />isoscalar = Min((178 / UploadedImageWidth), (178 / UploadedImageHeight))<br />newWidth = isoscalar * UploadedImageWidth<br />newHeight = isoscalar * UploadedImageHeight<br /><br /> 'for canvas------------------<br />isocanvas = Min((600 / UploadedImageWidth), (600 / UploadedImageHeight))<br />newWidth1 = isocanvas * UploadedImageWidth<br />newHeight1 = isocanvas * UploadedImageHeight<br /> Dim nwidth, wheight As Integer<br />Dim nwidth1, wheight1 As Integer<br />nwidth = CType(newWidth, Integer)</span></div>
<div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">wheight = CType(newHeight, Integer)<br /><br /> 'for canvas<br /> nwidth1 = CType(newWidth1, Integer)<br /> wheight1 = CType(newHeight1, Integer)<br /> Dim x, y, x1, y1 As Integer<br /> x = (178 - nwidth) / 2<br /> y = (178 - wheight) / 2<br /> x1 = (600 - nwidth1) / 2<br /> y1 = (600 - wheight1) / 2<br />Dim newImage, canImage As Bitmap<br />newImage = New Bitmap(178, 178)<br />newImage.SetResolution(72, 72) 'web resolution;<br /><br /> 'create a graphics object <br /> 'for canvas<br /> canImage = New Bitmap(600, 600)<br />canImage.SetResolution(72, 72)<br /> Dim gr, gr1 As Graphics<br /> gr = Graphics.FromImage(newImage)<br /></span></div>
<div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">'for canvas<br /> gr1 = Graphics.FromImage(canImage)<br /><br /> 'just in case it's a transparent GIF force the bg to white<br /> Dim sb As SolidBrush<br /> sb = New SolidBrush(System.Drawing.Color.Transparent)<br /> 'sb = New SolidBrush(System.Drawing.Color.Transparent)<br /> gr.FillRectangle(sb, 0, 0, newImage.Width, newImage.Height)<br /><br /> 'for canvas--------------<br /> gr1.FillRectangle(sb, 0, 0, canImage.Width, canImage.Height)<br /> </span></div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"> 'Re-draw the image to the specified height and width</span><br /><span style="color: #783f04;"> gr.DrawImage(FrontImage, x, y, nwidth, wheight)</span><br /><span style="color: #783f04;"> gr1.DrawImage(FrontImage, x1, y1, nwidth1, wheight1)</span><br /><span style="color: #783f04;"> newImage.Save(Server.MapPath("../thumbimg/") + Fuploadprodimg.FileName)</span><br /><span style="color: #783f04;"> canImage.Save(Server.MapPath("../canvasimg/") + Fuploadprodimg.FileName)</span><br /> <br /><span style="color: #660000;"> Else</span><br /><span style="color: #783f04;"> lblMsg.Text = "Please Insert Image"</span><br /><span style="color: #783f04;">Exit Sub</span><br /><br /><span style="color: #660000;"> End If</span></span><br /><br /></div>
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-5917492991001656982012-02-17T01:33:00.000-08:002012-02-17T22:40:19.124-08:00Watermark Text within Image<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
Code Related to Static Image<br />
<br />
.vb<br />
<br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.IO</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Drawing.Drawing2D</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Drawing</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Imports System.Drawing.Imaging</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">Dim objImage As System.Drawing.Image = System.Drawing.Image.FromFile(Server.MapPath("Chrysanthemum.jpg"))</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'Taken Actual width anf height From Image</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> Dim height As Integer = objImage.Height</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'height</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> Dim width As Integer = objImage.Width</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'Width</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'Create a Bitmap Image</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> Dim bitmapimage As New System.Drawing.Bitmap(objImage, width, height)</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> ' create bitmap with same size of Actual image</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'Convert in to a Graphics object</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> Dim g As System.Drawing.Graphics = </span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">System.Drawing.Graphics.FromImage(bitmapimage)</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">' TO SET THE Watermark Text angle </span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">'--------------------------------------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div style="font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;">g.FillRectangle(Brushes.White, 0, 0, 0, 0)</span></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;"> g.TranslateTransform(100, 100)</span></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;"> g.RotateTransform(-30)</span></div>
<div style="color: #783f04; font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;">'----------------------------------------</span></div>
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'Creating Brush</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> Dim brush As New System.Drawing.SolidBrush(System.Drawing.Color.FromArgb(113, 255, 255, 255))</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">'set text position on image</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> g.DrawString("Anish", New Font("Arial", 18, System.Drawing.FontStyle.Bold), brush, 0, 100)</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> Response.ContentType = "image/jpeg"</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> 'setting ContentType</span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"> bitmapimage.Save(Response.OutputStream, ImageFormat.Jpeg)</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> End Sub</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">'-------------------------------------------------------------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">.c#</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">using System.IO;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">using System.Drawing.Drawing2D;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">using System.Drawing;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">using System.Drawing.Imaging;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">protected void Page_Load(object sender, System.EventArgs e)</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">{</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span><span style="color: #783f04;">System.Drawing.Image objImage = System.Drawing.Image.FromFile(Server.MapPath("Chrysanthemum.jpg"));</span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><br /></span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//Taken Actual width anf height From Image</span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>int height = objImage.Height;</span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//height</span></span><br />
<span class="Apple-tab-span" style="color: #783f04; font-family: 'Courier New', Courier, monospace; white-space: pre;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">int width = objImage.Width;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//Width</span></span><br />
<span class="Apple-tab-span" style="color: #783f04; font-family: 'Courier New', Courier, monospace; white-space: pre;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">//Create a Bitmap Image</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>System.Drawing.Bitmap bitmapimage = new System.Drawing.Bitmap(objImage, width, height);</span></span><br />
<span class="Apple-tab-span" style="color: #783f04; font-family: 'Courier New', Courier, monospace; white-space: pre;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">// create bitmap with same size of Actual image</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//Convert in to a Graphics object</span></span><br />
<span class="Apple-tab-span" style="color: #783f04; font-family: 'Courier New', Courier, monospace; white-space: pre;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmapimage);</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><br /></span></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">' TO SET THE Watermark Text angle </span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">'--------------------------------------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div style="font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;">g.FillRectangle(Brushes.White, 0, 0, 0, 0);</span></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;"> g.TranslateTransform(100, 100);</span></div>
<div style="font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;"> g.RotateTransform(-30);</span></div>
<div style="color: #783f04; font-family: 'Courier New', Courier, monospace;">
<span style="font-family: 'Courier New', Courier, monospace;">'----------------------------------------</span></div>
<span class="Apple-tab-span" style="color: #783f04; font-family: 'Courier New', Courier, monospace; white-space: pre;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">//Creating Brush</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><br /></span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>System.Drawing.SolidBrush brush = new System.Drawing.SolidBrush(System.Drawing.Color.FromArgb(113, 255, 255, 255));</span></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">//set text position on image</span>
<br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>g.DrawString("</span> <span style="color: #783f04;">Anish</span> <span style="color: #783f04;">", new Font("Arial", 18, System.Drawing.FontStyle.Bold), brush, 0, 100);</span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Response.ContentType = "image/jpeg";</span></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><span style="color: #783f04;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//setting ContentType</span></span><br />
<span class="Apple-tab-span" style="color: #783f04; font-family: 'Courier New', Courier, monospace; white-space: pre;"> </span><span style="color: #783f04; font-family: 'Courier New', Courier, monospace;">bitmapimage.Save(Response.OutputStream, ImageFormat.Jpeg);</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">}</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">It will display watermark text on image</span><br />
<br />
<br />
<br class="Apple-interchange-newline" /></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-33458126966675433362012-02-16T23:21:00.000-08:002012-02-16T23:21:57.283-08:00Moving label Text Up/Down continuously using Code in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Courier New', Courier, monospace;">Animation using code</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Here i am using updatepanel and timer to refresh page </span><br />
<br />
<span style="font-family: 'Courier New', Courier, monospace;">in .aspx</span><br />
<br />
<br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><asp:UpdatePanel ID="UpdatePanel1" runat="server"></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> <Triggers></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </Triggers></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> <ContentTemplate></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> <asp:Timer ID="Timer1" runat="server" Interval="1000"></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </asp:Timer></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> <asp:Label ID="Lblanimation" runat="server" Text="Move Text"></asp:Label></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </ContentTemplate></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </asp:UpdatePanel></b></span><br />
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><b>in .cs page</b></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<br />
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b>if (ViewState["hit"] == null)</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> {</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top = 1;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top1 = 0;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> }</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> else</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> {</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top = Convert.ToInt32(ViewState["<wbr></wbr>hit"]);</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top1 = Convert.ToInt32(ViewState["<wbr></wbr>hit1"]);</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> if (top > 300 || top1>300)</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> {</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top = (int)ViewState["hit"] - 1;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top1 = (int)ViewState["hit1"] + 1;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> if (top == 1)</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> {</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top1 = 0;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> left =Convert.ToInt32(ViewState["<wbr></wbr>left"]) + 10;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> }</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> }</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> else</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> {</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top = (int)ViewState["hit"] + 1;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> top1 = (int)ViewState["hit1"] + 1;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> }</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> }</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> lx.Attributes.Add("style", "top:"+top+"px;position:<wbr></wbr>absolute;left:100px");</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> ViewState["hit"] = top;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> ViewState["hit1"] = top1;</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b> </b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="color: #783f04; font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="font-family: 'Courier New', Courier, monospace;"><b>I have used viewstate to store the value generated when page get refresh</b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); text-align: -webkit-auto;">
<span style="font-family: 'Courier New', Courier, monospace;"><b><span style="font-size: x-small;">Label text move up and down continuously in every page refresh.</span></b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); text-align: -webkit-auto;">
<span style="font-family: 'Courier New', Courier, monospace;"><b><span style="font-size: x-small;">I have fixed the position up to 300 pixel. </span></b></span></div>
<div style="background-color: rgba(255, 255, 255, 0.917969); font-size: 13px; text-align: -webkit-auto;">
<span style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>
<br />
<br />
<br /></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-25693290512643558022012-01-27T19:19:00.000-08:002012-01-27T19:19:56.218-08:00Repeater Controls In Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: verdana; font-size: x-small; text-align: justify;">T</span><span style="font-size: x-small; text-align: justify;"><span style="font-family: 'Courier New', Courier, monospace;">he Repeater control is used to display a repeated list of items that are bound to the control. The Repeater control may be bound to a database table, an XML file, or another list of items. </span></span>
<br />
<span style="font-size: x-small; text-align: justify;"><span style="font-family: 'Courier New', Courier, monospace;"><br /></span></span><br />
<br />
<table class="table" style="color: black; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; width: 1091px;"><tbody>
<tr><th style="background-attachment: initial; background-clip: initial; background-color: #dadada; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-left: 5px; text-align: left;" width="200"><b>Template Name</b></th><th style="background-attachment: initial; background-clip: initial; background-color: #dadada; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-left: 5px; text-align: left;"><b>Description</b></th></tr>
<tr><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;"><b>ItemTemplate</b></td><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;">Defines the content and layout of items within the list. <b>Required</b>.</td></tr>
<tr><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;"><b>AlternatingItemTemplate</b></td><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;">If defined, the <b>AlternatingItemTemplate</b> determines the content and layout of alternating items. If not defined, <b>ItemTemplate</b> is used.</td></tr>
<tr><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;"><b>SeparatorTemplate</b></td><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;">If defined, the <b>SeparatorTemplate</b> is rendered between items (and alternating items). If not defined, a separator is not rendered.</td></tr>
<tr><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;"><b>HeaderTemplate</b></td><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;">If defined, the <b>HeaderTemplate</b> determines the content and layout of the list header. If not defined, header is not rendered.</td></tr>
<tr><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;"><b>FooterTemplate</b></td><td style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: top;">If defined, the <b>FooterTemplate</b> determines the content and layout of the list footer. If not defined, footer is not rendered.</td></tr>
</tbody></table>
<br class="Apple-interchange-newline" /><br />
Example<br />
<br />
<br />
<pre style="background-color: white;"><span style="color: blue;"><</span><span style="color: blue;"><b>asp:Repeater id=Repeater1 runat="server"<span style="color: blue;">></span></b></span>
<span style="color: blue;"><</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">table</span> border=1<span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">tr</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span><span style="color: blue;"><</span><span style="color: maroon;">b</span><span style="color: blue;">></span>Company<span style="color: blue;"></</span><span style="color: maroon;">b</span><span style="color: blue;">></span><span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span><span style="color: blue;"><</span><span style="color: maroon;">b</span><span style="color: blue;">></span>Code<span style="color: blue;"></</span><span style="color: maroon;">b</span><span style="color: blue;">></span><span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: maroon;">tr</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">tr</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span> <span style="color: blue;"><%</span>#<span style="color: red;"><b> Eval("Name") </b></span><span style="color: blue;">%></span> <span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span> <span style="color: blue;"><%</span>#<span style="color: red;"><b> Eval("</b></span><span style="color: red;">Code</span><span style="color: red;"><b>") </b></span><span style="color: blue;">%></span> <span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: maroon;">tr</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">FooterTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: maroon;">table</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: maroon;">FooterTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: blue;"><b>asp:Repeater<span style="color: blue;">></span></b></span>
<span style="color: blue;"><</span><span style="color: maroon;">p</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">b</span><span style="color: blue;">></span>Repeater2:<span style="color: blue;"></</span><span style="color: maroon;">b</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">p</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: blue;"><b>asp:Repeater id=Repeater2 runat="server"<span style="color: blue;">></span></b></span>
<span style="color: blue;"><</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span>
Company data:
<span style="color: blue;"></</span><span style="color: maroon;">HeaderTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><%</span>#<span style="color: red;"><b> </b></span><b style="color: red;">Eval("Name")</b><b style="color: red;"> <span style="color: blue;">%></span> </b>
<pre><span style="color: blue;"> <%</span>#<b style="color: red;">Eval("Code")</b><span style="color: red;"><b> </b></span><span style="color: blue;">%></span>)</pre>
<span style="color: blue;"></</span><span style="color: maroon;">ItemTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"><</span><span style="color: maroon;">SeparatorTemplate</span><span style="color: blue;">></span>, <span style="color: blue;"></</span><span style="color: maroon;">SeparatorTemplate</span><span style="color: blue;">></span>
<span style="color: blue;"></</span><span style="color: blue;"><b>asp:Repeater<span style="color: blue;">></span></b></span></pre>
<pre style="background-color: white;"><span style="color: blue;"><b><span style="color: blue;">
</span></b></span></pre>
<pre style="background-color: white;"><span style="color: blue;"><b><span style="color: blue;">
</span></b></span></pre>
<pre style="background-color: white;"><span style="color: blue;"><b><span style="color: blue;">In .cs page</span></b></span></pre>
<pre style="background-color: white;"><pre><span style="color: blue;">void</span> Page_Load(Object Sender, EventArgs e) {
<span style="color: blue;">if</span> (!IsPostBack) {
ArrayList values = <span style="color: blue;">new</span> ArrayList();
values.Add("Microsoft", "2001");
values.Add("Intel", "2002");
values.Add("Dell", "2003");
Repeater1.DataSource = values;
Repeater1.DataBind();
}
}</pre>
</pre>
<pre style="background-color: white;">Output</pre>
<pre style="background-color: white;">
</pre>
<pre style="background-color: white;"><b>Company </b><b>Symbol</b></pre>
<pre style="background-color: white;">Microsoft 2001</pre>
<pre style="background-color: white;">Intel 2002</pre>
<pre style="background-color: white;">Dell 2003
</pre>
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-20814407147331312502012-01-01T02:06:00.000-08:002012-01-01T02:06:19.534-08:00Create a calculator in Vb.net<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Example</b><br />
<b><br /></b><br />
<b></b><br />
<b><br /></b><br />
<b><span class="Apple-style-span" style="color: #783f04;">Public Class frmCalc</span></b><br />
<b><br /></b><br />
<b> <span class="Apple-style-span" style="color: #444444;"> Dim tmpno, mem As Double</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Dim clear, flag As Boolean</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnnum_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><span class="Apple-tab-span" style="white-space: pre;"> </span> ByVal e As System.EventArgs) </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Handles btn0.Click, btn1.Click, btn2.Click, btn3.Click, btn4.Click,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><span class="Apple-tab-span" style="white-space: pre;"> </span> btn5.Click, btn6.Click, btn7.Click, btn8.Click, btn9.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If clear = True Or txtno.Text = "0" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = ""</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = False</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> flag = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = txtno.Text + CType(sender, Button).Text</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnc_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><span class="Apple-tab-span" style="white-space: pre;"> </span> ByVal e As System.EventArgs) Handles btnc.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = 0</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> mem = 0</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> tmpno = 0</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "C"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnce_Click(ByVal sender As System.Object, </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><span class="Apple-tab-span" style="white-space: pre;"> </span>ByVal e As System.EventArgs) Handles btnce.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = 0</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "CE"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnbs_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnbs.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "<-"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = Microsoft.VisualBasic.Left(txtNo.Text, txtNo.Text.Length - 1)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If txtno.Text = "" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = 0</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btneql_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btneql.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If lblsign.Text = "/" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If Val(txtno.Text) = 0 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = "Cannot devide by zero"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Else</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = tmpno / Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If lblsign.Text = "x" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = tmpno * Val(txtNo.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If lblsign.Text = "-" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = tmpno - Val(txtNo.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If lblsign.Text = "+" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = tmpno + Val(txtNo.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If lblsign.Text = "%" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = tmpno * Val(txtNo.Text) / 100</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If lblsign.Text = "x^y" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = Math.Pow(tmpno, Val(txtNo.Text))</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><br /></span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "="</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> tmpno = Val(txtNo.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btn1x_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btn1x.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = 1 / Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "1/x"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnper_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnper.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "%"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> tmpno = Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnmc_Click(ByVal sender As System.Object, </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnmc.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> mem = 0</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnmr_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnmr.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = mem</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnms_Click(ByVal sender As System.Object, </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnms.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> mem = mem - Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnmp_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnmp.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> mem = mem + Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnsign_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> andles btndiv.Click, btnmul.Click, btnsub.Click, btnpls.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If flag = True Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btneql_Click(sender, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> flag = False</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> tmpno = Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = CType(sender, Button).Text</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btndot_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btndot.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If clear = True Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = "0."</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = False</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If txtno.Text.IndexOf(".") <= 0 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = txtno.Text + "."</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = False</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><br /></span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnpm_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnpm.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = -1 * Val(txtno.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub btnsqrt_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles btnsqrt.Click</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> lblsign.Text = "Sq"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtno.Text = Math.Sqrt(Val(txtno.Text))</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">//</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub CopyToolStripMenuItem_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Clipboard.SetText(txtNo.Text)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub PasteToolStripMenuItem_Click(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = Clipboard.GetText</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">///</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub numpad_KeyPress(ByVal sender As Object, </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.Windows.Forms.KeyPressEventArgs) </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">Handles btn0.KeyPress, btn1.KeyPress, btn1x.KeyPress, </span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">btn2.KeyPress, btn3.KeyPress, btn4.KeyPress, btn5.KeyPress,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> btn6.KeyPress, btn7.KeyPress, btn8.KeyPress, btn9.KeyPress,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> btnbs.KeyPress, btnc.KeyPress, btnce.KeyPress, btndiv.KeyPress</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;">, btndot.KeyPress, btneql.KeyPress, btnmc.KeyPress, btnmp.KeyPress,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> btnmr.KeyPress, btnms.KeyPress, btnmul.KeyPress, btnper.KeyPress,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> btnpls.KeyPress, btnpm.KeyPress, btnsqrt.KeyPress, btnsub.KeyPress</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> btneql.Focus()</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If Asc(e.KeyChar) = 8 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnbs_Click(sender, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 46 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btndot_Click(sender, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 47 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnsign_Click(btndiv, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 47 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnsign_Click(btndiv, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 42 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnsign_Click(btnmul, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 45 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnsign_Click(btnsub, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 43 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnsign_Click(btnpls, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf Asc(e.KeyChar) = 27 Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Call btnc_Click(sender, e)</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ElseIf (Asc(e.KeyChar) >= 48 And Asc(e.KeyChar) <= 57) Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> If clear = True Or txtNo.Text = "0" Then</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = ""</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> clear = False</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> flag = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> txtNo.Text = txtNo.Text & CChar(ChrW(Asc(e.KeyChar)))</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Else</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> e.Handled = True</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End If</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><br /></span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> Private Sub txtNo_TextChanged(ByVal sender As System.Object,</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ByVal e As System.EventArgs) Handles txtNo.TextChanged</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"><br /></span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> End Sub</span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;">End Class</span></b><br />
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-34207933764216280002011-12-30T22:32:00.001-08:002012-08-22T04:59:53.495-07:00Refresh GridView Withour Refreshing whole page in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">To refresh particular control we have to use <asp:UpdatePanel> with <asp:Timer> Ajax control.</span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Before taking this control we have to take <asp:ScriptManager> </span><br />
<span class="Apple-style-span" style="color: #783f04;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">in aspx page<b><br /></b></span></span>
</div>
<div style="border: 1px solid gray; color: #073763; font-family: "Courier New",Courier,monospace;">
<span style="font-size: small;"> <asp:ScriptManager ID="ScriptManager1" runat="server"></span><br />
<span style="font-size: small;"> </asp:ScriptManager><br /> <asp:UpdatePanel ID="UpdatePanel2" runat="server"><br /> <ContentTemplate><br /> <asp:Timer ID="Timer1" runat="server" Interval="5000"><br /> </asp:Timer><br /> <span style="color: #274e13;"><asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" ></span><br /> <Columns><br /> <asp:BoundField DataField="Date" HeaderText="Date" SortExpression="Date" /><br /> <asp:BoundField DataField="Message" HeaderText="Message" <br /> SortExpression="Message" /><br /> </Columns><br /> <span style="color: #274e13;"></asp:GridView></span><br /> <asp:SqlDataSource ID="SqlDataSource1" runat="server" <br /> ConnectionString="<%$ ConnectionStrings:ConnectionString %>" <br /> SelectCommand="SELECT [Date], [Message] FROM [ChatDb]"></asp:SqlDataSource><br /> </ContentTemplate><br /> <Triggers><br /> <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /><br /> </Triggers><br /> </asp:UpdatePanel></span></div>
<span style="font-family: "Courier New",Courier,monospace;">in .cs page</span><br />
<br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> protected void Page_Load(object sender, EventArgs e)</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> {</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> if (!IsPostBack)</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> {</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> GridView1.DataSource = SqlDataSource1;</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> GridView1.DataBind();</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> }</span><br />
<span style="color: #0b5394; font-family: "Courier New",Courier,monospace;"> }</span>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-30126212131039343012011-12-28T23:10:00.000-08:002011-12-28T23:10:46.017-08:00ConfirmButtonExtender in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Example</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> <span class="Apple-style-span" style="color: #783f04;"><asp:LinkButton ID="LinkButton1" runat="server">Delete</asp:LinkButton></span><br />
<span class="Apple-style-span" style="color: #444444;"><cc1:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" TargetControlID="LinkButton1" ConfirmText="Do You Want to Delete.." OnClientCancel="CancelClick"></span><br />
<span class="Apple-style-span" style="color: #444444;"> </cc1:ConfirmButtonExtender></span><br />
<span class="Apple-style-span" style="color: #444444;"><br /></span><br />
<span class="Apple-style-span" style="color: #444444;"> (</span>CollapsiblePanel<span class="Apple-style-span" style="color: #444444;">)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/collapsiblepanel-in-aspnet.html"><<Back</a></span></span></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-19874430885010187132011-12-28T22:46:00.000-08:002011-12-28T22:46:11.839-08:00Expand /collapse ASP.NET AJAX CollapsiblePanel programmatically using JavaScript<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">In Default.aspx</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> <style type="text/css"><br />
<span class="Apple-style-span" style="color: #783f04;"> .cpHeader</span><br />
<span class="Apple-style-span" style="color: #783f04;"> {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> color: white;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> background-color: #719DDB;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> font: bold 11px auto "Trebuchet MS" , Verdana;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> font-size: 12px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cursor: pointer;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> width: 450px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> height: 18px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> padding: 4px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
<span class="Apple-style-span" style="color: #783f04;"> .cpBody</span><br />
<span class="Apple-style-span" style="color: #783f04;"> {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> background-color: #DCE4F9;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> font: normal 11px auto Verdana, Arial;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> border: 1px gray;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> width: 450px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> padding: 4px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> padding-top: 7px;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
</style><br />
<br />
<script type="text/javascript"><br />
<br />
<span class="Apple-style-span" style="color: #783f04;"> function ExpandCollapse() {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> var collPanel = $find("CollapsiblePanelExtender1");</span><br />
<span class="Apple-style-span" style="color: #783f04;"> if (collPanel.get_Collapsed())</span><br />
<span class="Apple-style-span" style="color: #783f04;"> collPanel.set_Collapsed(false);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> else</span><br />
<span class="Apple-style-span" style="color: #783f04;"> collPanel.set_Collapsed(true);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> } </span> <br />
<br />
</script><br />
<br />
<br />
<span class="Apple-style-span" style="color: #444444;"><form id="form1" runat="server"></span><br />
<span class="Apple-style-span" style="color: #444444;"> <div></span><br />
<span class="Apple-style-span" style="color: #444444;"> <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></span><br />
<span class="Apple-style-span" style="color: #444444;"> </cc1:ToolkitScriptManager></span><br />
<span class="Apple-style-span" style="color: #444444;"> <div></span><br />
<span class="Apple-style-span" style="font-family: 'Times New Roman'; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b></span><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="display: inline !important;">
<span class="Apple-style-span" style="color: #783f04;"> <asp:Panel ID="pHeader" runat="server" CssClass="cpHeader"></span></div>
</span></b><br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:Label ID="lblText" runat="server" /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </asp:Panel></span><br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:Panel ID="pBody" runat="server" CssClass="cpBody"></span><br />
<span class="Apple-style-span" style="color: #783f04;"> This is Collapsible extender,using javascript</span><br />
<span class="Apple-style-span" style="color: #783f04;"> </asp:Panel></span><br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:Button ID="btnClick" OnClientClick="ExpandCollapse()" runat="server" Text="Expand/Collapse" /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </span><br />
<span class="Apple-style-span" style="color: #783f04;"> <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="pBody"</span><br />
<span class="Apple-style-span" style="color: #783f04;">CollapseControlID="pHeader" ExpandControlID="pHeader" Collapsed="true" TextLabelID="lblText" ExpandedSize="120"</span><br />
<span class="Apple-style-span" style="color: #783f04;">CollapsedText="Click to Show Content.." ExpandedText="Click to Hide Content.."</span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b></span><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="display: inline !important;">
<span class="Apple-style-span" style="color: #783f04;"> CollapsedSize="0"></span></div>
</span></b><br />
<span class="Apple-style-span" style="color: #783f04;"> </cc1:CollapsiblePanelExtender></span><br />
<br />
<span class="Apple-style-span" style="color: #444444;"> </div></span><br />
<span class="Apple-style-span" style="color: #444444;"> </span><br />
<span class="Apple-style-span" style="color: #444444;"> </div></span><br />
<span class="Apple-style-span" style="color: #444444;"> </form></span><br />
</span></b></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-73353892485038219922011-12-28T22:17:00.000-08:002011-12-28T22:48:09.481-08:00CollapsiblePanel in asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>Example</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>in .aspx page</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b></b></span><br />
<b><span class="Apple-style-span" style="color: #444444;"><cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></span><br />
<span class="Apple-style-span" style="color: #444444;"></cc1:ToolkitScriptManager></span><br />
<br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:Panel ID="Panel2" runat="server" style="font-weight: bold; background-color: ThreeDShadow; border-color:Black " Width="400px" ></span><br />
<span class="Apple-style-span" style="color: #783f04;"> hi press me to fill data</span><br />
<span class="Apple-style-span" style="color: #783f04;"> </asp:Panel></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </span><br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:Panel ID="Panel1" runat="server" style="font-weight: bold; background-color: ThreeDShadow;" Width="400px"></span><br />
<span class="Apple-style-span" style="color: #783f04;"> name: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> rollno: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </span><br />
<span class="Apple-style-span" style="color: #783f04;"> </asp:Panel></span><br />
<br />
<span class="Apple-style-span" style="color: #444444;"> <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="Panel1" CollapseControlID="Panel2" ExpandControlID="Panel2" Collapsed="true" CollapsedSize="0" ExpandedSize="120" ExpandedText="(Collapse...)" CollapsedText="(Expand...)></span><br />
<span class="Apple-style-span" style="color: #444444;"> </cc1:CollapsiblePanelExtender></span><br />
<span class="Apple-style-span" style="color: #444444;"><br /></span><br />
<span class="Apple-style-span" style="color: #444444;">For detail:<a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnet-collapsiblepanel.html" target="_blank">Click to view</a></span><br /> (Cascadingdropdown)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/cascadingdropdown-in-aspnet.html"><<Back</a></b><br />
<b><br /></b><br />
<b><a href="http://www.dotnetghostrider.blogspot.com/2011/12/cascadingdropdown-in-aspnet.html"></a><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Expand/collapse CollapsiblePanel using Javascript</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><a href="http://www.dotnetghostrider.blogspot.com/2011/12/expand-collapse-aspnet-ajax.html" target="_blank">Click to view</a></span>
<br />
</b></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-67755742407471284202011-12-28T03:20:00.000-08:002011-12-28T21:29:12.175-08:00CascadingDropDown in asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Example</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">in Cascadingdropdown.asmx</span></b><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>'create two table</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>'city and country</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-weight: normal;">using System;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Web;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Collections;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Web.Services;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Web.Services.Protocols;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Collections.Generic;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Configuration;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Data.SqlClient;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using AjaxControlToolkit;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Data;</span><br />
<span class="Apple-style-span" style="font-weight: normal;">using System.Collections.Specialized;</span><br />
<br />
/// <summary><br />
/// Summary description for CascadingDropDown<br />
/// </summary><br />
<span class="Apple-style-span" style="font-weight: normal;">[WebService(Namespace = "http://tempuri.org/")]</span><br />
<span class="Apple-style-span" style="font-weight: normal;">[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]</span><br />
<span class="Apple-style-span" style="font-weight: normal;">[System.Web.Script.Services.ScriptService()]</span><br />
<span class="Apple-style-span" style="font-weight: normal;">public class CascadingDropDown : System.Web.Services.WebService {</span><br />
<span class="Apple-style-span" style="font-weight: normal;"> string strConnection = ConfigurationManager.ConnectionStrings["dbConnectionString"].ConnectionString;</span><br />
<span class="Apple-style-span" style="font-weight: normal;"><br /></span><br />
<span class="Apple-style-span" style="font-weight: normal;"> </span><span class="Apple-style-span" style="color: #783f04;"> public CascadingDropDown () </span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;">{</span><br />
<span class="Apple-style-span" style="color: #783f04;"></span>
<span class="Apple-style-span" style="color: #783f04;"> //Uncomment the following line if using designed components </span><br />
<span class="Apple-style-span" style="color: #783f04;"> //InitializeComponent(); </span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
<span class="Apple-style-span" style="color: #783f04;"></span>
<span class="Apple-style-span" style="color: #783f04;"> [WebMethod]</span><br />
<span class="Apple-style-span" style="color: #783f04;"> public CascadingDropDownNameValue[] GetCountries(string knownCategoryValues, string category) </span><br />
<span class="Apple-style-span" style="color: #783f04;"> {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> SqlConnection con = new SqlConnection(strConnection);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> SqlCommand cmd = new SqlCommand();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.Connection = con;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.CommandType = System.Data.CommandType.Text;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.CommandText = "Select * from Country";</span><br />
<span class="Apple-style-span" style="color: #783f04;"> SqlDataAdapter dAdapter = new SqlDataAdapter();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> dAdapter.SelectCommand = cmd;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> con.Open();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> DataSet objDs = new DataSet();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> dAdapter.Fill(objDs);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> con.Close();</span><br />
<span class="Apple-style-span" style="color: #783f04;"><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> List<CascadingDropDownNameValue> countryNames = new List<CascadingDropDownNameValue>();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> foreach (DataRow dRow in objDs.Tables[0].Rows)</span><br />
<span class="Apple-style-span" style="color: #783f04;"> {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> string countryID = dRow["CountryID"].ToString();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> string countryName = dRow["CountryName"].ToString();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> countryNames.Add(new CascadingDropDownNameValue(countryName, countryID));</span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
<span class="Apple-style-span" style="color: #783f04;"> return countryNames.ToArray();</span><br />
<span class="Apple-style-span" style="color: #783f04;"></span>
<span class="Apple-style-span" style="color: #783f04;"> </span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
<span class="Apple-style-span" style="color: #783f04;"><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> [WebMethod]</span><br />
<span class="Apple-style-span" style="color: #783f04;"> public CascadingDropDownNameValue[] GetCities(string knownCategoryValues, string category)</span><br />
<span class="Apple-style-span" style="color: #783f04;"> {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> int countryID;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> StringDictionary countryValues = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> countryID = Convert.ToInt32(countryValues["Country"]);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> SqlConnection con = new SqlConnection(strConnection);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> SqlCommand cmd = new SqlCommand();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.Connection = con;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.CommandType = System.Data.CommandType.Text;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.Parameters.AddWithValue("@CountryID", countryID);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cmd.CommandText = "Select * from City where CountryID = @CountryID";</span><br />
<span class="Apple-style-span" style="color: #783f04;"> SqlDataAdapter dAdapter = new SqlDataAdapter();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> dAdapter.SelectCommand = cmd;</span><br />
<span class="Apple-style-span" style="color: #783f04;"> con.Open();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> DataSet objDs = new DataSet();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> dAdapter.Fill(objDs);</span><br />
<span class="Apple-style-span" style="color: #783f04;"> con.Close();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> List<CascadingDropDownNameValue> cityNames = new List<CascadingDropDownNameValue>();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> foreach (DataRow dRow in objDs.Tables[0].Rows)</span><br />
<span class="Apple-style-span" style="color: #783f04;"> {</span><br />
<span class="Apple-style-span" style="color: #783f04;"> string cityID = dRow["CityID"].ToString();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> string cityName = dRow["CityName"].ToString();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> cityNames.Add(new CascadingDropDownNameValue(cityName, cityID));</span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
<span class="Apple-style-span" style="color: #783f04;"> return cityNames.ToArray();</span><br />
<span class="Apple-style-span" style="color: #783f04;"> }</span><br />
<span class="Apple-style-span" style="font-weight: normal;"> </span><br />
<span class="Apple-style-span" style="font-weight: normal;">}</span><br />
</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
in default.aspx<br />
<br />
<form id="form1" runat="server"><br />
<div><br />
<span class="Apple-style-span" style="font-weight: normal;"><asp:ScriptManager ID="ScriptManager1" runat="server"></span><br />
<span class="Apple-style-span" style="font-weight: normal;"> <Services></span><br />
<span class="Apple-style-span" style="font-weight: normal;"> <asp:ServiceReference Path="AutoComplete.asmx" /></span><br />
<span class="Apple-style-span" style="font-weight: normal;"> <asp:ServiceReference Path="CascadingDropDown.asmx" /></span><br />
<span class="Apple-style-span" style="font-weight: normal;"> </Services></span><br />
<span class="Apple-style-span" style="font-weight: normal;"> </asp:ScriptManager></span><br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:DropDownList ID="ddlCountry" runat="server"></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </asp:DropDownList><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"> <ajaxToolkit:CascadingDropDown ID="CascadingDropDown1"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> runat="server"</span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b></span><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b></span></b><br />
<div style="display: inline !important;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;"> Category="Country" </span></span></b></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">
</span></b><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b></span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b></span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="display: inline !important;">
<span class="Apple-style-span" style="color: #783f04;"> TargetControlID="ddlCountry"</span></div>
</span></b></span><br />
<span class="Apple-style-span" style="color: #783f04;"> PromptText="-Select Country-"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> LoadingText="Loading Countries.."</span><br />
<span class="Apple-style-span" style="color: #783f04;"> ServicePath="CascadingDropDown.asmx"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> ServiceMethod="GetCountries"></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </ajaxToolkit:CascadingDropDown></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </span><br />
<span class="Apple-style-span" style="color: #783f04;"> <asp:DropDownList ID="ddlCity" runat="server" OnSelectedIndexChanged="ddlCity_SelectedIndexChanged"></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </asp:DropDownList></span></span></b><br />
<div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;"><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"><ajaxToolkit:CascadingDropDown ID="CascadingDropDown2"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> runat="server"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> Category="City"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> TargetControlID="ddlCity"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> ParentControlID="ddlCountry"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> PromptText="-Select City-"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> LoadingText="Loading Cities.."</span><br />
<span class="Apple-style-span" style="color: #783f04;"> ServicePath="CascadingDropDown.asmx"</span><br />
<span class="Apple-style-span" style="color: #783f04;"> ServiceMethod="GetCities"></span><br />
<span class="Apple-style-span" style="color: #783f04;"> </ajaxToolkit:CascadingDropDown></span><br /> </div><br /> </form><br />
<br />
For detail:<a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnet-cascadingdropdown.html" target="_blank">Click to view</a><br />
</span></b><br />
<b><a href="http://www.dotnetghostrider.blogspot.com/2011/12/collapsiblepanel-in-aspnet.html">Next>></a><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">(CollapsiblePanelExtender) (AutoComplete)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/autocomplete-in-aspnet.html"><<Back</a></span></b></div>
</div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-75564229242991013852011-12-28T03:05:00.000-08:002011-12-28T21:31:20.734-08:00Autocomplete in asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="Apple-style-span" style="color: blue; font-family: 'Courier New', Consolas, Courier, monospace;"><span class="Apple-style-span" style="font-size: x-small; white-space: pre;"><span class="Apple-style-span" style="color: black; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small; white-space: normal;">Example:</span></span></span></span><br />
<span class="Apple-style-span" style="color: blue; font-family: 'Courier New', Consolas, Courier, monospace;"><span class="Apple-style-span" style="font-size: x-small; white-space: pre;"><span class="Apple-style-span" style="color: black; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small; white-space: normal;"><br /></span></span></span></span><br />
<span class="Apple-style-span" style="color: blue; font-family: 'Courier New', Consolas, Courier, monospace;"><span class="Apple-style-span" style="font-size: x-small; white-space: pre;"><span class="Apple-style-span" style="color: black; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small; white-space: normal;">AutoComplete.asmx</span></span></span></span><br />
<span class="Apple-style-span" style="color: blue; font-family: 'Courier New', Consolas, Courier, monospace;"><span class="Apple-style-span" style="font-size: x-small; white-space: pre;"><span class="Apple-style-span" style="color: black; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small; white-space: normal;"><br /></span></span></span></span><br />
<span class="Apple-style-span" style="color: blue; font-family: 'Courier New', Consolas, Courier, monospace;"><span class="Apple-style-span" style="font-size: x-small; white-space: pre;"><span class="Apple-style-span" style="color: black; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small; white-space: normal;"></span></span></span></span><br />
<span class="Apple-style-span" style="color: blue; font-family: 'Courier New', Consolas, Courier, monospace;"><span class="Apple-style-span" style="color: black; font-family: 'Courier New', Courier, monospace;"><br />
using System;<br />
using System.Collections.Generic;<br />
using System.Web.Services;<br />
using System.Data.SqlClient;<br />
using System.Configuration;<br />
using System.Data;<br />
<br />
[WebService]<br />
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]<br />
[System.Web.Script.Services.ScriptService]<br />
public class AutoComplete : WebService<br />
{<br />
<span class="Apple-style-span" style="color: #783f04;"> <b>public AutoComplete()</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> {</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> }</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b><br /></b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> [WebMethod]</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> public string[] GetCompletionList(string prefixText, int count)</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> {</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> if (count == 0)</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> {</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> count = 10;</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> }</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> DataTable dt = GetRecords(prefixText);</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> List<string> items = new List<string>(count);</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b><br /></b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> for (int i = 0; i < dt.Rows.Count; i++)</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> {</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> string strName = dt.Rows[i][0].ToString();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> items.Add(strName);</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> }</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> return items.ToArray();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> }</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b><br /></b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> public DataTable GetRecords(string strName)</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> {</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> string strConn = ConfigurationManager.ConnectionStrings["DatabaseConnectionString"].ConnectionString; </b><span class="Apple-style-span" style="color: #444444;">'set connectionstring in web.config file</span></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> SqlConnection con = new SqlConnection(strConn);</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> SqlCommand cmd = new SqlCommand();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> cmd.Connection = con;</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> cmd.CommandType = System.Data.CommandType.Text;</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> cmd.Parameters.AddWithValue("@Name", strName);</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> cmd.CommandText = "Select Name from Test where Name like '%'+@Name+'%'";</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> DataSet objDs = new DataSet();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> SqlDataAdapter dAdapter = new SqlDataAdapter();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> dAdapter.SelectCommand = cmd;</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> con.Open();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> dAdapter.Fill(objDs);</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> con.Close();</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> return objDs.Tables[0];</b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b><br /></b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> }</b></span><br />
}<br />
<br />
In Default.aspx page<br />
<br />
<br />
<div><br />
<asp:ScriptManager ID="ScriptManager1" runat="server"><br />
<Services><br />
<asp:ServiceReference Path="AutoComplete.asmx" /><br />
</Services><br />
</asp:ScriptManager><br />
<br />
<b><span class="Apple-style-span" style="color: #783f04;"><asp:TextBox ID="txtName" runat="server" Text='<%#Bind("Name") %>' ></asp:TextBox></span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> <ajaxToolkit:AutoCompleteExtender</span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> runat="server" </span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> ID="autoComplete1" </span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> TargetControlID="txtName"</span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> ServicePath="AutoComplete.asmx" </span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> ServiceMethod="GetCompletionList"</span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> MinimumPrefixLength="1" </span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> CompletionInterval="10"</span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> EnableCaching="true"</span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> CompletionSetCount="12" /></span></b><br />
</div><br />
<br />
<br />
For Detail:<a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnetautocomplete.html" target="_blank">Click to view</a><br />
<a href="http://www.dotnetghostrider.blogspot.com/2011/12/cascadingdropdown-in-aspnet.html">Next>></a>(Cascadingdropdown) (Calendarextender)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/calendarextender-in-aspnet.html"><<Back</a></span></span></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-12580616294474010592011-12-28T01:22:00.000-08:002011-12-28T01:22:33.270-08:00Validation in CalendarExtender<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Example</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-family: Verdana, Calibri, Arial, serif; font-size: 12px; font-weight: normal;"></span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<u><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">Adding CompareValidator</span></u></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"><</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">asp</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">CompareValidator</span><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ID</span><span style="color: blue;">="CompareValidator1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ControlToValidate</span><span style="color: blue;">="TextBox1"</span> <span style="color: red;">Display</span><span style="color: blue;">="Dynamic"</span> <span style="color: red;">ErrorMessage</span><span style="color: blue;">="Invalid Date"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">Operator</span><span style="color: blue;">="DataTypeCheck"</span> <span style="color: red;">Type</span><span style="color: blue;">="Date"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"></</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">asp</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">CompareValidator</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"><</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">cc1</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">ValidatorCalloutExtender</span><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ID</span><span style="color: blue;">="CompareValidator1_ValidatorCalloutExtender"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Enabled</span><span style="color: blue;">="True"</span> <span style="color: red;">TargetControlID</span><span style="color: blue;">="CompareValidator1"></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"></</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">cc1</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">ValidatorCalloutExtender</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<u><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">Adding RangeValidator</span></u><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;"> – We will restrict the user to select a date range starting from today to 15 days from now.</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"><</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">asp</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">RangeValidator</span><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ID</span><span style="color: blue;">="RangeValidator1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ControlToValidate</span><span style="color: blue;">="TextBox1"</span> <span style="color: red;">ErrorMessage</span><span style="color: blue;">="RangeValidator"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">Type</span><span style="color: blue;">="Date"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"></</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">asp</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">RangeValidator</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"><</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">cc1</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">ValidatorCalloutExtender</span><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ID</span><span style="color: blue;">="RangeValidator1_ValidatorCalloutExtender"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Enabled</span><span style="color: blue;">="True"</span> <span style="color: red;">TargetControlID</span><span style="color: blue;">="RangeValidator1"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"></</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">cc1</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">ValidatorCalloutExtender</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
</div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">In the code behind of your page, add this code</span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">C#</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;">protected</span> <span style="color: blue;">void</span> Page_Load(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> {</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> RangeValidator1.MinimumValue = System.<span style="color: #2b91af;">DateTime</span>.Now.ToShortDateString();</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> RangeValidator1.MaximumValue = System.<span style="color: #2b91af;">DateTime</span>.Now.AddDays(15).ToShortDateString();</span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"> }</span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">VB.NET</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;">Protected</span> <span style="color: blue;">Sub</span> Page_Load(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> RangeValidator1.MinimumValue = System.DateTime.Now.ToShortDateString()</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> RangeValidator1.MaximumValue = System.DateTime.Now.AddDays(15).ToShortDateString()</span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"> <span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div>
</span></b></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-49216626356077231532011-12-28T01:20:00.000-08:002011-12-28T21:32:37.068-08:00CalendarExtender in asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Example</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">in .aspx page</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-family: Verdana, Calibri, Arial, serif; font-size: 12px; font-weight: normal;"></span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">ScriptManager</span> <span style="color: red;">ID</span><span style="color: blue;">="ScriptManager1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: blue;">/></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView</span> <span style="color: red;">ID</span><span style="color: blue;">="GridView1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">AutoGenerateColumns</span><span style="color: blue;">="False"</span> <span style="color: red;">DataKeyNames</span><span style="color: blue;">="CategoryID"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">DataSourceID</span><span style="color: blue;">="SqlDataSource1"</span> <span style="color: red;">ShowFooter</span><span style="color: blue;">="true"</span> <span style="color: red;">AllowPaging</span><span style="color: blue;">="True"</span> <span style="color: red;">AllowSorting</span><span style="color: blue;">="True"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">Columns</span><span style="color: blue;">></span> </span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField</span> <span style="color: red;">DataField</span><span style="color: blue;">="CategoryID"</span> <span style="color: red;">HeaderText</span><span style="color: blue;">="ID"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">SortExpression</span><span style="color: blue;">="ID"</span> <span style="color: blue;">/></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">BoundField</span> <span style="color: red;">DataField</span><span style="color: blue;">="Name"</span> <span style="color: red;">HeaderText</span><span style="color: blue;">="Name"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">SortExpression</span><span style="color: blue;">="Name"</span> <span style="color: blue;">/></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <b><span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">TemplateField</span><span style="color: blue;">></span></b></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<b><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">ItemTemplate</span><span style="color: blue;">></span></span></b></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<b><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="TextBox1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">TextBox</span><span style="color: blue;">></span></span></b></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<b><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">cc1</span><span style="color: blue;">:</span><span style="color: #a31515;">CalendarExtender</span> <span style="color: red;">ID</span><span style="color: blue;">="CalendarExtender1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">TargetControlID</span><span style="color: blue;">="TextBox1"/></span></span></b></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<b><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">ItemTemplate</span><span style="color: blue;">></span></span></b></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<b><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">TemplateField</span><span style="color: blue;">></span></span></b><span style="font-family: 'Courier New'; font-size: 10pt;"> </span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">Columns</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">GridView</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">SqlDataSource</span> <span style="color: red;">ID</span><span style="color: blue;">="SqlDataSource1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">ConnectionString</span><span style="color: blue;">="Data Source=SUPROTIM;Initial Catalog=Northwind;Integrated Security=True"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">SelectCommand</span><span style="color: blue;">="SELECT [ID], [Name] FROM [test]"</span> <span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">SqlDataSource</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><br /></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><br /></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><br /></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><b><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">Display only the day and month in the CalendarExtender</span></b></span></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"><</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">cc1</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt;">:</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">CalendarExtender</span><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">ID</span><span style="color: blue;">="CalendarExtender1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Format</span><span style="color: blue;">="dd/MM"</span> <span style="color: red;">TargetControlID</span><span style="color: blue;">="TextBox1"</span> /<span style="color: blue;">></span></span></span></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><br /></span></span></span></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><b><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">How to make sure user does not select a date earlier than today or greater than today</span></b></span></span></span></span></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><b><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;"><br /></span></b></span></span></span></span></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"></span></span></span></span></span></span><br />
<span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><span style="font-family: 'Courier New'; font-size: 10pt;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px;"><div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt;"><</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt;">head</span><span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">runat</span><span style="color: blue;">="server"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">title</span><span style="color: blue;">></span>Calendar Extender<span style="color: blue;"></</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;">function</span> checkDate(sender,args)</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-indent: 0.5in;">
<span style="font-family: 'Courier New'; font-size: 10pt;">{</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-indent: 0.5in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;">if</span> (sender._selectedDate < <span style="color: blue;">new</span> Date())</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> {</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> alert(<span style="color: #a31515;">"You cannot select a day earlier than today!"</span>);</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> sender._selectedDate = <span style="color: blue;">new</span> Date(); </span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: green;">// set the date back to the current date</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 1in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;">sender._textbox.set_Value(sender._selectedDate.format(sender._format))</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> }</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-indent: 0.5in;">
<span style="font-family: 'Courier New'; font-size: 10pt;">}</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">script</span><span style="color: blue;">></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: blue; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"></</span><span style="color: #a31515; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">head</span><span style="color: blue; font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">Call the code:</span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">form</span> <span style="color: red;">id</span><span style="color: blue;">="form1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">ScriptManager</span> <span style="color: red;">ID</span><span style="color: blue;">="ScriptManager1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: blue;">/></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> </span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="TextBox1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></</span><span style="color: #a31515;">asp</span><span style="color: blue;">:</span><span style="color: #a31515;">TextBox</span><span style="color: blue;">></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"><</span><span style="color: #a31515;">cc1</span><span style="color: blue;">:</span><span style="color: #a31515;">CalendarExtender</span> <span style="color: red;">ID</span><span style="color: blue;">="CalendarExtender1"</span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">OnClientDateSelectionChanged</span><span style="color: blue;">="checkDate"</span> <span style="color: red;">TargetControlID</span><span style="color: blue;">="TextBox1"</span> <span style="color: blue;">/></span></span></div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
</div>
<div style="line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt;"> <span style="color: blue;"></</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"> <span style="color: blue;"></</span><span style="color: #a31515;">form</span><span style="color: blue;">></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px; line-height: normal;"></span></span></span><br />
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"><span style="color: blue;"><span class="Apple-style-span" style="color: black; font-family: Verdana, Calibri, Arial, serif; font-size: 12px; line-height: normal;"><div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<u><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">Select Date Greater than today</span></u></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;">In the javascript, just change this line</span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;">sender._selectedDate <b>></b> <span style="color: blue;">new</span> Date()</span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span class="Apple-style-span" style="font-family: 'Courier New'; font-size: small;"><span class="Apple-style-span" style="font-size: 13px; line-height: 14px;"><br /></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span class="Apple-style-span" style="line-height: 14px;"><b><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">for detail:<a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnet-calendarextender.html" target="_blank">Click to view</a></span></span></b></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span class="Apple-style-span" style="line-height: 14px;"><b><span class="Apple-style-span" style="font-size: small;"><a href="http://www.dotnetghostrider.blogspot.com/2011/12/autocomplete-in-aspnet.html"><span class="Apple-style-span" style="font-weight: normal;">Next>></span></a><span class="Apple-style-span" style="font-weight: normal;">(Autocomplete) (AnimationExtender)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/animationextender-in-aspnet.html"><<Back</a></span></span></b></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"><span class="Apple-style-span" style="font-family: Verdana, Calibri, Arial, serif; font-size: 12px; line-height: normal;"><b><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14px;"> Add validation to the CalendarExtender Control : <a href="http://www.dotnetghostrider.blogspot.com/2011/12/validation-in-calendarextender.html">Click to view</a></span></b></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<b><br /></b></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"><br /></span></div>
</span></span></span></div>
<div style="margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: 'Courier New'; font-size: 10pt; line-height: 14px;"><span style="color: blue;"><br /></span></span></div>
</span></span></span></span></span></span></div>
</span></b></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-57301751505394463822011-12-28T00:58:00.000-08:002011-12-28T21:33:41.934-08:00AnimationExtender in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Example:</b><br />
<b><br /></b><br />
<b><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;"><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #990000;"><style><br />.Animation1<br />{</span></span></span></b></span></b><br />
<b></b><br />
<b></b><br />
<b><div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #990000;">position: absolute;<br />padding:3px;<br />border: solid 1px #000;</span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #990000;">}<br />.Animation2<br />{</span></span></span></b><div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #990000;">display:none;<br />position:absolute;<br />width:1px;<br />height:1px;<br />left:400px;<br />top:600px;<br />padding:3px;<br />border:solid 1px #000;</span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="color: #990000;">}<br /></style></span><br /><br />..</span></span></span></b><div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #444444;"><asp:ScriptManager ID="SM1" runat="server" /><br /><br /><br /><asp:Panel ID="panel_Animated" runat="server" CssClass="Animation1"></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #444444;">Animation imminent.</span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><span class="Apple-style-span" style="color: #444444;"></asp:Panel><br /><br /></span><br /><cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="panel_Animated"></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><Animations></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><OnLoad></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><Sequence></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><Move Horizontal="300" Duration="1" Fps="20" /><br /><FadeOut Duration="1" Fps="20" /></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></Sequence></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></OnLoad></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></Animations></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></cc1:AnimationExtender><br /><br /><br /><br /><br /><asp:Button ID="btn_Animate" runat="server" Text="Animate" OnClientClick="return false;" /><br /><br /><br /><asp:Panel ID="panel_Animated2" runat="server" CssClass="Animation2"></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;">Animation2 imminent.</span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></asp:Panel><br /><br /><br /><cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btn_Animate"></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><Animations></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><OnClick></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><Sequence AnimationTarget="panel_Animated2"></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><EnableAction AnimationTarget="btn_Animate" Enabled="false" /><br /><StyleAction Attribute="display" Value="Block" /><br /><Parallel></span></span></span></b><br />
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><FadeIn Duration="1" Fps="20" /><br /><Scale Duration="1" Fps="20" ScaleFactor="30.0" Center="true" /></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></Parallel></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></Sequence></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></OnClick></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></Animations></span></span></span></b></div>
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"></cc1:AnimationExtender></span></span></span></b></div>
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: #783f04;"><br /></span></span></span></b></div>
<div style="margin-left: 20px;">
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: small;">For Detail:<a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnet-animationextender.html" target="_blank">Click to view</a></span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><a href="http://www.dotnetghostrider.blogspot.com/2011/12/calendarextender-in-aspnet.html">Next>></a> (CalenderExtender) (Alwaysvisibleextender)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/alwaysvisibleextender-in-aspnet.html"><<Back</a></span></b></div>
</b></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-22656147247757607302011-12-27T22:07:00.000-08:002011-12-28T21:34:33.404-08:00Alwaysvisibleextender in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
Example:<br />
<br />
in .aspx page<br />
<br />
<br />
<span class="Apple-style-span" style="color: #783f04;"><b> <asp:ScriptManager ID="ScriptManager1" runat="server"></b></span><br />
<span class="Apple-style-span" style="color: #783f04;"><b> </asp:ScriptManager></b></span><br />
<br />
<br />
<br />
<b><span class="Apple-style-span" style="color: #444444;"><cc1:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" TargetControlID="Image1" VerticalSide="Top"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> VerticalOffset="10"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> HorizontalSide="Right"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> HorizontalOffset="10"</span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> ScrollEffectDuration=".1"></span></b><br />
<b><span class="Apple-style-span" style="color: #444444;"> </cc1:AlwaysVisibleControlExtender></span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"><br /></span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"> <asp:Image ID="Image1" runat="server" ImageUrl="~/Chrysanthemum.jpg" Width="100px" Height="100px" /></span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"><br /></span></b><br />
<b>For detail: <a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnet-alwaysvisibleextender.html" target="_blank">Click to view</a></b><br />
<br />
<a href="http://www.dotnetghostrider.blogspot.com/2011/12/animationextender-in-aspnet.html">Next>></a> (<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">AnimationExtender) (Accordian)<a href="http://www.dotnetghostrider.blogspot.com/2011/12/accordian-in-aspnet.html"><<Back</a></span></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-42342269967507172042011-12-27T21:34:00.000-08:002011-12-27T21:53:48.429-08:00Accordian in Asp.net<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Example:</b><br />
<b><br /></b><br />
In .aspx page<br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: 'Segoe UI', Verdana, Arial; font-size: 13px;"></span><br />
<pre class="brush: xhtml;" style="background-color: #efefde; border-bottom-color: gray; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 2px; border-right-color: gray; border-right-style: solid; border-right-width: 1px; border-top-color: gray; border-top-style: solid; border-top-width: 1px; color: black; font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 875px;" title="code"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: verdana; font-size: x-small; white-space: normal;"><div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"><span style="color: maroon;"><style</span> <span style="color: red;">type</span><span style="color: blue;">="text/css"></span> <span style="color: maroon;">.accordionHeaderSelected</span> {</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">background-color</span>: <span style="color: blue;">#c8c456</span>; <span style="color: red;">border</span>: <span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#2F4F4F</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">color</span>: <span style="color: blue;">white</span>; <span style="color: red;">cursor</span>: <span style="color: blue;">pointer</span>;<span style="color: red;">font-family</span>: <span style="color: blue;">Arial,Sans-Serif</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">font-size</span>: <span style="color: blue;">12px</span>; <span style="color: red;">font-weight</span>: <span style="color: blue;">bold</span>; <span style="color: red;">margin-top</span>: <span style="color: blue;">5px</span>; <span style="color: red;">padding</span>: <span style="color: blue;">5px</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;">}</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: maroon; font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;">.accordionContent</span></span><span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> {</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">background-color</span>: <span style="color: blue;">#dddba0</span>;<span style="color: red;">border-color</span>: <span style="color: blue;">-moz-use-text-color</span> <span style="color: blue;">#2F4F4F</span> <span style="color: blue;">#2F4F4F</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">border-right</span>: <span style="color: blue;">1px</span> <span style="color: blue;">dashed</span> <span style="color: blue;">#2F4F4F</span>;<span style="color: red;">border-style</span>: <span style="color: blue;">none</span> <span style="color: blue;">dashed</span> <span style="color: blue;">dashed</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">border-width</span>: <span style="color: blue;">medium</span> <span style="color: blue;">1px</span> <span style="color: blue;">1px</span>;<span style="color: red;">padding</span>: <span style="color: blue;">10px</span> <span style="color: blue;">5px</span> <span style="color: blue;">5px</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;">}</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="color: maroon; font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;">.accordionHeader</span></span><span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> {</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">background-color</span>: <span style="color: blue;">#94923d</span>;<span style="color: red;">border</span>: <span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#2F4F4F</span>;<span style="color: red;">color</span>: <span style="color: blue;">white</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">cursor</span>: <span style="color: blue;">pointer</span>; <span style="color: red;">font-family</span>: <span style="color: blue;">Arial,Sans-Serif</span>; <span style="color: red;">font-size</span>: <span style="color: blue;">12px</span>;</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span style="font-size: x-small;"> <span style="color: red;">font-weight</span>: <span style="color: blue;">bold</span>; <span style="color: red;">margin-top</span>: <span style="color: blue;">5px</span>; <span style="color: red;">padding</span>: <span style="color: blue;">5px</span>;</span></span></div>
</span><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana; font-size: x-small; white-space: normal;">}<span style="color: blue;"></</span><span style="color: maroon;">style</span><span style="color: blue;">></span></span> </pre>
<pre class="brush: xhtml;" style="background-color: #efefde; border-bottom-color: gray; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 2px; border-right-color: gray; border-right-style: solid; border-right-width: 1px; border-top-color: gray; border-top-style: solid; border-top-width: 1px; color: black; font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 875px;" title="code">
</pre>
<pre class="brush: xhtml;" style="background-color: #efefde; border-bottom-color: gray; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 2px; border-right-color: gray; border-right-style: solid; border-right-width: 1px; border-top-color: gray; border-top-style: solid; border-top-width: 1px; color: black; font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 875px;" title="code"><ajaxtoolkit:accordion id="Accordion1" runat="server" fadetransitions="True" selectedindex="0"</pre>
<pre class="brush: xhtml;" style="background-color: #efefde; border-bottom-color: gray; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 2px; border-right-color: gray; border-right-style: solid; border-right-width: 1px; border-top-color: gray; border-top-style: solid; border-top-width: 1px; color: black; font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px; font-style: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 875px;" title="code"> transitionduration="300" headercssclass="accordionHeader"
contentcssclass="accordionContent">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>
AJAX FIRST PANE</Header>
<Content>
AJAX FIRST PANE AJAX FIRST PANE AJAX FIRST PANE AJAX FIRST PANE
</Content>
</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
<Header>
AJAX SECOND PANE
</Header>
<Content>
AJAX SECOND PANE AJAX SECOND PANE AJAX SECOND PANE AJAX SECOND PANE
</Content>
</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
<Header>
AJAX THIRD PANE
</Header>
<Content>
AJAX THIRD PANE AJAX THIRD PANE AJAX THIRD PANE AJAX THIRD PANE
</Content>
</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
<Header>
AJAX FOURTH PANE
</Header>
<Content>
AJAX FOURTH PANE AJAX FOURTH PANE AJAX FOURTH PANE AJAX FOURTH PANE
</Content>
</ajaxToolkit:AccordionPane>
</Panes>
</ajaxtoolkit:accordion></pre>
<br />
<br />
To Add Dynamic data into Accordian<br />
<br />
in .cs page<br />
<br />
<span class="Apple-style-span" style="color: #444444;">protected void page_load(object sender,EventArgs e)</span><br />
<span class="Apple-style-span" style="color: #444444;">{</span><br />
<span class="Apple-style-span" style="color: #783f04;">SqlConnection con=new SqlConnection("ConnectionString");</span><br />
<span class="Apple-style-span" style="color: #783f04;">SqlCommand cmd=new Sqlcommand("select content,title from test",con);</span><br />
<span class="Apple-style-span" style="color: #783f04;">con.open();</span><br />
<span class="Apple-style-span" style="color: #783f04;">SqlDataReader dr=cmd.ExecuteReader();</span><br />
<span class="Apple-style-span" style="color: #783f04;">while(dr.read())</span><br />
<span class="Apple-style-span" style="color: #783f04;">{</span><br />
<span class="Apple-style-span" style="color: #783f04;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: verdana; font-size: 11px;"></span></span><br />
<pre style="overflow-x: auto; overflow-y: auto; white-space: normal; word-wrap: break-word !important;"><span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> </span></span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><span class="Apple-style-span" style="color: #783f04;"> Label lblAccTitle = new Label();</span></span></pre>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> Label lblAccContent = new Label();</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> lblAccTitle.Text = dr["title"].ToString();</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> lblAccContent.Text = dr["content"].ToString();</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> AjaxControlToolkit.AccordionPane accordpane = new AjaxControlToolkit.AccordionPane();</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> accordpane.HeaderContainer.Controls.Add(lblAccTitle);</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> accordpane.ContentContainer.Controls.Add(lblAccContent);</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> Accordion1.Panes.Add(accordpane);</span></span></div>
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; line-height: normal; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span style="font-family: Verdana; font-size: 9.5pt;"><span class="Apple-style-span" style="color: #783f04;"> }</span></span></div>
<span class="Apple-style-span" style="color: #783f04;"><br /></span><br />
<span class="Apple-style-span" style="color: #783f04;"><span class="Apple-style-span" style="font-family: verdana; font-size: x-small;"></span></span><br />
<div class="MsoNormal" style="font-family: 'Times New Roman'; font-size: 12pt; margin-bottom: 0.0001pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;">
<span class="Apple-style-span" style="font-family: Verdana;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="color: #444444;">}</span></span></span></div>
<br />
For Detail: <a href="http://www.anishwebdeveloper.blogspot.com/2011/12/ajax-in-aspnet-accordian.html" target="_blank">Click to view</a><br />
<br />
<a href="http://www.dotnetghostrider.blogspot.com/2011/12/alwaysvisibleextender-in-aspnet.html">Next >> </a>(Alwaysvisibleextender)<br />
<br /></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0tag:blogger.com,1999:blog-7071807326654522472.post-59548325562741891892011-12-26T03:12:00.000-08:002011-12-26T03:13:08.447-08:00Mail the data to those mailid which is selected in datagridview using vb.net<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Step:</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">1.First select the DataGridView control</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">2.Right click on DataGridView -> add column-> Select DataGridViewCheckBoxColumn in Type</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">3.Set AllowUserToAddRows and AllowUserToDeleteRows to false in DataGridView property.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">4.Code to bind DataGridView</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Imports System.Windows.Forms<br />
Imports System.IO<br />
Imports System.Net<br />
Imports System.Data.SqlClient<br />
Imports System.Net.Mail</span><br />
<b><br /></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;">Public Class frmListing</span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;"><br /></span></span></b><br />
<b><span class="Apple-style-span" style="color: #783f04;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;">Private Sub frmMain_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load<br /><br />
Dim sqlcon as new sqlconnection("connectionstring")<br />
dim cmd as new sqlcommand("select emailid from test")<br />
dim da as new sqldataadapter(cmd) <br />
dim ds as dataset()<br />
da.fill(ds)<br />
DataGridView1.Datasource=ds.Table(0)<br />
DataGridView1.DataBind() <br /><br />
End Sub</span>
</span></b><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-style-span" style="color: #783f04;"><br /></span></b></span><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #783f04;">End Class</span></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">5. Now code of send mail </span></b><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>write code in button click event</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b></b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><span class="Apple-style-span" style="color: #783f04;">Dim dr As DataGridViewRow<br />
For Each dr In DataGridView1.Rows<br />
If dr.Cells(0).Value Then<br /><br /><br />
Dim mailMsg1 As New Net.Mail.MailMessage<br />
Dim fromAdd As Net.Mail.MailAddress<br />
fromAdd = New Net.Mail.MailAddress(Fromadd,"display name" )<br />
mailMsg1.From = fromAdd<br />
mailMsg1.To.Add(</span>
<span class="Apple-style-span" style="font-weight: normal;"><span class="Apple-style-span" style="color: #783f04;"><b></b></span></span><span class="Apple-style-span" style="color: #783f04;"><br /></span>
<span class="Apple-style-span" style="color: #783f04;"><b></b></span></b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><b><span class="Apple-style-span" style="color: #783f04;"><div style="display: inline !important;">
</div>
</span><div style="display: inline !important;">
<span class="Apple-style-span" style="font-weight: normal;"><span class="Apple-style-span" style="color: #783f04;"><b></b></span></span></div>
<span class="Apple-style-span" style="color: #783f04;">
</span><b><div style="display: inline !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: #783f04;">dr.Cells(0).Value</span></div>
<span class="Apple-style-span" style="color: #783f04;">
</span></b></b><b><span class="Apple-style-span" style="color: #783f04;"><br /></span>
</b><span class="Apple-style-span" style="color: #783f04;"><br /></span>
<span class="Apple-style-span" style="font-weight: normal;"><span class="Apple-style-span" style="color: #783f04;"><b></b></span></span><span class="Apple-style-span" style="color: #783f04;"><br /></span>
<b><span class="Apple-style-span" style="color: #783f04;"><div style="display: inline !important;">
</div>
</span><div style="display: inline !important;">
<span class="Apple-style-span" style="color: #783f04;">)</span></div>
<span class="Apple-style-span" style="color: #783f04;">
</span></b><span class="Apple-style-span" style="color: #783f04;"><br />
chk = dSet1.Tables(0).Rows(i).ItemArray(0).ToString()<br />
mailMsg1.IsBodyHtml = True<br />
mailMsg1.Priority = MailPriority.High<br />
mailMsg1.Subject = "BarodaWeb" ' "New Task Assign!"<br /><br />
mailMsg1.Body = line<br />
Dim smtp As New Net.Mail.SmtpClient()<br />
smtp.Host = strMailhost<br /><br />
smtp.Port = strMailport<br />
smtp.EnableSsl = True<br />
smtp.UseDefaultCredentials = False<br />
smtp.DeliveryMethod = SmtpDeliveryMethod.Network<br />
smtp.Credentials = New NetworkCredential(your gmail id, password)<br /><br />
smtp.Send(mailMsg1)</span>
<div>
<span class="Apple-style-span" style="color: #783f04;"><br /></span></div>
<span class="Apple-style-span" style="color: #783f04;"><br /><br /><br /><br />
End If<br />
Next</span>
<br />
</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><br /></b></span></div>Anish Mallikhttp://www.blogger.com/profile/11848179890544485933noreply@blogger.com0