YTPara.com - Youtube & Webmaster Destek Forumu  


Geri Dön   YTPara.com - Youtube & Webmaster Destek Forumu > Webmaster Genel > Programlama



User Tag List

Like Tree1Beğeni
  • 1 Post By jebi

Cevapla
LinkBack Seçenekler Stil
  #1  
Okunmamış 17.02.2017, 20:24
memurvadisi1 - ait Kullanıcı Resmi (Avatar)
Üye
 
Üyelik tarihi: 12.04.2014
Mesajlar: 3,030
Etiketlendi : 56 Yazıda
Etiketlendi: 6 Başlıkda
Standart jquery click css hakkında

PHP- Kodu:
<script type="text/javascript">
$(function(){
    $(
"#menu").click(function(){
        $(
'.menu ul').toggle();
        $(
"#menu").css("background""url(images/menu2.png)"); 
        });
});
</script> 

cssde #menu divinin bgsi menu.png, ben click 1 kere bastığımda menu2.png oluyor buraya kadar sıkıntı yok tekrar bastığımda menu.png olmasını istiyorum yardımcı olabilecek varmı.
araştırmalarım aşağıdaki tarzda birşeyle çözülebileceğini söylüyor ama tam oturtamadım.

PHP- Kodu:
<script type="text/javascript">
$(function(){
    $(
"#menu").click(function(){
        $(
'.menu ul').toggle();
        $(
"#menu").css("background""url(images/menu2.png)"); }, function (){
        $(
"#menu").css("background""url(images/menu.png)");
        });
});
</script> 
Alıntı ile Cevapla
Reklamlar
  #2  
Okunmamış 18.02.2017, 15:31
jebi - ait Kullanıcı Resmi (Avatar)
Üye
 
Üyelik tarihi: 15.07.2013
Yaş: 29
Mesajlar: 251
Etiketlendi : 7 Yazıda
Etiketlendi: 4 Başlıkda
Standart

bu şekilde yapabilirsin ama çok yanlış bir yöntem bence.

PHP- Kodu:
<script type="text/javascript"
$(function(){ 
    $(
"#menu").click(function(){ 
        $(
'.menu ul').toggle(); 
      
        $(
"#menu").css("background-image", function(ival) {
            if (
val.indexOf("images/menu2.png") > -1)  {
              return 
'url(images/menu.png)';
            }
          
            return 
'url(images/menu2.png)';
        });  
    }); 
}); 
</script> 
doğru olan bu işi css ile yapmak. js ile sadece css class'ını ekleyip çıkartacaksınız. örneğin:

css;
Kod:
#menu {
  background: red;
}

#menu.is-active {
  background: blue;
}
js;
PHP- Kodu:
<script type="text/javascript"
$(function(){ 
    $(
"#menu").click(function(){ 
        $(
'.menu ul').toggle(); 
      
        $(
this).toggleClass('is-active');
    }); 
}); 
</script> 
bu şekilde butona tıklandıkca arkaplanı sıra sıra kırmızı ve mavi olacak.
memurvadisi1 bunu beğendi.
Alıntı ile Cevapla
  #3  
Okunmamış 18.02.2017, 16:13
memurvadisi1 - ait Kullanıcı Resmi (Avatar)
Üye
 
Üyelik tarihi: 12.04.2014
Mesajlar: 3,030
Etiketlendi : 56 Yazıda
Etiketlendi: 6 Başlıkda
Standart

Alıntı:
jebi Nickli Üyeden Alıntı Mesajı göster
bu şekilde yapabilirsin ama çok yanlış bir yöntem bence.

PHP- Kodu:
<script type="text/javascript"
$(function(){ 
    $(
"#menu").click(function(){ 
        $(
'.menu ul').toggle(); 
      
        $(
"#menu").css("background-image", function(ival) {
            if (
val.indexOf("images/menu2.png") > -1)  {
              return 
'url(images/menu.png)';
            }
          
            return 
'url(images/menu2.png)';
        });  
    }); 
}); 
</script> 
doğru olan bu işi css ile yapmak. js ile sadece css class'ını ekleyip çıkartacaksınız. örneğin:

css;
Kod:
#menu {
  background: red;
}

#menu.is-active {
  background: blue;
}
js;
PHP- Kodu:
<script type="text/javascript"
$(function(){ 
    $(
"#menu").click(function(){ 
        $(
'.menu ul').toggle(); 
      
        $(
this).toggleClass('is-active');
    }); 
}); 
</script> 
bu şekilde butona tıklandıkca arkaplanı sıra sıra kırmızı ve mavi olacak.

eyvallah hocam çok sağolun js bilgim çok kötü olduğundan ne tip bir yol izlemem gerektiğini bilmiyorum gogıl yönlendiriyor saçma sapan yerlere
Alıntı ile Cevapla
Cevapla




Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Forum Saati: 05:24. Zaman dilimi GMT +3 olarak ayarlanmıştır.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.6.0


YTPara.Com Forum Sitemiz serverplus.com.tr Tarafindan Host Edilmektedir. Serverplus

İçerik sağlayıcı paylaşım sitelerinden biri olan YTPara.Com Youtube-Adsense Destek Sitemizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. YTPara.Com hakkında yapılacak tüm hukuksal Şikayetler BURADAN iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 15 (Onbeş) Gün içerisinde YTPara.Com yönetimi olarak tarafımızdan gereken işlemler yapılacak ve Avukatlarımız size dönüş yapacaktır.

YTPara.Com

eXTReMe Tracker