Konu: Javascript Programlama Dilini Öğrenmek İsteyenler  (Okunma sayısı 46155 defa)

smyi

  • Bilge Meclis Üyesi
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.823
  • Teşekkür 15379
    • Çevrimiçi
  • # 05 Oca 2021 10:20:47
[linkler sadece üyelerimize görünmektedir.]
Merhaba [linkler sadece üyelerimize görünmektedir.] hocam. Burada neden alert işlemiyor acaba?
hocam js de form tagını kullanmıyoruz. o PHP nin elemanı ve submit butonuyla beraber sayfanın yenilenmesine sebebiyet veriyor. yine bu nedenle input type olarak "submit" yerine "button" kullanıyoruz.

name yerine de id kullanınca her şey düzeliyor.

smyi

  • Bilge Meclis Üyesi
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.823
  • Teşekkür 15379
    • Çevrimiçi
  • # 05 Oca 2021 17:43:49
tampermonkey kullanarak sitelerde nasıl değişiklik yapabileceğinizi anlatacağım.

öncelikle Eğitimhane'yi açıyoruz. çünkü logosunu değiştirmek istiyorum
logonun üstüne tıklayıp incele dediğimde logonun
<a href="/index.php"><img src="/cdn/wb5.jpg" alt=""></a>
elemanının içinde resim şeklinde olduğunu görüyorum.

sonra tampermonkey'i açıp +'ya basarsam karşıma hemen yeni script sayfası hazır şekilde geliyor. buraya javascript kodları ekleyebiliyorum

bu elemanın id si yok. id'si olmayan elemanlar ulaşmak zordur. fakat şöyle bir seçenek var. href="/index.php" olan elemanı bulabiliyorum.

document.querySelector('[href="/index.php"]')
bana elemanı veriyor. bundan sonra innerHTML ile içeriğini değiştirebiliyorum.

sonra sayfayı yenilediğimde logo değişmiş olarak görüyorum.

gokselgursu

  • Bilge Üye
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.850
  • Teşekkür 6883
    • Çevrimdışı
  • # 06 Oca 2021 18:21:21
css'e giriş yaptım. label ve input bu şekilde kodlanıyor galiba.

smyi

  • Bilge Meclis Üyesi
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.823
  • Teşekkür 15379
    • Çevrimiçi
  • # 06 Oca 2021 22:38:27
[linkler sadece üyelerimize görünmektedir.] hocam. Eba'da link girince zoomu seçme özelliği gelmiş fakat ben link girince seçili zoomu da siliyor. bu nedenle program hata vermeye başlamıştı. ben de zoomu seçme adımını şube seçme adımına taşıdım. eba hala daha uyarı veriyor fakat en azından ders girişi yapıyor. bir tane de iki sınıflı için ekliyorum.

gokselgursu

  • Bilge Üye
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.850
  • Teşekkür 6883
    • Çevrimdışı
  • # 07 Oca 2021 11:12:38
CSS'te Özellik Değeri Seçicisi

gokselgursu

  • Bilge Üye
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.850
  • Teşekkür 6883
    • Çevrimdışı
  • # 07 Oca 2021 11:25:25
Sadece Kilonuz label'ın arka plan rengi nasıl değişir acaba?

smyi

  • Bilge Meclis Üyesi
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.823
  • Teşekkür 15379
    • Çevrimiçi
  • # 07 Oca 2021 14:09:16
[linkler sadece üyelerimize görünmektedir.]
Sadece Kilonuz label'ın arka plan rengi nasıl değişir acaba?
4 seçenek var hocam.
1) id veriririz. id="etiket". sonra style tagının içinde #etiket{} ile istediğimiz değişikliği yaparız.

2) label tagının içine style attribute ekleyerek yapabiliriz.
<label style=" burada istediğimiz özelliği ekleyebiliriz ">Kilonuz : </label>

3) id veririz. programatik olarak rengini değiştiririz.

4) class veririz. class="etiket". sonra style tagının içinde .etiket{} ile istediğimiz değişikliği yaparız.

not: id tek elemana verilebilir. class birden fazla elemana verilebilir.

gokselgursu

  • Bilge Üye
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.850
  • Teşekkür 6883
    • Çevrimdışı
  • # 07 Oca 2021 14:22:41
[linkler sadece üyelerimize görünmektedir.]
4 seçenek var hocam.
1) id veriririz. id="etiket". sonra style tagının içinde #etiket{} ile istediğimiz değişikliği yaparız.

2) label tagının içine style attribute ekleyerek yapabiliriz.
<label style=" burada istediğimiz özelliği ekleyebiliriz ">Kilonuz : </label>

3) id veririz. programatik olarak rengini değiştiririz.

4) class veririz. class="etiket". sonra style tagının içinde .etiket{} ile istediğimiz değişikliği yaparız.

not: id tek elemana verilebilir. class birden fazla elemana verilebilir.
Teşekkürler hocam. css te class id lere yeni başladım. Tabii bu konuda bilgi yoktu.  # . kullanımının nerede kullanılacağını anca öğreniyorum.

hsbk

  • Tecrübeli Üye
  • ****
  • İleti: 610
  • Teşekkür 608
    • Çevrimdışı
  • # 07 Oca 2021 15:18:29
[linkler sadece üyelerimize görünmektedir.]
Teşekkürler hocam. css te class id lere yeni başladım. Tabii bu konuda bilgi yoktu.  # . kullanımının nerede kullanılacağını anca öğreniyorum.

[linkler sadece üyelerimize görünmektedir.]

Buraya iyi bak hocam, bayağı işine yarayacaktır.

smyi

  • Bilge Meclis Üyesi
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.823
  • Teşekkür 15379
    • Çevrimiçi
  • # 09 Oca 2021 22:49:40
[linkler sadece üyelerimize görünmektedir.]
Yuvarlak Buton Oluşturma
Css'de:
border-radius:50%
yaparak yuvarlak button elde ederiz.

yalman68

  • Tecrübeli Üye
  • ****
  • 4. Sınıf Öğretmeni
  • İleti: 254
  • Teşekkür 7013
    • Çevrimiçi
  • # 16 Oca 2021 16:41:29
[linkler sadece üyelerimize görünmektedir.] hocam iyi günler.
Bu çalışmada sorunun seçeneklerini de getirebilir misiniz?
Bazen problem, bazen de test olarak çözmek için....
Teşekkür ederim...

smyi

  • Bilge Meclis Üyesi
  • *****
  • 4. Sınıf Öğretmeni
  • İleti: 2.823
  • Teşekkür 15379
    • Çevrimiçi
  • # 16 Oca 2021 19:44:17
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam iyi günler.
Bu çalışmada sorunun seçeneklerini de getirebilir misiniz?
Bazen problem, bazen de test olarak çözmek için....
Teşekkür ederim...
seçenekleri aktif hale getirdim hocam. cevaplara kesir ekleme biraz zaman alacak.

yalman68

  • Tecrübeli Üye
  • ****
  • 4. Sınıf Öğretmeni
  • İleti: 254
  • Teşekkür 7013
    • Çevrimiçi
  • # 16 Oca 2021 19:56:36
[linkler sadece üyelerimize görünmektedir.]
seçenekleri aktif hale getirdim hocam. cevaplara kesir ekleme biraz zaman alacak.
Hocam çok çok teşekkür ederim...
Elinize emeğinize sağlık....

yalman68

  • Tecrübeli Üye
  • ****
  • 4. Sınıf Öğretmeni
  • İleti: 254
  • Teşekkür 7013
    • Çevrimiçi
  • # 16 Oca 2021 20:51:11
[linkler sadece üyelerimize görünmektedir.]
seçenekleri aktif hale getirdim hocam. cevaplara kesir ekleme biraz zaman alacak.
smyi hocam, bu çalışmada toplama işlemi problemleri, çıkarma işlemi problemleri, çarpma işlemi problemleri, bölme işlemi problemleri....vb. kategori kategori eklenebilir mi?
Ben her çalışma için ayrı ayrı sayfa oluşturuyorum, hepsi bir arada bu tasarım üzerinde mümkün mü?

yalman68

  • Tecrübeli Üye
  • ****
  • 4. Sınıf Öğretmeni
  • İleti: 254
  • Teşekkür 7013
    • Çevrimiçi
  • # 16 Oca 2021 20:55:31
[linkler sadece üyelerimize görünmektedir.]
seçenekleri aktif hale getirdim hocam. cevaplara kesir ekleme biraz zaman alacak.

smyi hocam, bazı sorularda eklediğim gibi hatalar oluşuyor. 3 seçenek alt alta iken seçeneklerden birisi yan da oluyor..

 

Egitimhane.Com ©2006-2023 KVKK