Rabu

Contoh CSS Kelas

<head><br /> <style type="text/css"> h1.css-section { color:#000099 } p.css-section { color:#999999; } </style><br /> </head><br /> <body><br /> <h1 class="css-section">CSS Class</h1><p class="css-section">CSS classes can be very useful</p></body><br />...

CSS Class Syntax

.class-name { property:value; }<br /> html-element-name.class-name { property:value; }<br />...

CSS Class

...

CSS Template

ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE { display: block } LI { display: list-item } HEAD { display: none } TABLE { display: table } TR { display: table-row } THEAD { display: table-header-group } TBODY { display: table-row-group } TFOOT { display: table-footer-group } COL { display: table-column } COLGROUP { display: table-column-group } TD, TH { display: table-cell } CAPTION { display: table-caption } TH { font-weight: bolder; text-align: center } CAPTION { text-align: center } BODY { padding: 8px; line-height:...

Apa itu CSS (Cascading Style Sheets)?

CSS (Cascading Style Sheets) memungkinkan web author untuk menerapkan gaya ke halaman web mereka. Lebih penting lagi, CSS memungkinkan mereka untuk melakukan ini secara terpisah dari HTML yang membentuk setiap halaman web. Oleh karena itu, sebagai penulis web, Anda dapat kode HTML Anda tanpa harus peduli dengan apa yang setiap elemen HTML akan terlihat seperti. Anda dapat mengubah tampilan nanti dengan menggunakan CSS. Anda akan menemukan banyak informasi tentang CSS di sini di Quackit. Baca Tutorial CSS, mempelajari semua properti CSS yang dapat Anda gunakan, atau hanya pergi langsung ke kode untuk beberapa "cut & paste" tua yang baik! ...

JavaScript "Double Klik"

CODENYA Bray:<input type="button" onDblClick="alert('H“HArApAnQu”<br /> <br /> Aq DsNi slalau bRhRaP….!!!<br /> brHraP bDuK dSaNa slAlU BrLbUh Di tPiAn pNtAi hTi qU Yg bNiNg<br /> Di SnARi SaNg suRya yG mMerah NgN OmBAk_a<br /> SyuP2 bRtiaRAp SBgaiMnA dEdAUnAN<br /> prGi bRsmA aLiRaN ….!!<br /> qU HrAp Htimu TaK BrLari dAri PrDuAN<br /> kRnA Sp Ge hRtA Qu Yg bRhRga sLain Qm<br /> Sang kenCana di dLm jiWa…..!!!<br /> Yg mWaRnai dN MnGisi Hti yG KoSOnG<br /> CyANk dN Rasa adLh mLiKU SeOrNg<br /> qU PrSmBhKan sMua_a HnYA uNtK mU sAja…!!<br /> sLAyaK_a Sang ratu…..!! iStana qU adLah isTanA Mu..!!<br /> qM Lh yG mNeMni SiaNK dN mLm Qu..!!<br /> Dn tIaDa Arti DuNiA tNpaa Mu..HRapN Qu pd mU pD...

JavaScript dan HTML

Dalam pelajaran sebelumnya, kita telah belajar tentang sintaks JavaScript, namun kita belum belajar bagaimana untuk "melampirkan" JavaScript untuk elemen HTML kita. Itulah yang saya akan menunjukkan kepada Anda dalam pelajaran ini. Standalone JavaScript Pertama, mari kita lihat apa yang sepotong mandiri JavaScript terlihat seperti. span style="background-color: white;" title=""><script type="text/javascript"> span style="background-color: white;" title="">span title="<! - span title="alert ('Hei, ingat untuk memberitahu teman Anda tentang Quackit.com!'); ">-> ">span title=""></ Script> span title=""> span title="">Jika kita menempatkan JavaScript di atas antara tag 'kepala' (atau 'tubuh' tag), itu akan berjalan segera setelah kami beban halaman. Sekarang...

Cara mengaktifkan JavaScript

Bagaimana saya memeriksa apakah browser saya memiliki JavaScript diaktifkan? Anda biasanya melakukan ini dengan memeriksa opsi browser Anda. Ini akan tergantung pada browser yang Anda gunakan. Instruksi untuk beberapa browser yang lebih umum adalah di bawah ini:Internet Explorer (6.0): 1. Pergi ke Tools dari menu atas2. Pilih Internet Options3. Klik pada tab Keamanan4. Klik Custom Level5. Gulir ke bawah sampai Anda melihat bagian Scripting6. Pastikan bahwa Active Scripting pilihan ditetapkan pada Diaktifkan7. Klik OK Netscape Navigator (4.8): 1. Pergi ke Edit dari menu atas2. Pilih Preferensi3. Pilih Advanced4. Pilih Script & Plugins5. Periksa kotak centang Aktifkan JavaScript6. Klik OK Mozilla Firefox (1.0): 1. Pergi ke Tools dari menu atas2. Pilih Pilihan3. Pilih Fitur Web dari menu...

Apa itu Java Script?

JavaScript adalah bahasa scripting yang memungkinkan web developer / desainer untuk membangun website lebih fungsional dan interaktif. Menggunakan JavaScript umum meliputi: * Pemberitahuan pesan * Popup jendela * Dropdown menu Dinamis * Formulir validasi * Menampilkan tanggal / waktu JavaScript biasanya berjalan pada sisi-klien (sisi browser), sebagai lawan dari sisi server (pada web server). Satu keuntungan dari melakukan hal ini adalah kinerja. Di sisi client, JavaScript adalah dimuat ke browser dan dapat berjalan secepat seperti yang disebut. Tanpa berjalan pada sisi klien, halaman akan perlu untuk me-refresh setiap kali Anda membutuhkan script untuk menjalankan.Apa yang saya perlukan untuk membuat JavaScript? Anda dapat membuat JavaScript menggunakan peralatan yang sama yang Anda gunakan...

SCROLL Warna Teks Part-3

KODENYA;<!-- BLOG ANCUR --><br /> <div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;color:#A6120D;">SEMOGA SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn.KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI<br /> KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI<br /> KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI<br /> KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI<br /> KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI.</div><p style="font-size:10px;"><a...

SCROLL Warna Latar Part-2

KODENYA : <!-- BLOG ANCUR --><br /> <div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;">SEMOGA SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn.KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI.</div><p style="font-size:10px;"><a href="http://nopi-sopari.blogspot.com/html/kode/">BLOG ANCUR</a></p>CONTOHNYA ;SEMOGA SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn.KEMBALIKAN NIAT KITA KE SEMOGA SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn.KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI. SEMOGA SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn SEMOGA SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn SEMOGA...

SCROLL Part-1

KODENYA :<- Kode HTML ->)<br /> <br /> <div style="height:100px;width:100px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;"><br /> JANGAN TAKUT MENCOBA BRAY!!!.<br /> <br /> </div><br /> <p style="font-size:10px;"><a href="http://nopi-sopari.blogspot.com/html/kode/">HTML code</a></p><br /> <br /> CONTOHNYA :JANGAN TAKUT MENCOBA,Gan!!!TAK ADA YANG TAK MUNGKIN DALAM HIDUP INI TEMAN-TEMAN,PERCAYALAHBLOG ANCURK...

Scroll Bermasalah pada kode verifikasi komentar

input onclick="alert(' Masuk blogger anda - Tata Letak - Edit HTML - Centang Expand templates widget - Cari kode - Ubah kode scroll 'no' menjadi 'yes' coba lihat script lengkap di bawah ini')" type="BUTTON" value="Lihat Carannya"> <div class='comment-form'> <a name='comment-form'/><br /> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/><br /> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br /> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='yes' src='' width='100%'/><br /> ...

Pesan dengan suatu Kotak Pesan

Jika agan ganteng dan non cantik ingin menampilkan suatu pesan kepada pengunjung, jika suatu tombol atau link di klik. Pada JavaScript kita dapat menggunakan fungsi alert() yang mana akan menampilkan suatu kotak pesan. Misalnya kita ingin memberi kejutan kepada pengunjung, begitu halaman dibuka. Untuk melakukan hal ini, tambahkan saja kode berikut setelah tag <BODY> (atau diantara tag <HEAD>). KODENYA: <SCRIPT LANGUAGE="JavaScript"> <!-- menyembunyikan dari browser non-js alert("pie kabare,re ...."); // akhir dari penyembunyian --> </SCRIPT> CONTOHNYA MF GAK KELIHATAN,namanya juga menyembunyikan dari browser non-js alert.Hehe ... Hal ini tentu saja akan menjadi kejutan bagi pengunjung...

Menampilkan tanggal "Last Updated" didokumen anda

Pada halaman kita sering ingin menampilkan informasi kepada pengunjung tanggal terakhir kali halaman kita di Update. Berikut ini adalah potongan script yang akan secara otomatis menghasilkan informasi terakhir kali halaman kita di Update:<SCRIPT LANGUAGE="JavaScript"> <!-- menyembunyikan dari browser non-js document.write("Last updated :"); document.write(document.lastModified); // --> </SCRIPT>Sisipkan kode berikut pada bagian dokumen HTML anda yang akan menampilkan informasi Last update. Perhatikan bahwa script diketik diantara tag komentar HTML <!-- ... -->, tujuannya supaya script tersebut tersembunyi dari browser  non-JavaScript, dengan demikian tidak menimbulkan...

Membuat link yang dapat menutup jendela browser

Kodenya Gan!! <a href="javascript:window.close(http://nopi-sopari.blogspot.com)">tutup</a>Coba diklik aja tutup berdo'a dulu yach biar berhasil ... berhasil,HOREEE .. ...

Membuka suatu halaman berdasarkan pilihan pemakai pada suatu dropdown list

Halaman Dropdown ListKodenya: <SCRIPT LANGUAGE='JavaScript'> <!-- function BuatArray() { var jlhargumen = BuatArray.arguments.length; for ( i = 0 ; i < jlhargumen; i++ ) { this[i]=BuatArray.arguments[i] } } function buka() { var pilih = eval(document.dropdown.site.selectedIndex); if( (pilih > 0) && (pilih < 7) ) { var bagian=new BuatArray( '', 'http://indoprog.terrashare.com/tutor/html/index.html', 'http://indoprog.terrashare.com/tutor/javascript/index.html', 'http://indoprog.terrashare.com/tutor/asp/index.html', 'http://indoprog.terrashare.com/tutor/php/index.html', 'http://indoprog.terrashare.com/tutor/perl/index.html'); this.location=buka[pilih]; } } //--> </SCRIPT> <FORM NAME="dropdown"><SELECT NAME="site" onChange='buka();' ALIGN="left">...

Membagi Jendela Browser menjadi frame

Membagi Jendela Browser menjadi frame, dan klik link pada pilihan diframe kiri akan mengupdate isi frame kanan.Anda dapat melakukan hal tersebut dengan JavaScript, dan perhatikan contoh berikut :Misalnya halaman html untuk membuat frame kiri dan kanan adalah sebagai berikut : Contohy.html <html> <head> <title>Tutorial JavaScript</title> <frameset cols=175,*> <frame src="menu.html" name="kiri"> <frame src="topik1.html" name="kanan"> </frameset> </head> </html>Pada contoh diatas, pada frame kiri akan dibuka suatu html dengan nama menu.html, dan sebelah kanan akan diaktifkan topik1.html, dan isi dari menu.html adalah sebagai berikut :menu.html <html>...

Meletakan tulisan pada status bar

Contoh 1:mendemontrasikan bagaimana memanipulasi tulisan pada status bar. Ketika anda mengerakan kursor melalui suatu link, maka statusbar akan menampilkan URL tujuan link tersebut.Suatu kode HTML untuk suatu membentuk link dapat berupa :<A HREF="http://nopi-sopari.blogspot.com">Lihat Bray</A>Untuk menampilkan sesuatu pada status bar ketika mouse pointer digerakan melalui link, anda perlu menambah kode berikut :<A HREF="http://nopi-sopari.blogspot.com" onMouseOver="window.status='Coba yang ini juga!!!'; return true;" onMouseOut="window.status=''; ">Klik disini</A>Hasilnya: Lihat Bray Untuk menampilkan sesuatu pada status bar ketika mouse pointer digerakan melalui link, anda perlu menambah kode berikut : Coba...

Pengertian Variabel HTML Java Script [JS]

abstract extends int super boolean false interface switch break final long synchronized byte finally native this case float new throw catch for null throws char function package transient class goto private true const if protected try continue implements public var default import return val do in short while double instanceof static with else ...

Variabel dan Literal

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Start of scroller script var scrollCounter = 0; var scrollText = "Teks yang anda inginkan, misalnya Viva Indoprog"; var scrollDelay = 70; var i = 0; while (i ++ < 140) scrollText = " " + scrollText; function Scroller() { window.status = scrollText.substring(scrollCounter++, scrollText.length); if (scrollCounter == scrollText.length) scrollCounter = 0; setTimeout("Scroller()", scrollDelay); } Scroller(); // End of scroller script --> </SCRIPT> </HEAD> <BODY> <H1>Coba perhatikan status bar anda</H1> </BODY> </HTML> ...

Event JS

Contoh:<FORM> <INPUT TYPE=BUTTON VALUE="2011" onClick="alert('Hello world')"> </FORM> Hasil...

Penjelasan Contoh Tag (SCRIPT) Part-1

input onclick="alert('Contoh diatas menunjukkan program Javascript diketik diantara tag dan . Jika contoh JavaScript diatas diketikkan diantara tag , juga akan memiliki hasil yang sama. Tetapi karena bagian heading akan dibaca terlebih dahulu dibandingankan dengan bagian , menempatkan semua fungsi maupun variabel global pada bagian heading adalah praktek pemrograman yang baik. Dan semua perintah JavaScript yang berkaitan dengan dokumen ditempatkan pada bagian body HTML. Perhatian : Tidak semua browser mampu memproses JavaScript, sehingga untuk menghindari kesalahan penampilan pada browser tersebut, anda perlu mengetikkan JavaScript diantara tag komentar HTML sebagai berikut : ')" type="BUTTON" value="LIHAT DONK">...

Contoh Tag (SCRIPT) Part-1

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Menyembunyikan script terhadap browser non-JavaScript document.write("Hello world.") // akhir dari penyembunyian --> </SCRIPT> </HEAD> </HTML> Contohnya dibawah :'Format Tag JS tersebut menghilang atau tersimpan tersembunnyi'. ...

Tag (SCRIPT)

 Tag <SCRIPT> input onclick="alert('Walaupun Netscape Navigator akan mengolah semua teks dalam tag sebagai JavaScript, tetapi adalah lebih baik melakukan deklarasi LANGUAGE yang menentukan jenis bahasa script yang digunakan. karena ada beberapa bahasa script lainnya untuk HTML, mendeklarasikan jenis bahasa script adalah suatu praktek yang baik. Marilah kita memulai dengan suatu program sederhana yang akan mencetak Hello World.')" type="BUTTON" value="LIHAT">...

Contoh Java Script Part-2

Ada dua cara menanamkan Java Script ke dalam dokumen HTML anda, yaitu :1. Mengapit JavaScript tersebut dengan  tag <SCRIPT>...</SCRIPT>Contoh :     <SCRIPT LANGUAGE="JavaScript">       <!-- Menyembunyikan script terhadap browser non-JavaScript                            Perintah-perintah JavaScript anda diketik disini.       // -->     </SCRIPT> 2. Menggunakan tag HTML yang menangani event. Contoh :     <A HREF="http://nopi-sopari.blogspot.com" onMouseOver="window.status='Tentang Blog Mimpi Sang Pemimpi'; return true;"...

Contoh Java Script Part-1

Contoh berikut dan simpan ke file Hello.html <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Menyembunyikan script terhadap browser non-JavaScript document.write("Hello world.") // akhir dari penyembunyian --> </SCRIPT> </HEAD> </HTML> Untuk melihat hasilnya, buka file Hello.html dengan internet brows...

Pengertian Java Script [JS]

...

Teks Berjalan [ MARQUEE ]

Kanan <MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"> Jalannya ke kanan teman mimpiku </MARQUEE>   Kiri <MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%"> Jalannya ke kiri teman mimpiku </MARQUEE> Tulisan dan warna tulisan  <div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate"> Tulisan dan warna tulisan </MARQUEE></b></FONT></div> Berhenti ketika mouse mendekat <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> Berhenti ketika mouse mendekat </marquee> Berjalan...

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes