Javascript Programlama Dilini Öğrenmek İsteyenler

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
# 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.

Çevrimdışı gokselgursu

  • Bilge Meclis Üyesi
  • *****
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
# 06 Oca 2021 18:21:21
css'e giriş yaptım. label ve input bu şekilde kodlanıyor galiba.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
# 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.

Çevrimdışı gokselgursu

  • Bilge Meclis Üyesi
  • *****
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
# 07 Oca 2021 11:12:38
CSS'te Özellik Değeri Seçicisi

Çevrimdışı gokselgursu

  • Bilge Meclis Üyesi
  • *****
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
# 07 Oca 2021 11:25:25
Sadece Kilonuz label'ın arka plan rengi nasıl değişir acaba?

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
# 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.

Çevrimdışı gokselgursu

  • Bilge Meclis Üyesi
  • *****
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
  • 3.992
  • 13.312
  • 3. Sınıf Öğretmeni
# 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.

Çevrimdışı hsbk

  • B Grubu
  • 701
  • 832
  • 701
  • 832
# 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.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
# 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.

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
# 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...

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
# 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.

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
# 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....

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
# 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ü?

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
  • 465
  • 10.896
  • 3. Sınıf Öğretmeni
# 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..

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
  • 4.276
  • 23.691
  • 4. Sınıf Öğretmeni
# 16 Oca 2021 21:14:44
[linkler sadece üyelerimize görünmektedir.]
smyi hocam, bazı sorularda eklediğim gibi hatalar oluşuyor. 3 seçenek alt alta iken seçeneklerden birisi yan da oluyor..
hocam, seçenekleri alt alta veya yan yana gösterebilmek için  seçenek ekledim. soruları bölümlere ayırma yapılabilir fakat o da biraz vakit gerektiriyor.

 


Egitimhane.Com ©2006-2023 KVKK