boostrap 5 accordion scroll to top of active, bootstrap 5 accordion tıklanınca ekrana sabitleme

bootstrap 5 accordion tıklanınca ekrana sabitleme yapmak için aşağıdaki kodu kullanıyoruz.

 $('.collapse').on('shown.bs.collapse', function (e) {
                var $card = $(this).closest('.accordion-item');
                var $open = $($(this).data('parent')).find('.collapse.show');

                var additionalOffset = 0;
                if ($card.prevAll().filter($open.closest('.accordion-item')).length !== 0) {
                    additionalOffset = $open.height();
                }
                $('html,body').animate({
                    scrollTop: $card.offset().top - additionalOffset
                }, 500);
            });

Boostrap 5 Sadece Mobilde gizleme, Boostrap 5 Sadece Mobilde gösterme

Boostrap 5 Sadece Mobilde gizleme

d-none d-sm-block

Boostrap 5 Sadece Mobilde gösterme

d-block d-sm-none

Jquery All class select, Jquery Class hepsini listelemek

Jquery ile Belirli bir class listeini çekmek için aşağıdaki kodu kullanıyoruz.

Aşağıdaki örnekte gz72 class ına ait tüm class değerleri listeleniyor ve class değeri sıfırlanıyor.

                $('.gz72').each(function (index, element) {

                    $(this).removeClass();
                });

İyi Çalışmalar.

Jquery filter

Jquery otomatik filtreleme çok kullanışlı bir özellik. 

Tüm kodları Eksiksiz paylaşıyorum (veritabanı bağlantısını kendinize göre veya kendi dilinize göre ayarlarsınız)

İyi Çalışmalar.

Jquery target.offset().top komut ile div pozisyonuna gitmek

HTML kodumuz;
 <li><a href="#dismekan" data-id="dismekan">Dış Mekan</a></li>

JS kodumuz;

c# ReadAllText, C# dosyadan veri okumak

C# dosyadan veri okumak için tek satırlık kodumuz;

System.IO.File.ReadAllText(HttpContext.Server.MapPath("~/App_Data/siteURL.txt"));

Colorbox Youtube video embed

Kullanımı;

<a class='youtube' href='http://www.youtube.com/watch?v=VOJyrQa_WR4'>Business Cats</a>

JS kodu;

c# Extension from string, c# dosya yolundan uzantı bulmak

string myFilePath = @"C:\MyFile.txt";
string ext = Path.GetExtension(myFilePath); // ext would be ".txt"

Yukarıdaki kodla dosya yolundan uzantıyı bulabilirsiniz.

Draggable Bootstrap Slider carousel

Draggable Bootstrap Slider carousel

https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js dosyasını sayfamıza çağırıyoruz. 

Ardından;

CSS FontAwesome li icon

CSS-Only FontAwesome , CSS FontAwesome li icon

Aşağıdaki kodla Tüm li taglarına icon ekleyebilirsiniz.