Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Javascript error : is not a function (ÇÖZÜLDÜ)

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
7
Cevap
0
Favori
2.073
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
Öne Çıkar
0 oy
Sayfa: 1
Giriş
Mesaj
  • Merhaba,

    arkadaşlar javascript ile bir fonksiyonu çalıştırırken is not a function hatasını veriyor.

    Kodlar :

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 

    <script>

    function indirim(){

    	if (document.getElementById("indirimid").checked) {

    		document.getElementById("okulueyl").style.display = "block";
    		document.getElementById("yuzdes").style.display = "block";

    	}

    }

    </script>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>


    Arkadaşlar başka bir fonksiyon daha denedim oda olmadı.

    Yardımınıza ihtiyacım var.



    < Bu mesaj bu kişi tarafından değiştirildi webandyazilimprofesor -- 24 Ocak 2018; 11:33:37 >



    _____________________________
    Writing code is my life!




  • Yazdığın JavaScript fonksiyonunda bir hata yok. Bu fonksiyon çalışır. Bu hatayı nerede veriyor? Ne yapmaya çalıştığını daha açık anlat.

    Kodlarına hem jquery-3.2.1.slim.min.js eklemişsin hem jquery-3.1.1.min.js eklemişsin. Normal jquery varken slim'e gerek var mı? Slim versiyonu bazı fonksiyonlar çıkarılarak boyutu küçültülmüş versiyondur. Üstelik yazdığın JavaScript kodlarında hiç jquery kullanmamışsın. Bootstrap versiyonu da eski
    _____________________________
  • quote:

    Orijinalden alıntı: DoubleDragon

    Yazdığın JavaScript fonksiyonunda bir hata yok. Bu fonksiyon çalışır. Bu hatayı nerede veriyor? Ne yapmaya çalıştığını daha açık anlat.

    Kodlarına hem jquery-3.2.1.slim.min.js eklemişsin hem jquery-3.1.1.min.js eklemişsin. Normal jquery varken slim'e gerek var mı? Slim versiyonu bazı fonksiyonlar çıkarılarak boyutu küçültülmüş versiyondur. Üstelik yazdığın JavaScript kodlarında hiç jquery kullanmamışsın. Bootstrap versiyonu da eski

    Merhaba,

    dediğiniz gibi yaptım slim versiyonunu sildim. Ama yine çalışmıyor.

    Hatayı console bölümünde veriyor :

    Javascript error : is not a function (ÇÖZÜLDÜ)

    İndirim fonksiyonunda indirimid idli checkbox seçili olunca okulueyl (label) ve yuzdes (select option) görünür hale getiriyorum önceden display:none; ile gizlemiştim.

    Yardımınıza ihtiyacım var.



    < Bu mesaj bu kişi tarafından değiştirildi webandyazilimprofesor -- 23 Ocak 2018; 12:52:28 >
    _____________________________
    Writing code is my life!




  • webandyazilimprofesor W kullanıcısına yanıt
    jquery-slim 'i silersen çalışır demedim ki... Onu ayrı bir eleştiri olarak söyledim. Hatta bu fonksiyonun çalışması için jquery'ye gerek de yok. Burada saf JavaScript kullanılmış.

    Yazdığın fonksiyon çalışır. Senin kodların nasıl bilmiyorum ama aşağıya çalışır bir örnek yazdım. Hatta küçük bir ekleme yaparak checkbox seçilince görünür oluyor tekrar seçilmeyince görünmez hale getirdim.

    Burada mesele şu; sen bu fonksiyonu yazmışsın ama bu fonksiyonun çalışmasını (tetiklenmesini) hangi olaya verdin? Ben aşağıdaki örnekte checkbox'ın seçili olup olmaması olayına ( onChange ) verdim. Yani bu fonksiyon, checkbox'ın işaretlenmesi veya işaretinin kaldırılması durumunda çalışıyor. Bilmem anlatabildim mi?

    Sen artık kodları kendine göre düzenlersin. 

    <!DOCTYPE html> 
     <html> 
     <meta charset="utf-8" /> 
     <title>JavaScript Denemesi</title> 
     <style> 
     #okulueyl, #yuzdes { 
     	display: none; 
     } 
     </style> 
     <body> 
      
     <h2>JavaScript Denemesi</h2> 
      
     <form> 
     <input type="checkbox" id="indirimid" value="indirim" name="ind" onChange="indirim()" />İndirim ister misiniz?<br /><br /> 
     <label id="okulueyl" for="yuzdes">İndirim Miktarını Seç</label> <br /> 
     <select id="yuzdes"> 
       <option value="10">%10</option> 
       <option value="20">%20</option> 
       <option value="25">%25</option> 
       <option value="50">%50</option> 
     </select> 
     </form> 
      
      
     <script> 
     function indirim(){ 
      
     	if (document.getElementById("indirimid").checked) { 
      
     		document.getElementById("okulueyl").style.display = "block"; 
     		document.getElementById("yuzdes").style.display = "block"; 
      
     	} else { 
     		document.getElementById("okulueyl").style.display = "none"; 
     		document.getElementById("yuzdes").style.display = "none"; 
     	} 
      
     } 
     </script> 
      
     </body> 
     </html>
    _____________________________




  • quote:

    Orijinalden alıntı: DoubleDragon

    jquery-slim 'i silersen çalışır demedim ki... Onu ayrı bir eleştiri olarak söyledim. Hatta bu fonksiyonun çalışması için jquery'ye gerek de yok. Burada saf JavaScript kullanılmış.

    Yazdığın fonksiyon çalışır. Senin kodların nasıl bilmiyorum ama aşağıya çalışır bir örnek yazdım. Hatta küçük bir ekleme yaparak checkbox seçilince görünür oluyor tekrar seçilmeyince görünmez hale getirdim.

    Burada mesele şu; sen bu fonksiyonu yazmışsın ama bu fonksiyonun çalışmasını (tetiklenmesini) hangi olaya verdin? Ben aşağıdaki örnekte checkbox'ın seçili olup olmaması olayına ( onChange ) verdim. Yani bu fonksiyon, checkbox'ın işaretlenmesi veya işaretinin kaldırılması durumunda çalışıyor. Bilmem anlatabildim mi?

    Sen artık kodları kendine göre düzenlersin. 

    <!DOCTYPE html> 
     <html> 
     <meta charset="utf-8" /> 
     <title>JavaScript Denemesi</title> 
     <style> 
     #okulueyl, #yuzdes { 
     	display: none; 
     } 
     </style> 
     <body> 
      
     <h2>JavaScript Denemesi</h2> 
      
     <form> 
     <input type="checkbox" id="indirimid" value="indirim" name="ind" onChange="indirim()" />İndirim ister misiniz?<br /><br /> 
     <label id="okulueyl" for="yuzdes">İndirim Miktarını Seç</label> <br /> 
     <select id="yuzdes"> 
       <option value="10">%10</option> 
       <option value="20">%20</option> 
       <option value="25">%25</option> 
       <option value="50">%50</option> 
     </select> 
     </form> 
      
      
     <script> 
     function indirim(){ 
      
     	if (document.getElementById("indirimid").checked) { 
      
     		document.getElementById("okulueyl").style.display = "block"; 
     		document.getElementById("yuzdes").style.display = "block"; 
      
     	} else { 
     		document.getElementById("okulueyl").style.display = "none"; 
     		document.getElementById("yuzdes").style.display = "none"; 
     	} 
      
     } 
     </script> 
      
     </body> 
     </html>


    Merhaba,

    ben yanlış anlamışım. jqueryler başka bir fonksiyon içindi.

    Teşekkür ederim. Ben biraz daha bakayım.

    Birde bana telif hakkı olmayan indirim işaretleri lazım (biraz konu dışı oldu özür)

    İsterseniz indirim işaretleri ile ilgili konuma şuradan bakabilirsiniz :

    https://forum.donanimhaber.com/telif-hakki-olmayan-indirim-isareti-ariyorum--131006150

    Bir göz atarsanız sevinirim.

    Yardımınıza ihtiyacım var.
    _____________________________
    Writing code is my life!




  • webandyazilimprofesor W kullanıcısına yanıt
    Google'da "free discount icons" diye aratın hoşunuza giden birini kullanın. Bir sürü çeşit ikon var. Nasıl bir görsellik istiyorsunuz bunu ben bilemem. Siz kodları inceleyin size kolay gelsin.
    _____________________________
  • Merhaba,

    sorunu çözdüm. Fonksiyonun adı ve fonksiyon onchange değeri olarak veriğim öğenin adı aynıymış. Onu değiştirdim sonra çalıştı.

    Yani :

    function a(){}

    <input type="button" name="a" onclick="a()">

    Yukarıdaki çalışmadı

    function a(){}

    <input type="button" name="b" onclick="a()">

    Bu çalıştı.

    İyi günler.
    _____________________________
    Writing code is my life!
    • Yapay Zeka’dan İlgili Konular
    Server Error in '/' Application. HATASI
    6 yıl önce açıldı
    Bios bile açamıyorum. GOP hatası (There is no GOP support detected in this card.)
    geçen yıl açıldı
    Server Error in '/' Application HATASI
    6 yıl önce açıldı
    Daha Fazla Göster
    
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum