Сегодня 6 июня, четверг

Какой рейтинг вас больше интересует?

получить код

Главная / Каталог блогов / Cтраница блогера coding4.net / Запись в блоге

	coding4.net Голосов: 1 Адрес блога: http://www.coding4.net/ Добавлен: 2012-06-11 20:16:46

Как создать div используя серверный код или JavaScript под ASP.NET ?

2012-07-17 22:26:00 (читать в оригинале)

Часто нам необходимо создать HTML tag в обработчике запроса на сервере. Или иногда хэто нужно сделать в JavaScript. Дальше будет показан пример кода делающего так. В примере будет создаваться 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>

<%@ 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>

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

Это перевод. Оригинал здесь.

Тэги: (решение), asp.net, javascript, сайт, сделать, создание

Блограйдеров
14493

Блогов
219908
(+0 сегодня)

Сообществ
1309
(+0 сегодня)

Рыбалка
по среднему баллу (5.00) в категории «Спорт»

Категория «Книги»

Взлеты Топ 5


+141	163	Информационный колодец
+139	146	Annelle
+131	156	Zoxx.ru - Блог Металлиста
+128	151	МухО_о
+101	114	erner_kissinger

Падения Топ 5


-1	108	«Linux» - это просто!: Создаем архив...
-3	9	Вещий сон!
-5	45	Блог / Новости ― Книжный интернет-магазин Лантика
-28	135	К Мечте - быстро!
-31	136	Бесплатно скачать фильмы, музыку, программы, книги, журналы

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.