Asp.Net
15
Tem
2011
Asp.Net jQuery Haber Script
Kategori : Asp.NetjQuery
Ekleyen : Zekeriya ALAN
Merhabalar, Konu Başlığından anlaşılacağı gibi bugün jQuery kullanarak bir haber scripti hazırlayacağız. Scripte değinmek gerekirse scriptimiz html'de kullanılan marguee nesnesine benziyor (çalışma şekli olarak), jQuery ile estetik bir yapıya kavuşmuş, gayet başarılı buldum, ve sizlerle paylaşmak istedim. Scriptimizi Aşağıdaki adresten indirebilirsiniz. JQuery-news-slider-Download Haberlerimizi veritabanından çekeceğimiz için küçük bir access veritabanı oluşturuyoruz.
Script kodları.
   1:  <script type="text/javascript">
   2:          $(function () {
   3:              $("#newsticker").jCarouselLite({
   4:                  vertical: true,
   5:                  hoverPause: true,
   6:                  btnPrev: ".previous",
   7:                  btnNext: ".next",
   8:                  visible: 3,
   9:                  auto: 3000,
  10:                  speed: 500
  11:              });
  12:          });
  13:      </script>
auto: Haberin bekleme süresi, speed: Haberin değişme hızı.
Default.aspx
   1:  <h2>Asp.Net & jQuery ile Haber Script</h2>
   2:  <img src="images/news-arrow-previous.png" class="previous" alt="" />
   3:  <div id="newsticker">
   4:  <ul>
   5:  <asp:Repeater ID="Repeater1" runat="server">
   6:  <ItemTemplate>
   7:  <li>
   8:  <p>
   9:      <span class="title"><%#Eval("HaberTarihi") %></span>
  10:      <a href='<%# "HaberDetay.aspx?haberId=" + Eval("HaberId") %>'>
  11:      <%#Eval("HaberBaslik") %></a><br>
  12:      <%#Eval("HaberIcerik").ToString().Substring(0, 40) %>...
  13:  </p>
  14:  </li>
  15:  </ItemTemplate>
  16:  </asp:Repeater>
  17:  </ul>
  18:  </div>
  19:  <img src="images/news-arrow.png" class="next" alt="" />
Default sayfamızdaki kodlar, scriptin veritabanından Repeater nesnesi ile veri alacak şekilde modifiye edilmiş durumudur.
Default.aspx.cs
   1:  protected void Page_Load(object sender, EventArgs e)
   2:  {
   3:       if (!Page.IsPostBack) { HaberGetir(); }
   4:  }
   5:   
   6:  protected void HaberGetir()
   7:  {
   8:       OleDbConnection con = new OleDbConnection(ConfigurationManager.ConnectionStrings["HaberConn"].ConnectionString);
   9:       OleDbCommand cmd = new OleDbCommand("Select * From Haberler order by HaberId desc", con);
  10:       con.Open();
  11:   
  12:       DataTable dt = new DataTable();
  13:       OleDbDataReader dr = cmd.ExecuteReader();
  14:       dt.Load(dr);
  15:   
  16:       Repeater1.DataSource = dt.DefaultView;
  17:       Repeater1.DataBind();
  18:   
  19:       dr.Close();
  20:       con.Close();
  21:  }
Haberlerimizi veritabanından son eklenen haberin idsine göre alıyoruz. Hoşçakalın..
15 Temmuz Sal, 2011 Fuat Arre
bu asp.net makalelerin devamını mutlaka bekleriz hocam..aklına saglık..
13 Temmuz Sal, 2011 Admin
Veritabanı olayını çözmeye çalışıyorum fuat :) onu halledince makaleler hazır, hemen yayına alacağım.
28 Eylül Çar, 2011 Ates Özsoy
Merhaba, ben denedim projeme entegre etmeyi, ancak js fonksiyon çalışmıyor, listelenen veriler altalta görünüyor dolayısı ile , acaba js kodu için ayrı bir ayar mı var?
29 Eylül Per, 2011 Zekeriya ALAN
Merhaba, Scriptin css ve js dosyalarını sayfada belirtmemiş olabilirmisiniz?
29 Eylül Per, 2011 Hakan Kamer
Örndek dosyanın yolu değişmiş sanırım kontrol ederseniz iyi olur tşkler
30 Eylül Cum, 2011 Admin
Teşekkürler, link yeniden düzenlendi.
30 Eylül Cum, 2011 Fuat Gonulkırmaz
Zeki Hocam bu güzel ve başka bir sitede olmayan asp.net örneklerinden daha da görmek isteriz..Aklına Sağlık..
30 Eylül Cum, 2011 Admin
En kısa zamanda yeni projelerle makalelerime devam edeceğim fuat. Teşekkürler.
16 Ocak Pzt, 2012 sinan böte
hocam bi türlü scripti çalıştıramıyorum , kaynak dosyayı atabilirmisiniz?
17 Ocak Sal, 2012 Admin
Script'in orjinali verdiğim linkte mevcut. Yazdığım makalenin kaynak kodları elimde yok. scripti sitedeki linkten indirip verdiğim kodlarla birleştirirsen sorunsuz çalışır.
iyi çalışmalar