Updatable News Marquee

• Download Updatable_NewsMarquee - 3.83 KB

Introduction

A lot of Portals and News Websites add "News Marquee" which shows latest News when visitor request the page, So we need to show up-to-date news without refresh the page, we can do this with using AJAX Timer, UpdatePanel and Html Marquee < > tag.

Background

Html Marquee catch last news when visitor refresh the page. We would like to follow latest News without any postback.

Using the code

            

    //Add More News to the Marquee
    protected void btnAdd_Click(object sender, EventArgs e)
    {
        DataTable dt_NewsNews;
        if (ViewState["GetNews"] != null)
        {
            dt_NewsNews = (DataTable)ViewState["GetNews"];
        }
        else
        {
            dt_NewsNews = NewsTable();
        }

        DataRow dr = dt_NewsNews.NewRow();
        dr["ItemID"] = dt_NewsNews.Rows.Count + 1;
        dr["Title"] = "BBC" + dt_NewsNews.Rows.Count;
        dt_NewsNews.Rows.Add(dr);
        ViewState["GetNews"] = dt_NewsNews;
    }

    //Create Data Source (DisConnected Method: DataTable)
    public DataTable NewsTable()
    {
        DataTable dt_GetNews = new DataTable();
        DataColumn dc;
        dc = new DataColumn("ItemID", System.Type.GetType("System.String"));
        dt_GetNews.Columns.Add(dc);
        dc = new DataColumn("Title", System.Type.GetType("System.String"));
        dt_GetNews.Columns.Add(dc);

        DataRow dr = dt_GetNews.NewRow();
        dr["ItemID"] = "1";
        dr["Title"] = "BBC";
        dt_GetNews.Rows.Add(dr);
        ViewState["GetNews"] = dt_GetNews;

        return ((DataTable)ViewState["GetNews"]);
    }