Yazılımcının Günlüğü | YazilimGunlugu.Com
Arama
Makale Kategorileri
Üye Girişi
Şuanki online üyeler()
Aktif üye bulunmamaktadır.


Soru Merkezi  > ASP.NET Soru Merkezi > JavaScritp Uygullamasını Veri tabanına bağlamak.

JavaScritp Uygullamasını Veri tabanına bağlamak. 02.01.2012 02:24:46

cetyuc
Arkadaşlar aşağıda link ini verdiğim sitede javascript uygulaması var. Tam 2 gündür başındayım ama bir türlü bu scripti veri tabanına uyarlayamadım. Esnek hale getiremedim. Ben istiyorumki sayısını benim belirleyeceğim veri tabanındaki kayıtlı resim yollarını ve dolayısı ile resimleri göstermesi.

Yardımlarınız bekliyorum.

http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm


Benim yaptığım.

Aspx;

 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="imageanime.aspx.vb" Inherits="imageanime" %>

<!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>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
 
<style type="text/css">
 
 #simplegallery1
 {
     position: relative; /*keep this intact*/
     visibility: hidden; /*keep this intact*/
     border: 2px solid gray;
 }
 
 #simplegallery1 .gallerydesctext
 {
     text-align: left;
     padding: 2px 5px;
 }
 
</style>
 
<script src="js/simplegallery.js" type="text/javascript"></script>
 
<script type="text/javascript">

var a1,a2,a3,a4,sonuc;
var sayac=<%=sayi%>;
var box="";

      a1="[";
      a2=",";
      a3="";
      a4="]";
     
     if(sayac>0)
     {
         for (k = 0; k <= sayac; ++k)
         {
     
             box =box+ a1 +'<%=kutu(0)%>'+ a2 + a3 + a2 + a3 + a2 + a3 + a4 + a2;

             alert(box);
         }
     }
   
    var mygallery = new simpleGallery({wrapperid: "simplegallery1",dimensions: [500, 360],
       
        imagearray:
        [
             box
        ],
        
          autoplay: [true, 2500, 2],
          persist: false,
          fadeduration: 500,
          oninit: function () {},
          onslide: function (curslide, i) {}
    });
 
</script>
 </head>

<body>
    <form id="form1" runat="server">
        <div id="simplegallery1">

        </div>
    </form>
</body>

</html>
   

.vb alanı ise


Partial Class imageanime
    Inherits System.Web.UI.Page

    Public kutu() As String = New String(3) {}
    Public sayi As Integer


    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

        sayi = 2

        For j = 0 To sayi - 1
            kutu(j) = "images/" & j + 1 & ".jpg"
        Next

    End Sub

End Class

burda veritabnına bağlamadım ama bu deneme kod larına cvp verse veri tabanına zaten uyarlaması kolay.
 

03.01.2012 16:07:31

cetyuc
Cvp: JavaScritp Uygullamasını Veri tabanına bağlamak.

Tşk ederim ama bu karışık geldi bende şöyle bir yöntem uyguladım.

Public

javascripttext As String

Public myarraytext As String

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

' Burada ilgili veri tabanı işlemlerini yapabiliriz.

Dim Sayi As Integer

Sayi = 4

For j = 1 To Sayi

If j = Sayi Then

myarraytext = myarraytext +

"[""images/" & j & ".jpg""" + "," + """a""" + "," + """b""" + "," + """c""" + "]"

Else

myarraytext = myarraytext +

"[""images/" & j & ".jpg""" + "," + """a""" + "," + """b""" + "," + """c""" + "],"

End If

Next

javascripttext =

"<script type=""text/javascript"">" + "var mygallery = new simpleGallery({wrapperid:""simplegallery1"",dimensions: [400, 250]," + "imagearray:[" + myarraytext + "]," + "autoplay: [true, 2500, 2]," + "persist: false," + "fadeduration: 500," + "oninit: function () {}," + "onslide: function (curslide, i) {}" + "});" + "</script>"

End Sub

aspx kısmı ise

<

head>

<title></title>

<

script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

<

style type="text/css">

#simplegallery1

{

position: relative;

visibility: hidden;

border: 2px solid gray;

}

#simplegallery1 .gallerydesctext

{

text-align: left;

padding: 2px 5px;

}

</

style>

<

script src="js/simplegallery.js" type="text/javascript"></script>

<%

= javascripttext%>

</

head>

<

body>

<form id="form1" runat="server">

<div id="simplegallery1">

</div>

<br />

</form>

</

body>

Bilgi Pay
Tema
Anket
ASP.NET MVC'yi Projeleriniz de kullandınız mı?


En Çok Okunan Makaleler
En Son Eklenen Makaleler
Soru Merkezinde Bekleyenler
Ana Sayfa | Hakkımızda | Editörler | Yazarlar | RSS RSS | İletişim
Yazılım Günlüğü 2007-2009 © Tüm Hakları Saklıdır.