Mehmet Ali Kırımlı
Decapat
- Katılım
- 23 Temmuz 2019
- Mesajlar
- 46
Aşağıdaki gibi bir sayfa tasarımım var. Menu öğelerinde basıldığı zaman content'in değişmesini istiyorum. Nasıl yapabilirim?
JavaScript sayfa değiştirmeden içerik değiştirme
- Konuyu başlatan Mehmet Ali Kırımlı
- Başlangıç Tarihi
- Mesaj 5
- Görüntüleme 2B
slim_shady
Kilopat
- Katılım
- 25 Haziran 2017
- Mesajlar
- 287
- Çözümler
- 1
Daha fazla
- Cinsiyet
- Erkek
JQuery ve AJAX bakmanı öneririm. Eğer React, Angular vs bir framework ile yazmıyorsan
The Anorak
Gigapat
- Katılım
- 2 Mart 2014
- Mesajlar
- 6.683
- Makaleler
- 1
- Çözümler
- 128
"Component Slot" gibi yapılarla çözülebilir. Vanila JS ile yapmak istiyorsanız değişecek içeriği template gibi yapılarda tutup. innerHTML attribute değerini ilgili template ile değiştirerek istediğiniz dinamik geçişleri sağlayabilirsiniz.
Ya da CSS'in de yardımıyla How To Create Tabs buradaki örnekte olduğu gibi sadece gösterilecek olan seçeneğin display property'si 'block' ötekileri 'none' yaparak da sağlayabilirisiniz.
Çözüm çok.
Ya da CSS'in de yardımıyla How To Create Tabs buradaki örnekte olduğu gibi sadece gösterilecek olan seçeneğin display property'si 'block' ötekileri 'none' yaparak da sağlayabilirisiniz.
Çözüm çok.
- Katılım
- 26 Aralık 2020
- Mesajlar
- 6.081
- Makaleler
- 3
- Çözümler
- 83
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Front-End Developer
Yazacağım bir tane çözümü yazmışsınız, teşekkürler. CSS ile yapmak bence daha kolay olacaktır, birçok çözüm yolu mevcut. Hangisini seçersiniz.
Mehmet Ali Kırımlı
Decapat
- Katılım
- 23 Temmuz 2019
- Mesajlar
- 46
innerHTML ile denedim ama örnek olarak <div>Merhaba</div> yazdırdım çalışmadı
- Katılım
- 22 Mart 2018
- Mesajlar
- 8.030
- Makaleler
- 1
- Çözümler
- 67
Innerhtml ile re-render etmeden shadow dom ile daha hizlica yapabilirsin.
developer.mozilla.org
Using shadow DOM - Web APIs | MDN
An important aspect of custom elements is encapsulation, because a custom element, by definition, is a piece of reusable functionality: it might be dropped into any web page and be expected to work. So it's important that code running in the page should not be able to accidentally break a custom...
developer.mozilla.org
Benzer konular
- Çözüldü
