2013-03-29 1 views
1

Я пытаюсь интегрировать this photo album в мой сайт asp.net. Я выбираю URL-адреса из 3-х изображений из базы данных и отображаю эти 3 изображения из определенного альбома. Теперь проблема в том, что, если у пользователя есть несколько альбомов? Он должен иметь возможность генерировать на странице столько альбомов Jquery, сколько есть в базе данных, связанной с этим пользователем.Как генерировать HTML и CSS динамически в asp.net?

<div class="image_stack" style="margin-left:300px" runat="server" > 
<img id="photo1" class="stackphotos" runat="server" clientidmode="static" > 
    <img id="photo2" class="stackphotos" runat="server" clientidmode="static"> 
    <img id="photo3" class="stackphotos" runat="server" clientidmode="static" > 
    </div> 

public DataTable dt = new DataTable(); 
    dboperation dbo = new dboperation(); 

    protected void Page_Load(object sender, EventArgs e) 
    { 

     string q = "select photourl ,AlbumName from PhotoAlbum where UserId=42"; 
     dt = dbo.Getdt(q); 
     string a = dt.Rows[0]["photourl"].ToString(); 
     string b = dt.Rows[1]["photourl"].ToString(); 
     string c = dt.Rows[2]["photourl"].ToString(); 

     photo1.Src = a.Substring(1, a.Length - 1); 
     photo2.Src = b.Substring(1, b.Length - 1); 
     photo3.Src = c.Substring(1, c.Length - 1); 

     q = " select PhotoAlbum.AlbumId,PhotoAlbum.AlbumName from PhotoAlbum where UserId=42"; 

     dt = dbo.Getdt(q); 
     drpalbum.DataSource = dt; 
     drpalbum.DataTextField = "albumname"; 
     drpalbum.DataValueField = "albumid"; 
     drpalbum.DataBind(); 
    } 

Сообщите мне, если вам нужно больше кода.

+0

1) Пожалуйста, ознакомьтесь с _what, если пользователь имеет несколько пользователей? _ –

+0

2) Просьба уточнить контекст. WebForms, MVC, что такое 'drpalbum'? –

+0

@HenkHolterman несколько альбомов (извините) – Arbaaz

ответ

1

использовать просто 'DIV'

, в котором, как этот

//HTML (.aspx) 
<div id="MyDiv" runat="server" > </div> 

//CodeBehind (.aspx.cs) 
MyDiv.innerHTML = "Your HTML & CSS or Script code here CODE"; 

будет применяться ко всему DIV

EDIT 1:

using System.Web.UI.HtmlControls; 

импорта над

+0

Он должен получить галочку. он только забыл runat = "server" –

+0

Я получаю 'Ошибка ' System.Web.UI.HtmlControls.HtmlGenericControl 'не содержит определения для' innerHTML 'и никакого метода расширения' innerHTML ', принимающего первый аргумент типа «System.Web.UI.HtmlControls.HtmlGenericControl» может быть найден (вам не хватает директивы использования или ссылки на сборку?) \t ' – Arbaaz

+0

проверить свою кодовую форму, если есть такая ошибка, она должна отображать ее, возможно, импорт вопрос. –

1

Что вам нужно сделать, это иметь HTML-элемент на странице сообщающейся на сервер, как это,

Довольно много идентичнога фотонам

//HTML - Does not have to be div could be anything like <p>, <div>, <a> etc. 
<span id="SomeHTMLElement" runat="server" ></span> 

//C# 
SomeHTMLElement.innerHTML = "Any text you want to your page (text, HTML, script and/or CSS"; 
+0

span обычно используется для целей проектирования не для добавления элементов, он сильно отличается от div – Trikaldarshi

+0

использовать div вместо span – Trikaldarshi

+0

div будет занимать ширину, и вы использовали его :) На заметке есть большая разница не совсем так. Основное различие между div и span - это отображение: block; (div) и display: inline; (span), если вы хотите, вы можете написать и установить стиль вручную с тем же результатом. –

Смежные вопросы