ASP Sayfalarında Slider ve Progressbar Kullanımı (Visual Basic)

Son güncelleme: 22.03.2006 21:07
  • PROGRAM KODLARI

    Çalışmamızı kısaca açıklayalım. Bu örnekte asp sayfamıza bir slider kontrol ilave edeceğim.
    Daha sonrada bir progressbar. Slider konrolün değerini mause ile değiştirdiğim anda progressbar da
    sliderin o anki value(değerine) sahip olacak. Siz bu konrolü alıp başka amaçlarlada kullanabilirsiniz.
    Şu anda yapmaya çalıştığımız slider kontrolü ile progressbarı nasıl kullanacağız..

    Aşağıdaki çalışma için kullandığım activex (slider ve progressbar için):COMCTL32.OCX dosyası
    bu dosya windowsun bir bileşeni olduğu için sisteminizde windows\system32\içinde bulunmaktadır.
    Eğer yoksa bu activex'i indirin ve belirtilen konuma kopyalayın ve sizteminize register ettirin.

    Aşağıdaki çalışmayı direkt COPY-PAST yapabilirsiniz. Yalnız çalışmanızı ASP uzantılı kaydedin

    <html>
    <head>
    <title>ActiveX nesneleri kullanımına örnek</title>
    <SCRIPT LANGUAGE="VBScript">
    <!--
    Sub Goster
    alert(Slider1.Value )
    End Sub
    -->
    </SCRIPT>
    <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
    <!--

    function Slider1_Change() {

    ProgressBar1.Value =Slider1.Value
    }

    //-->
    </SCRIPT>
    <SCRIPT LANGUAGE=javascript FOR=Slider1 EVENT=Change>
    <!--
    Slider1_Change()
    //-->
    </SCRIPT>
    </head>
    <body>

    <br>
    <INPUT onclick=goster type=button value="Slider kontrolün değerini göster" name=btnGoster>

    <br>
    <OBJECT id=ProgressBar1 style="LEFT: 0px; WIDTH: 382px; TOP: 0px; HEIGHT: 50px" height=50
    width=382 classid="clsid:0713E8D2-850A-101B-AFC0-4210102A8DA7">
    <PARAM NAME="_ExtentX" VALUE="10107">
    <PARAM NAME="_ExtentY" VALUE="1323">
    <PARAM NAME="_Version" VALUE="327682">
    <PARAM NAME="BorderStyle" VALUE="0">
    <PARAM NAME="Appearance" VALUE="1">
    <PARAM NAME="MousePointer" VALUE="0">
    <PARAM NAME="Enabled" VALUE="1">
    <PARAM NAME="OLEDropMode" VALUE="0">
    <PARAM NAME="Min" VALUE="0">
    <PARAM NAME="Max" VALUE="1000"></OBJECT>
    <br>
    <OBJECT id=Slider1 style="LEFT: 0px; WIDTH: 168px; TOP: 0px; HEIGHT: 45px" height=45
    width=168 classid="clsid:373FF7F0-EB8B-11CD-8820-08002B2F4F5A">
    <PARAM NAME="_ExtentX" VALUE="4445">
    <PARAM NAME="_ExtentY" VALUE="1191">
    <PARAM NAME="_Version" VALUE="327682">
    <PARAM NAME="BorderStyle" VALUE="0">
    <PARAM NAME="MousePointer" VALUE="0">
    <PARAM NAME="Enabled" VALUE="1">
    <PARAM NAME="OLEDropMode" VALUE="0">
    <PARAM NAME="Orientation" VALUE="0">
    <PARAM NAME="LargeChange" VALUE="5">
    <PARAM NAME="SmallChange" VALUE="1">
    <PARAM NAME="Min" VALUE="0">
    <PARAM NAME="Max" VALUE="1000">
    <PARAM NAME="SelectRange" VALUE="0">
    <PARAM NAME="SelStart" VALUE="0">
    <PARAM NAME="SelLength" VALUE="0">
    <PARAM NAME="TickStyle" VALUE="0">
    <PARAM NAME="TickFrequency" VALUE="1">
    <PARAM NAME="Value" VALUE="0"></OBJECT>
    </body>
    </html>

    Progress barın ve slider kontrolün MAXsimum ve MİNunum değerlerini yukarıda kodda geçen
    MAX ve MIN isimlerinin bulunduğu satırlardaki değerleri değiştirin.
    Örneğin ben bu çalışmamda slider kontrolün alabileceği max imum değeri 1000 minumum değerinide 0 olarak verdim.
    Bu örnek için dikkat edilmesi gereken unsur. Slider ve progressbar kontrolün max ve min değerlerini eşit olarak verin.
    Örnek incelenirse ne demek istediğm aha iyi anlaşılır. Param name adlı satırlar kullandığım nesnenin özelliklerni tanımlıyor.
    Kodlarda geçen ID adlı kelime ise kullandığım nesnenin ismini veriyor. demek ki ID alanına hangi ismi verirsem ,
    kullanımında o nesneye o isimle ulaşmam gerekecek.
    Birde nesne ID sini yazarken büyük ve küçük harf ayrımına dikkat edin...
#27.10.2005 16:39 0 0 0
  • paylaşımların için teşekkürler
#11.12.2005 19:15 0 0 0
  • valla ben yeniyim her şey güzel ama bunları tam olarak nereye yazmamız gerektiginide söylerseniz sevinirim
#22.03.2006 21:07 0 0 0