اموزش ساخت دايناميكي تگ HTML

خرداد ۴, ۱۳۹۰ ۴:۳۱ ب٫ظ

86 1

آموزش ساخت داینامیکی تگ <DIV> با استفاده از جاوااسکریپت را براتون آماده کردیم. امیدوارم مفید باشد. میتوانید از سایت بزرگ ام اس پی سافت دانلود کنید.

ساخت داینامیکی

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Create DIV Dynamically Using JavaScript</title>
<script type="text/javascript" language="javascript">

   ۱:     

   ۲:   function DynamicDiv() {        

   ۳:         var dynDiv = document.createElement("div");

   ۴:         dynDiv.id = "divDyna";

   ۵:         dynDiv.innerHTML = "Created using JavaScript";

   ۶:         dynDiv.style.height = "20px";

   ۷:         dynDiv.style.width = "300px";      

   ۸:         dynDiv.style.backgroundColor = 'gray';

   ۹:         document.body.appendChild(dynDiv);

  ۱۰:     }

</script>
</head>
<body>
<div>
<input id="Button1" type="button"
value="Using JS" onclick="DynamicDiv();" />
</div>
</body>
</html>

همین کار با استفاده از ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs"
Inherits="Default5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="head1" runat="server">
<title>Create DIV Dynamically Using ASP.NET</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnCode" runat="server"
onclick="btnCode_Click"
Text="Code Behind" />
</div>
</form>
</body>
</html>

کد با #C

protected void btnCode_Click(object sender, EventArgs e)
{
System.Web.UI.HtmlControls.HtmlGenericControl dynDiv =
new System.Web.UI.HtmlControls.HtmlGenericControl("DIV");
dynDiv.ID = "dynDivCode";
dynDiv.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Gray");
dynDiv.Style.Add(HtmlTextWriterStyle.Height, "20px");
dynDiv.Style.Add(HtmlTextWriterStyle.Width, "300px");
dynDiv.InnerHtml = "I was created using Code Behind";
this.Controls.Add(dynDiv);
}

کد با VB.NET

Protected Sub btnCode_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim dynDiv As New System.Web.UI.HtmlControls.HtmlGenericControl("DIV")
dynDiv.ID = "dynDivCode"
dynDiv.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Gray")
dynDiv.Style.Add(HtmlTextWriterStyle.Height, "20px")
dynDiv.Style.Add(HtmlTextWriterStyle.Width, "300px")
dynDiv.InnerHtml = "I was created using Code Behind"
Me.Controls.Add(dynDiv)
End Sub