Program

신고

http://stackoverflow.com/questions/17168851/if-statement-in-repeaters-itemtemplate
<ItemTemplate>
  <!-- "If"  -->
  <asp:PlaceHolder runat="server" Visible="<%# MyCondition %>">
    <tr><td></td></tr>
  </asp:PlaceHolder> 
  <!-- "Else" -->
  <asp:PlaceHolder runat="server" Visible="<%# !MyCondition %>">
    <tr><td></td></tr>
  </asp:PlaceHolder>
</ItemTemplate>

http://stackoverflow.com/questions/264400/datalist-conditional-statements-in-itemtemplate
<asp:DataList runat="server">
    <ItemTemplate>
        <asp:Panel Visible="<%# Eval("Deleted") %>">
            ...(deleted content here)...
        </asp:Panel>
        <asp:Panel Visible="<%# Not Eval("Deleted") %>">
            ...(other content here)...
        </asp:Panel>
    </ItemTemplate>
</asp:DataList>

http://stackoverflow.com/questions/5533604/how-do-i-vary-my-itemtemplate-inside-an-asprepeater
var aspxItem = e.Item;
var dataItem = (SearchResultData) e.Item.DataItem;

if (dataItem is ContactSearchResult.ContactSearchResultData)
{
    var contactSearchResultUC = LoadControl("~/UserControls/ResultsListingSearchResult/ContactSearchResult.ascx") as ASP.ContactSearchResult;
    contactSearchResultUC.data = (ContactSearchResult.ContactSearchResultData)dataItem;
    aspxItem.Controls.Add(contactSearchResultUC);
}
else if (dataItem is NewsArticleSearchResult.NewsArticleSearchResultData)
{
    var newsArticleSearchResultUC = LoadControl("~/UserControls/ResultsListingSearchResult/NewsArticleSearchResult.ascx") as ASP.NewsArticleSearchResult;
    newsArticleSearchResultUC.data = (NewsArticleSearchResult.NewsArticleSearchResultData)dataItem;
    aspxItem.Controls.Add(newsArticleSearchResultUC);
}

...etc

<<--- repeater-in-repeater --->>
http://stackoverflow.com/questions/2923137/repeater-in-repeater
<asp:Repeater ID="ParentRepeater" runat="server" OnItemDataBound="ItemBound">
    <ItemTemplate>
        <!-- Repeated data -->
        <asp:Repeater ID="ChildRepeater" runat="server">
            <ItemTemplate>
                <!-- Nested repeated data -->
            </ItemTemplate>
        </asp:Repeater>
    </ItemTemplate>
</asp:Repeater>

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        ParentRepeater.DataSource = ...;
        ParentRepeater.DataBind();
    }
}

protected void ItemBound(object sender, RepeaterItemEventArgs args)
{
    if (args.Item.ItemType == ListItemType.Item || args.Item.ItemType == ListItemType.AlternatingItem)
    {
        Repeater childRepeater = (Repeater)args.Item.FindControl("ChildRepeater");
        childRepeater.DataSource = ...;
        childRepeater.DataBind();
    }
}

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ShowMenu();
}

protected void ShowMenu()
{
SqlDataAdapter cmd = new SqlDataAdapter("SELECT * FROM [Table1];SELECT * FROM [Table2]", new SqlConnection(ConfigurationManager.AppSettings["ConnectionString"]));
DataSet ds = new DataSet();
cmd.Fill(ds);
ds.Relations.Add(new DataRelation("nestThem", ds.Tables[0].Columns["ID"], ds.Tables[1].Columns["parentMenuID"]));

repMenu1.DataSource = ds;
repMenu1.DataBind();
}

protected void repMenu1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
DataRowView dv = e.Item.DataItem as DataRowView;
if (dv != null)
{
Repeater repSubMenu = e.Item.FindControl("repMenu2") as Repeater;
if (repSubMenu != null)
{
repSubMenu.DataSource = dv.CreateChildView("nestThem");
repSubMenu.DataBind();
}
}
}
}

신고

웹 페이지 개발을 하면서 jquery로 li 에 click 이벤트를 연결했다.

퍼블리셔가 보더니 접근성 때문에 원래 그렇게 하면 안된다고 했다.

왠만하면 a 에 이벤트를 넣는것이 맞다고 한다.(탭으로 이동시 이동이 li가 아닌 a로 이동되기 때문에 해당 항목에서 엔터를 눌러도 li click 이벤트가 발생하지 않는다고 한다.)

신고

특정일자까지의 일자, 시간, 분, 초로 카운트다운을 하는 소스

./numbers/0.jpg ~ 9.jpg 가 있어야 함

<script type="text/javascript">
    $(document).ready(function () {

       startTimer();
    });

    function startTimer() {
        setTime();
        setInterval(function () {
            setTime();
        }, 1000);
    }

    function setTime(){
        var now=new Date();
        var dday=new Date("12/24/2015 23:59:59");
        var diff_sec=parseInt((dday.getTime()-now.getTime())/1000);
        var days=parseInt(diff_sec/(60*60*24));
        var hours=parseInt((diff_sec%(60*60*24))/(60*60));
        var minutes=parseInt((diff_sec%(60*60))/60);
        var seconds=diff_sec%60;

        $("#countdown").text(days + ":" + hours + ":" + minutes + ":" + seconds);
        displayTime("day", days);
        displayTime("hour", hours);
        displayTime("minute", minutes);
        displayTime("second", seconds);
    }

    function displayTime(type, time){
        //$("#countdown_"+type+"0").attr("src", "./numbers/"+parseInt(time/10)+".jpg");
        //$("#countdown_"+type+"1").attr("src", "./numbers/"+time%10+".jpg");

        displayTimeControl($("#countdown_"+type+"0"), "./numbers/"+parseInt(time/10)+".jpg");
        displayTimeControl($("#countdown_"+type+"1"), "./numbers/"+time%10+".jpg");
    }

    function displayTimeControl(control, imgSrc){
        //dont animate if there is no change
        if(control.attr("src") != imgSrc){
            control.fadeOut('fast', function(){ control.attr("src", imgSrc); control.fadeIn('fast'); });
        }
    }

</script>

<body>

<ul class="ul_countdown">
<li><img id="countdown_day0" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_day1" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_hour0" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_hour1" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_minute0" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_minute1" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_second0" src="./numbers/0.jpg" alt=""/></li>
<li><img id="countdown_second1" src="./numbers/0.jpg" alt="" /></li>
</ul>

</body>

신고

신고