Kodbank İndir

! CODEBANK 2012 !

İNDİRMEK&DETAYLI BİLGİ ALMAK İÇİN BURAYI TIKLAYINIZ.

ÖNEMLİ AÇIKLAMA: MUTLAKA OKUYUNUZ!

« önceki sonraki »
Sayfa: [1]   Aşağı git

Gönderen Konu: Rollover Button Yapmak  (Okunma sayısı 5867 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı vectorman

  • Kıdemli Üye
  • *****
  • İleti: 211
  • Rep: +2/-1
Rollover Button Yapmak
« : 15 Nisan 2007 23:14:47 »
ya ben araştırıp yağpmıştım o gün. değişik versiyonuv ar siteye ekliyorum.

bu codebehind

Kod: [Seç]
ImageButton1.Attributes.Add("onmouseover", "showImage('" + ImageButton1.ClientID + "','1','','images/menu_04_roll.jpg');");
      ImageButton1.Attributes.Add("onmouseout", "showImage('" + ImageButton1.ClientID + "','2','images/menu_04.jpg','');");
buda java script kodu
Kod: [Seç]
<script language="javascript" type="text/javascript">
            function showImage(imgId,typ,image,imagerol) {
               var objImg = document.getElementById(imgId);
                              if (objImg) {
                   if (typ == "1")
                        objImg.src = imagerol;
                  else if (typ == "2")
                       objImg.src = image;
              }
          }
      </script>
biraz kullanışsızdı ben editledim. şimdi çok buton kullanınca da tek script ile oluyor.

Kayıtlı

Çevrimdışı maliseren

  • Kıdemli Üye
  • *****
  • İleti: 51
  • Rep: +1/-2
  • Cinsiyet: Bay
Ynt: Rollover Button Yapmak
« Yanıtla #1 : 17 Nisan 2007 08:46:45 »
Bunu nasıl kullancağız biraz açsan.. tşk.
Kayıtlı

Çevrimdışı vectorman

  • Kıdemli Üye
  • *****
  • İleti: 211
  • Rep: +2/-1
Ynt: Rollover Button Yapmak
« Yanıtla #2 : 17 Nisan 2007 12:20:48 »
normal rollover image gibi.asp.net'in imagebuttonu var.ama image üstüne gelince değişmiyor. bu hem kod yazabileceğiniz bir buton hem de üstüne gelince değişen resim yapabiliyorsunuz.

java script kodunu sayfanızın head tagları arasına yapıştırın. buton kodunu iste page loda.

ImageButton1.Attributes.Add("onmouseover", "showImage('" + ImageButton1.ClientID + "','1','','images/menu_04_roll.jpg');");

bişey farkettim bu codebehindı c# için yapmıştım. tırnakları delphiye göre ayarlanız gerekebilir. biraz karışık olacaktır ama #39 lar ise rahatlıkla halledebilirsiniz. java script kodunda değişik yapmanıza gerek yok. "  (tırnakları) tek tırnak yapın karışmaması için de javascript koduna gönderme yapılan tırnakları +#39+ile kullanın
« Son Düzenleme: 17 Nisan 2007 12:28:09 by vectorman »
Kayıtlı

Çevrimdışı Orion

  • Yeni Üye
  • *
  • İleti: 1
  • Rep: +0/-0
Ynt: Rollover Button Yapmak
« Yanıtla #3 : 20 Ağustos 2009 13:20:27 »
Paylaşım için çok teşekkürler :) Güzel yazmışsın. Ufak bir tüyoda benden olsun. Burada arkadaşımız üstüne gelince ve normal halini yapmamızı sağlamış. Ama ufak bir kod ile de tıklanınca değişmesini sağlayan bir buton elde edebiliriz :)

<script language="javascript" type="text/javascript">
            function showImage(imgId,typ,image,imagerol) {
               var objImg = document.getElementById(imgId);
                              if (objImg) {
                   if (typ == "1")
                        objImg.src = imagerol;
                  else if (typ == "2")
                       objImg.src = image;
                  else if (typ == "3")
                      objImg.src = image;              }
         }
      </script>

Bu şekilde sadece event yapabilmemize izin vardır. Ama uygulamaya geçirmek için buton kodunuda yazmak lazım. Oda basit zaten
ImageButton1.Attributes.Add("onclick", "showImage('" + ImageButton1.ClientID + "','3','img/anasayfa2.gif','');")
Bunu da Page_Load Eventine yazarsanız hiç bi problem olmaz :)

Kolay gelsin. İyi forumlar herkese :)
« Son Düzenleme: 20 Ağustos 2009 15:01:49 by Orion »
Kayıtlı
Sayfa: [1]   Yukarı git
« önceki sonraki »