This is featured post 1 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 2 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 3 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 4 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 5 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

Rabu

Contoh CSS Kelas

22.55 Honor Jangar ►►► No comments

Read more »

Posted in: ,,

CSS Class Syntax

22.51 Honor Jangar ►►► No comments


Read more »

Posted in: ,,

CSS Class

22.44 Honor Jangar ►►► No comments

Read more »

Posted in: ,,

CSS Template

22.40 Honor Jangar ►►► No comments 

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: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
Read more »

Posted in: ,,

Apa itu CSS (Cascading Style Sheets)?

22.36 Honor Jangar ►►► No comments

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!

Read more »

Posted in: ,,

JavaScript "Double Klik"

22.29 Honor Jangar ►►► No comments

CODENYA Bray:

Read more »

Posted in:

JavaScript dan HTML

22.23 Honor Jangar ►►► No comments

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.

<script type="text/javascript">
<! -
alert ('Hei, ingat untuk memberitahu teman Anda tentang Quackit.com!');
->
</ Script>

Jika kita menempatkan JavaScript di atas antara tag 'kepala' (atau 'tubuh' tag), itu akan berjalan segera setelah kami beban halaman.

Sekarang ini baik-baik saja - selama Anda ingin menjalankannya segera setelah beban halaman!

Tapi, bagaimana jika Anda tidak ingin menjalankannya segera setelah beban halaman? Bagaimana jika Anda hanya ingin menjalankannya ketika pengguna mengklik sebuah tombol?

Mudah! Ini adalah di mana Anda perlu menggunakan sebuah "event handler".
Apa itu Event Handler?

Dalam JavaScript / HTML, sebuah event handler memungkinkan Anda untuk melampirkan JavaScript Anda ke elemen HTML Anda.

Event handler memungkinkan halaman web Anda untuk mendeteksi ketika suatu "peristiwa" yang diberikan telah terjadi, sehingga dapat menjalankan beberapa kode JavaScript. Sebuah contoh dari sebuah "peristiwa" dapat dikatakan, klik pada elemen HTML.

Dalam kode Anda, sebuah event handler hanyalah sebuah atribut khusus yang Anda tambahkan ke elemen HTML Anda. Misalnya, untuk menjalankan JavaScript beberapa saat pengguna mengklik elemen, Anda menambahkan atribut onClick untuk elemen.

Contoh di bawah ini menunjukkan ini untuk Anda.
Menambahkan JavaScript untuk sebuah Elemen HTML

Berikut adalah contoh dasar JavaScript untuk menambahkan elemen HTML. Dalam hal ini, saat pengguna mengklik tombol kita, kotak peringatan JavaScript ditampilkan. Hal ini dilakukan dengan menambahkan atribut onClick dan menempatkan kode JavaScript kotak peringatan ke dalamnya.

Bila Anda menggunakan JavaScript seperti ini, Anda tidak perlu menggunakan tag script (seperti yang kami lakukan di atas). Cukup tempat JavaScript Anda dalam event handler dan akan bekerja.


KODE 1:

Read more »

Posted in:

Cara mengaktifkan JavaScript

22.10 Honor Jangar ►►► No comments

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 atas
2. Pilih Internet Options
3. Klik pada tab Keamanan
4. Klik Custom Level
5. Gulir ke bawah sampai Anda melihat bagian Scripting
6. Pastikan bahwa Active Scripting pilihan ditetapkan pada Diaktifkan
7. Klik OK

Netscape Navigator (4.8):

1. Pergi ke Edit dari menu atas
2. Pilih Preferensi
3. Pilih Advanced
4. Pilih Script & Plugins
5. Periksa kotak centang Aktifkan JavaScript
6. Klik OK

Mozilla Firefox (1.0):

1. Pergi ke Tools dari menu atas
2. Pilih Pilihan
3. Pilih Fitur Web dari menu kiri
4. Pastikan opsi Aktifkan JavaScript diperiksa
5. Klik OK

Mozilla Firefox (1,5):

1. Pergi ke Tools dari menu atas
2. Pilih Pilihan
3. Klik pada tombol Konten
4. Pastikan bahwa pilihan Enable JavaScript diperiksa
5. Klik OK

Apple Safari (1.0):

1. Pergi ke Safari dari menu atas
2. Pilih Preferensi
3. Pilih Keamanan
4. Pastikan bahwa pilihan Enable JavaScript diperiksa
5. Klik OK

Bagaimana cara menonaktifkan JavaScript?

Anda hanya pergi melalui langkah-langkah di atas, namun memastikan opsi JavaScript tidak diperiksa / dipilih.

Jika Anda sedang mengembangkan halaman web dengan JavaScript, itu praktek yang baik untuk melihat situs web Anda dengan JavaScript dinonaktifkan. Ini akan menunjukkan kepada Anda apa website Anda akan terlihat seperti untuk pengguna yang memilih untuk menonaktifkan JavaScript.
Browser lain?

Sebagian besar (jika tidak semua browser) memberikan anda pilihan untuk mengaktifkan / menonaktifkan JavaScript. Jika browser Anda tidak tercantum di atas, langkah-langkah di atas akan memberi Anda beberapa ide tentang bagaimana untuk menemukannya. Hanya mencari sesuatu yang disebut alat, pilihan, preferensi atau sesuatu yang serupa.
Peringatan

Java dan JavaScript adalah dua hal yang berbeda - pastikan Anda mengaktifkan / menonaktifkan pilihan yang tepat!

Read more »

Posted in:

Apa itu Java Script?

21.45 Honor Jangar ►►► No comments


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 saat membuat HTML. Itu adalah:

* Komputer
* Editor teks. Sebagai contoh, Notepad (untuk Windows), Pico (untuk Linux), atau Simpletext (Mac). Anda bisa menggunakan editor HTML jika Anda suka tapi itu tidak diperlukan.
* Web Browser. Sebagai contoh, Internet Explorer atau Firefox. Anda akan perlu memastikan JavaScript diaktifkan dalam pengaturan browser Anda (ini biasanya diaktifkan secara default).

Read more »

Posted in:

SCROLL Warna Teks Part-3

19.08 Honor Jangar ►►► No comments

KODENYA;
CONTOHNYA
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
KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI
KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI
KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI
KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI
KEMBALIKAN NIAT KITA KE FITRAH YANG HAKIKI,JANGAN LUPAKAN AKHIRAT DAN JANGAN PULA MENGUTAMAKAN DUNIAWI
Read more »

Posted in:

SCROLL Warna Latar Part-2

18.45 Honor Jangar ►►► No comments

KODENYA :

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 SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn
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 SEHAT SELALU DAN DI LINDUNGI ALLOH SWT SELAMANYA,Amn
Read more »

Posted in:

SCROLL Part-1

17.50 Honor Jangar ►►► No comments

KODENYA :



CONTOHNYA :
JANGAN TAKUT MENCOBA,Gan!!!TAK ADA YANG TAK MUNGKIN DALAM HIDUP INI TEMAN-TEMAN,PERCAYALAH


Read more »

Posted in:

Scroll Bermasalah pada kode verifikasi komentar

17.28 Honor Jangar ►►► No comments


Read more »

Posted in:

Pesan dengan suatu Kotak Pesan

17.03 Honor Jangar ►►► No comments

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:

CONTOHNYA MF GAK KELIHATAN,namanya juga menyembunyikan dari browser non-js alert.Hehe ...
Hal ini tentu saja akan menjadi kejutan bagi pengunjung halaman anda :-). Bagaimana jika kita ingin menampilkan suatu kotak pesan ketika user melakukan klik pada suatu link Anda dapat mencoba klik disini. Untuk memahami apa sebenarnya yang terjadi, coba simak script berikut :
KODENYA:
Hal ini tentu saja akan menjadi kejutan bagi pengunjung halaman anda :-). Bagaimana jika kita ingin menampilkan suatu kotak pesan ketika user melakukan klik pada suatu link Anda dapat mencoba klik
Read more »

Posted in:

Menampilkan tanggal "Last Updated" didokumen anda

16.38 Honor Jangar ►►► No comments

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:
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 kesalahan pada browser non-JavaScript tersebut.
Read more »

Posted in:

Membuat link yang dapat menutup jendela browser

16.33 Honor Jangar ►►► No comments

Kodenya Gan!!
Coba diklik aja tutup berdo'a dulu yach biar berhasil ... berhasil,HOREEE ..


Read more »

Posted in:

Membuka suatu halaman berdasarkan pilihan pemakai pada suatu dropdown list

16.19 Honor Jangar ►►► No comments

Halaman Dropdown List
Kodenya:
Contoh dibawah:

Read more »

Posted in:

Membagi Jendela Browser menjadi frame

16.10 Honor Jangar ►►► No comments

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> <head> <script language="JavaScript"> function buka(x) { top.kanan.location=x; // membuka halaman x pada frame kanan return false } </script> </head> <body> <h1>Daftar Isi</h1> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Memasukan JavaScript ke dalam HTML</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Variabel dan Literal</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Ekspresi dan Operator</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Struktur Kendali dan Fungsi</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Dasar dari Objek</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Objek dan Fungsi built-in</a><hr> <a href="" onclick="return buka('topik7.html')">Objek netscape</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Objek form</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Window dan Frame</a><hr> </body> </html>
Pada  menu.html diatas, kita menggunakan event onclick pada masing-masing link yang akan memanggil suatu fungsi buka yang diikuti dengan suatu parameter yang berupa nama dokumen html target. Pada fungsi buka, kita menggunakan properti location untuk frame kanan membuka halaman bersangkutan.
Catatan : kanan dalam hal ini adalah nama frame.

Hasilnya:

Daftar Isi

Memasukan JavaScript ke dalam HTML
Variabel dan Literal
Ekspresi dan Operator
Struktur Kendali dan Fungsi
Dasar dari Objek
Objek dan Fungsi built-in
Objek netscape
Objek form
Window dan Frame

Read more »

Posted in:

Meletakan tulisan pada status bar

15.47 Honor Jangar ►►► No comments

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:


Untuk menampilkan sesuatu pada status bar ketika mouse pointer digerakan melalui link, anda perlu menambah kode berikut :



Read more »

Posted in:

Pengertian Variabel HTML Java Script [JS]

15.33 Honor Jangar ►►► No comments

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

Read more »

Posted in:

Variabel dan Literal

14.56 Honor Jangar ►►► No comments 

<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>
Read more »

Posted in:

Event JS

14.54 Honor Jangar ►►► No comments




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

Hasil:

Read more »

Posted in:

Penjelasan Contoh Tag (SCRIPT) Part-1

14.43 Honor Jangar ►►► No comments

Read more »

Posted in:

Contoh Tag (SCRIPT) Part-1

14.37 Honor Jangar ►►► No comments 

<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'.






Read more »

Posted in:

Tag (SCRIPT)

14.30 Honor Jangar ►►► No comments

 Tag <SCRIPT>

Read more »

Posted in:

Contoh Java Script Part-2

14.25 Honor Jangar ►►► No comments

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;" onMouseOut="window.status=''; ">Klik disini</A>

 Format JS C1 menghilangkan,karena format htmlnya untuk menghilangkan atau menyembunyikan :
 Contoh1 :




 Format JS C2 adalah Js sebuah perintah  :
Contoh2 :

Klik disini
Read more »

Posted in:

Contoh Java Script Part-1

14.02 Honor Jangar ►►► No comments

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 browser.
Read more »

Posted in:

Pengertian Java Script [JS]

13.57 Honor Jangar ►►► No comments

Read more »

Posted in:

Teks Berjalan [ MARQUEE ]

11.30 Honor Jangar ►►► No comments

  • 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 menampilkan link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://nopi-sopari.blogspot.com" target="new">2MARQUEE3</a><br/>

<a href="http://nopi-sopari.blogspot.com" target="new">1MARQUEE1</a><br/>

<a href="http://nopi-sopari.blogspot.com" target="new">8MARQUEE4</a><br/>

</marquee>

 
Read more »

Posted in:

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