tRikSonic
Tema

Toggle Class Pure JavaScript - Tutorial JavaScript

Terakhir diperbarui : 22 Mei 2018 - 04.25
Triksonic - Tutorial kali ini adalah tutorial ringan dengan tema bahasan Toggle ClassName. Walaupun tutorial sejenis sudah banyak yang membahas, tidak salahnya juga, jika saya membahasnya lagi diblog ini, hitung hitung menambah perbendaharaan pengetahuan tentang javascript. JavaScript function toggleClass ( selectorID,newClass ) { var selector = document .getElementById(selectorID); //metode classList if (selector.classList) selector.classList.toggle(newClass); else { //jika tidak support classList var splitClass = selector.className.split( " " ), i = splitClass.indexOf(newClass);i>= 0 ?splitClass.splice(i, 1 ):splitClass.push(newClass), selector.className=splitClass.join( " " ) } } HTML Example < button onclick = 'toggleClass(" demo "," red ");' > Toggle Class </ button > < div class = 'boxs' id = 'demo' > </ div > Penjelasa
Baca selengkapnya

Memutar Gambar pada Blogger dengan URL

Terakhir diperbarui : 22 Mei 2018 - 04.43
Gambar yang terupload pada server blogger dapat diputar atau dirotasi hanya dengan memodifikasi URL image. URL Sisipan Untuk memutar sebuah gambar tambahan/sisipkan data berikut pada url gambar : -r90 untuk memutar gambar sebanyak 90° -r180 untuk memutar gambar sebanyak 180° -r270 untuk memutar gambar sebanyak 270° Contoh Perhatikan tanda yang bertanda pada contoh berikut. url default https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/ s1600 /TrikSonic.png Menjadi https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/ s1600-r90 /TrikSonic.png Demo < img alt = "Triksonic" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AV
Baca selengkapnya