tRikSonic
Tema
Home / All Post

Contoh Penerapan jQuery data Attribute

Terakhir diperbarui : 22 Mei 2018 - 10.05
Penerapan jQuery menggunakan attribute data TrikSonic - Contoh penerapan jquery data attribute. Artikel ini saya buat karena ada pertanyaan kepada saya melalui chat di Facebook saya. Persiapan : Pastikan library javascript jQuery sudah terpasang dengan benar, untuk tutorial ini saya menggunakan version 1.12.4 <script src=" https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js "></script> Contoh Penerapan jQuery menggunakan attribute data Contoh dengan mengambil data attribute < button class = "btn" data-tes = "111111" > Klik saya </ button > < button class = "btn" data-tes = "222222" > Klik saya </ button > < script > $( function ( ) { $( ".btn" ).click( function ( ) { var $ this = $( this ).attr( "data-tes" ); alert($ this ); //kode selanjutnya... }); }); </ script > <!DOCTYPE html> <html> ...
Baca selengkapnya

HTML u Tag

Terakhir diperbarui : 22 Mei 2018 - 10.09
Tutorial HTML <u> Elemen HTML <u> digunakan untuk membuat teks dengan garis. Pada HTML5, element ini mewakili rentang teks dengan anotasi non-teks yang tidak diartikulasikan. Element ini ditujukan untuk penulisan teks yang salah dalam pengejaannya/penulisannya serta beberapa penulisan bahasa negara tertentu, salah satunya bahasa china HTML <u> sudah tidak digunakan lagi dalam HTML 4 dan XHTML 1, namun diperkenalkan kembali pada HTML5. Contoh HTML <u> <p> Berikut cara menghapus <u>chance</u> browser </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Berikut cara menghapus <u>chance</u> browser </p> Kata chance seharusnya cache </body> </html> Uji coba Dalam spesifikasi HTML 5 dianjurkan menggunakan element html lainnya jika ingin memberi garis bawah pada sebuah teks non-semanti...
Baca selengkapnya

HTML wbr Tag

Terakhir diperbarui : 22 Mei 2018 - 10.17
Tutorial HTML <wbr> Element wbr ( Word Break Opportunity ) digunakan untuk memutus satu kata yang panjang, tanpa merubah makna atau arti dari kata tersebut. Element <wbr> ini akan memerintahkan browser untuk memutus kata yang panjang menjadi sebuah baris baru, tanpa merusak susunan kata yang sebenarnya. Contoh HTML <wbr> Contoh 1 : < p > Janganlah menjadi orang yang suka melakukan perbuatan memutar < wbr > balikan fakta, karena meupakan perbuatan yang tidak baik. </ p > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Janganlah menjadi orang yang suka melakukan perbuatan memutar<wbr>balikan fakta, karena meupakan perbuatan yang tidak baik. </p> <hr> <p> Perkecil secara perlahan area iframe preview dan fokus pada teks <strong>memutarbalikan</strong> </p> </body...
Baca selengkapnya

HTML i Tag

Terakhir diperbarui : 22 Mei 2018 - 10.23
Tutorial HTML <i> Element HTML <i> digunakan untuk membedakan suatu teks sehingga memiliki perbedaan tampilan dari teks yang ada sekitarnya Element ini memiliki tampilan pada browser dengan teks miring, Teks yang biasanya ditulis miring antara lain istilah teknis, frasa bahasa, karakter fiksi, keterangan makna., dan lain sebagainya. Perbedaan Element <i> pada HTML 4.01 dan HTML5 Pada versi sebelum HTML5 tag <i> hanyalah elemen presentasi yang digunakan untuk menampilkan teks dengan huruf miring. Pada HTML5 tag ini mempunyai sifat sebagai semantik dan bukan hanya sekedar tampilan tipografis . Tag <i> harus mewakili rentang teks dengan makna semantik yang berbeda dengan sekitarnya. Gunakan element <i> bila tidak ada element html semantik yang lebih tepat. Misal: Gunakan <em> untuk Teks yang memiliki penekanan. Gunakan <strong> untuk Teks yang dianggap Penting. Gunakan <mark> untuk Teks yang disorot. Gunakan...
Baca selengkapnya

html Tag

Terakhir diperbarui : 22 Mei 2018 - 10.51
Tutorial Tag <html> Elemen HTML <html> element tingkat atas untuk dokumen HTML, sehingga juga disebut sebagai root element . Element <html> digunakan sebagai wadah untuk element html lainnya, kecuali tag <!DOCTYPE> . Tag <html> juga untuk mendeglarasikan dan memberitahu browser bahwa ini adalah dokumen dengan type HTML . Contoh Tag <html> <!DOCTYPE html> < html > < head > < meta charset = "utf-8" /> < title > Hello world </ title > </ head > < body > < h1 > Hello world! </ h1 > </ body > </ html > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Hello world</title> </head> <body> <h1>Hello world!</h1> </body> </html> Uji coba Attribute Tag <html> manifest Atribute manifest menentukan lokasi manifestasi cache dokumen, yang memungkin ...
Baca selengkapnya

HTML title Tag

Terakhir diperbarui : 22 Mei 2018 - 10.59
Tutorial HTML <title> HTML title - Belajar html <title> . Element <title> mempunyai definisi sebagai judul document. Dalam penerapannya element title ini wajib diletakkan dalam rentang <head>...</head> dan hanya diperbolehkan hanya ada satu saja persatu document Tag pembuka dan penutup diwajibkan untuk element ini, Misal : <title>...</title> Contoh HTML <title> <!DOCTYPE html> < html > < head > < meta charset = "utf-8" /> < title > Hello world </ title > </ head > < body > < h1 > Hello world! </ h1 > </ body > </ html > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Hello world</title> </head> <body> <h1>Hello world!</h1> </body> </html> Uji coba Global Attributes: Element <title> mencakup Global Attributes HTML . Br...
Baca selengkapnya

HTML var Tag

Terakhir diperbarui : 22 Mei 2018 - 11.09
Tutorial HTML <var> HTML var - Belajar html <var> . Element <var> adalah singkatan dari variable yang digunakan dalam penulisan sebuah teks Ekspresi Matematika atau konteks pemrograman , Misal bilangan (konstanta), variabel, operasi, fungsi, tanda baca, pengelompokan, sintaksis logis. Element ini juga berfungsi memberitahu browser bahwa teks yang ada didalam rentang <var>...</var> adalah sebuah teks yang mengandung variable, bukan teks biasa. Contoh HTML <var> < p > 3 < var > x </ var > + 5 = 7 </ p > < p > 2 - 3 < var > y </ var > = 6 </ p > < p > < var > z </ var > + 3 = 4 < var > z </ var > </ p > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> 3<var>x</var> + 5 = 7 </p> <p> 2 - 3<va...
Baca selengkapnya

Bootstrap Icons List - Glyphicon

Terakhir diperbarui : 22 Mei 2018 - 11.20
glyphicon glyphicon-asterisk glyphicon glyphicon-plus glyphicon glyphicon-euro glyphicon glyphicon-eur glyphicon glyphicon-minus glyphicon glyphicon-cloud glyphicon glyphicon-envelope glyphicon glyphicon-pencil glyphicon glyphicon-glass glyphicon glyphicon-music glyphicon glyphicon-search glyphicon glyphicon-heart glyphicon glyphicon-star glyphicon glyphicon-star-empty glyphicon glyphicon-user glyphicon glyphicon-film glyphicon glyphicon-th-large glyphicon glyphicon-th glyphicon glyphicon-th-list glyphicon glyphicon-ok glyphicon glyphicon-remove glyphicon glyphicon-zoom-in glyphicon glyphicon-zoom-out glyphicon glyphicon-off glyphicon glyphicon-signal glyphicon glyphicon-cog glyphicon glyphicon-trash glyphicon glyphicon-home glyphicon glyphicon-file glyphicon glyphicon-time glyphicon glyphicon-road glyphicon glyphicon-download-alt glyphicon glyphicon-download glyphicon glyphicon-upl...
Baca selengkapnya

HTML b Tag

Terakhir diperbarui : 22 Mei 2018 - 11.26
HTML b - Belajar html <b> , element <b>   digunakan untuk penulisan teks cetak tebal, element ini dalam penulisannya bisa ditulis dimana saja, selama ditulis didalam elemnt <body> . Element ini tidak mempunyai makna apapun, element ini hanya mencetak tebal sebuah teks. Catatan : Berdasarkan spesifikasi html5 , element <b> digunakan sebagai opsi terakhir, jika tidak ada tag html yang lainnya yang lebih tepat. Maksudnya begini, jika sebuah teks yang ingin ditebalkan dianggap penting maka disarankan menggunakan tag html <strong> , jika teks tersebut berupa sebuah judul maka wajib menggunakan tag html <h1> - <h6> , jika sebuah teks memerlukan penekanan atau perhatian khusus, maka dianjurkan menggunakan element <em> . Contoh : < p > saya pergi bersama < b > gina </ b > dan andi </ p > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</...
Baca selengkapnya
Postingan Lebih BaruBerandaPostingan Lama