20+ Best Cost Per Action (CPA) Affiliate Networks

1. Commission Junction - CJ adalah salah satu jaringan afiliasi tertua dan populer. Anda dapat menemukan ribuan produk afiliasi dan jasa untuk mempromosikan dari pay per lead untuk membayar per penjualan. CJ adalah ValueClick Perusahaan yang adalah pemimpin di pasar iklan online.
2. Amazon Associates - Ini akan mengejutkan jika Anda belum pernah mendengar tentang Amazon. Amazon pasar online terbesar Anda dapat menemukan apa pun yang Anda pikirkan. Amazon menawarkan program afiliasi nama Amazon Associates Anda dapat memperoleh sampai 15% dalam rujukan.
3. AzoogleAds - AzoogleAds adalah nama lain terpercaya yang sedang berjalan jaringan afiliasi dari 10 tahun terakhir dengan 45.000 + ini adalah salah satu jaringan terbesar CPA afiliasi.
4. Google Affiliate Network - Sekarang yang belum pernah mendengar nama Google. Google adalah pemimpin dalam program PPC dan sekarang mereka telah mulai Google Affiliate Network. Anda dapat menemukan ratusan program afiliasi dari pay per sale untuk membayar per lead. Anda tidak perlu khawatir tentang pembayaran afiliasi Anda karena Anda dapat mempercayai Google untuk itu.
5. Clickbooth - Clickbooth adalah salah satu jaringan tercepat afiliasi berkembang. Sebagai afiliasi anda memiliki banyak produk dan jasa untuk mempromosikan. Mereka memiliki banyak pengiklan di berbagai kategori.
6. OneNetworkDirect - Jika Anda baik dalam menjual perangkat lunak maka OneNetworkDirect adalah untuk Anda. Anda dapat menjual perangkat lunak dari pengembang perangkat lunak terkemuka. Anda dapat mempromosikan produk mereka dengan menggunakan kode kupon ada.
7. ClickBank - Menjual produk dari tempat pasar terbesar digital. ClickBank adalah pasar terbesar tempat untuk menjual produk-produk digital dari eBook, perangkat lunak untuk layanan online. Anda bisa mendapatkan sampai 75% komisi penjualan produk.
8. Rextopia - Jika Anda suka pay per lead maka Rextopia adalah untuk Anda. Ada banyak program PPL pada berbagai kategori seperti Freebies, Survey, Kesehatan dll saya menemukan mereka sangat baik pada pembayaran afiliasi membayar tepat waktu.
9. Link Connector - lain jaringan afiliasi tertua dengan ratusan produk afiliasi untuk dijual. Ada beberapa pengiklan besar mempromosikan program PPS dan PPL.
10. MaxBounty - MaxBounty jika salah satu jaringan afiliasi favorit saya. Mereka memiliki banyak program pay per lead untuk sebagian besar negara. Konversi dari program yang sangat baik. Mereka memiliki catatan pembayaran baik tepat waktu.
11. Neverblue - Neverblue memimpin jaringan afiliasi dari waktu yang lama. Mereka memiliki jaringan besar dengan program besar untuk mempromosikan. Mereka dari waktu lama dalam bisnis ini.
12. RegNow - RegNow merupakan bagian dari oneNetwork Sungai Digital. Ini adalah perangkat lunak afiliasi jaringan di mana Anda dapat menemukan lebih dari 25000 software untuk menjual dengan komisi afiliasi sampai 75%.
13. ShareASale - Ini merupakan jaringan afiliasi 10 tahun dan kebanyakan dari kita tahu Shareasale. Mereka memiliki banyak program afiliasi dari PPL dan PPS. Mereka banyak pengiklan populer Shareasale. Ini jaringan besar tapi tidak populer sebagai CJ atau lainnya.
14. Roi Rocket - Roi Rocket adalah membayar difokuskan per jaringan tindakan afiliasi. Mereka memiliki beberapa CPL program besar, mereka juga membantu penerbit untuk meningkatkan penjualan di sana. Memiliki jejaring dengan pembayaran tepat waktu.
15. Axill - Axill jaringan afiliasi tercepat. Mereka memiliki jaringan di 3 negara-negara seperti Amerika Serikat, Inggris dan India. Mereka memiliki program CPA dan CPM dari platform yang sama.
16. Adjump - Adjump sebelumnya dikenal sebagai OurFreeStuff. Jika Anda menyukai program pay per lead yang memiliki sedikit formulir pendaftaran seperti survei dibayar dll maka anda akan menemukan banyak program afiliasi Adjump. Mereka juga membayar komisi afiliasi pada saat melalui cek atau PayPal.
17. Link Share - Share Link afiliasi jaringan lain yang bekerja dari waktu yang lama. Mereka memiliki program afiliasi di hampir setiap kategori. Ada banyak produk yang populer untuk menjual ini memberikan Anda kesempatan lebih banyak untuk mendapatkan.
18. pepperjamNETWORK - Pepperjam bekerja dalam jaringan afiliasi marketing sejak tahun 1999. Mereka adalah afiliasi jaringan populer dengan pengiklan populer. Mereka memiliki dukungan yang baik dan pada catatan kali pembayaran.
19.Panthera Network - Jika Anda suka untuk mempromosikan program CPL mana Anda akan dibayar ketika pengunjung mengirim oleh Anda bergabung dengan program itu gratis maka Anda dapat menemukan banyak program seperti ini di Panthera Network.
20. RevResponse - RevResponse adalah model baru yang besar pemasaran afiliasi. Ada berbagai program yang menawarkan produk gratis untuk men-download dan afiliasi mendapatkan biaya tetap per lead.
21. Inuvo - inuvo merupakan jaringan afiliasi BPA. Mereka memiliki platform afiliasi baru yang sangat mudah digunakan dan Anda dapat dengan mudah mengakses produk dan laporan

Coba perhatikan status bar anda

. Nilai dapat berupa angka satu sampai tujuh, atau dapat perubahan secara relatif (+ atau -) yang didasarkanpada ukuran font dasar yang ditentukan pada tag . * indexOf(searchValue, [fromIndex]). Metode ini mengembalikan posisi index dari string pertama yang ditemukan berdasarkan string searchValue. fromIndex secara optional menentukan posisi awal pencarian. Jika pencarian tidak ditemukan maka JavaScript mengembalikan -1. * italics(). String di apit dengan tag . * lastOf(searchValue, [fromIndex]). Menyerupai indexOf, cuma pencarian dilakukan dari arah belakang. * link(hrefAttribute). String di apit dengan tag . * small(). String di apit dengan tag . * strike(). String di apit dengan tag . * sub(). String di apit dengan tag . * substring(indexA, indexB). Metode ini mengembalikan subset dari suatu string, yaitu dari posisi index A s/d indexB-1. Jika indexA sama dengan indexB akan dikembalikan suatu null string. * sup(). String di apit dengan tag . * toLowerCase(). Metode ini mengubah string ke huruf kecil dan mengembalikannya. * toUpperCase(). Metode ini mengubah string ke huruf besar dan mengembalikannya. Objek Math Objek Math menyediakan suatu himpunan dari nilai-nilai standar matematika dan metode-metode yang argumennya berupa himpunan dari operator matematika yang disediakan dengan JavaScript. Tidak seperti Objek lainnya, Objek Math tidak membutuhkan suatu instance dari Objek sebelum menggunakan metode objek math tersebut. Untuk memudahkan pemasukkan nama dan pembacaan, metode Math sering diikat dengan perintah with. Syntax untuk Objek Math adalah sebagai berikut: 1. Math.propertyName 2. Math.metodeName(parameters) Properti Objek Math Objek Math memiliki delapan buah properti. Properti-properti ini ini mendefinisikan berbagai konstanta matematika. Tabel 5. menunjukkan properti-properti tersebut dan nilai perkiraannya. Table 5. Properti-properti objek Math dan nilainya. Property Description Approx. value E Euler's constant 2.718 LN2 Natural logarithm of 2 0.693 LN10 Natural logarithm of 10 2.302 LOG2E Base 2 logarithm of e 1.442 LOG10E Base 10 logarithm of e 0.434 PI Ratio of circumference to diameter 3.14159 SQRT1_2 Square root of one-half 0.707 SQRT2 Square root of two 1.414 Metode Objek Math Objek Math memiliki sejumlah metode yang argumennya adalah himpunan dari operator matematika: * abs(number). Metode ini mengembalikan nilai absolut dari number. * acos(number). Mengembalikan nilai arc cosinus dari number yang bernilai antara -1 and 1. * asin(number). Mengembalikan nilai arc sinus * atan(number). Mengembalikan nilai arc tangen dalam radian. * ceil(number). Mengembalikan nilai integer berikutnya yang lebih besar atau sama dengannnumber. * cos(number). Mengembalikan nilai cosinus dari number (dalam sudut radian). * exp(number). Mengembalikan pangkat e dari number, dimana e adalah konstanta Euler's. * floor(number). Mengembalikan integer yang lebih kecil atau sama dengan the number. * log(number). Mengembalikan logaritma natural (base e) dari number, dimana number adalah sembarang bilangan positif hasil ekspresi atau Objek. Jika number berada diluar jangkauan maka nilai pengembalian defaultnya adalah 1.797693134862316e+308. * max(number1, number2). Mengembalikan terbesar dari kedua number. * min(number1, number2). Mengembalikan terkecik dari kedua number. * pow(base, exponent). Metode ini melakukan pangkat base terhadap exponent. Jika salah satunya bilangan imaginier, maka akan dikembalikan nol. * random(). Hanya terdapat pada paltforms UNIX, yang mana mengembalikan suatu pseudorandom number antara nol dan satu. Pada Netscape Navigator 3.0, metode random() metode dapat digunakan pada semua platforms. * round(number). Mengembalikan nilai dari number yang dibulatkan kebilangan integer terdekat. * sin(number). Mengembalikan nilai sinus dari sudut dalam radian. * sqrt(number). Mengembalikan nilai akar dari bilangan non negatif, Jika diluar jangkauan akan dikembalikan nol. * tan(number). Mengembalikan nilai tangen dari sudut dalam radian. Contoh : Objek Date Walaupun JavaScript tidak menyediakan suatu type data Date, tetapi menyediakan suatu objek Date yang mana menangani informasi date dan time. Semua tanggal adalah jumlah milidetik sejak January 1, 1970, 00:00:00. Akibatnya semua tanggal sebelum 1970 adalah tidak sah. Objek Date membutuhkan suatu instance dari objek Date yang berkaitan dengan pemakaian metode-metodenya. Instance dapat berupa suatu objek baru atau properti dari objek yang ada. Ada empat cara untuk membentuk instance baru: dateObjekName = new Date() dateObjekName=new Date("month day, year hours:minutes:seconds") dateObjekName=new Date(year, month, day) dateObjekName=new Date(year, month, date, hours, minutes, seconds) Membentuk suatu himpunan dari tanggal dan waktu ke tanggal dan waktu sekarang. Mengosongkan time berarti memberinya nilai nol. Karena objek Date tidak mengandung properti apa-apa, hanya ada satu format untuk metode Date: dateObjekName.metodeName(parameters) Pengecualiaanya adalah UTC dan metode parse, yang mana adalah metode status dan pemakaiannya Date.UTC(parameters) Date.parse(parameters) Table 6 menjelaskan nilai yang akan dikembalikan oleh berbagai perintah get. Table 6. Memisahkan informasi dalam objek Date. metode Date Nilai yang dikembalikan getDate() Day of the month getDay() Day of the week getHours Hour of the day getMinutes Minutes in the hour getMonth The month getSeconds Seconds in the minute getTime Milliseconds since 1/1/1970 getTimezoneOffset Offset between local time and GMT getYear The year Selain dapat menerima berbagai informasi dari Objek Date, metode pada Tabel 7 menunjukkan bagaimana mengubah informasi date. Table 19.7. Setting informasi dalam objek Date. metode Date Nilai yang sah setDate(dayValue) 1-31 setHours(hoursValue) 0-23 setMinutes(minutesValue) 0-59 setMonth(monthValue) 0-11 setSeconds(secondsValue) 0-59 setTime(timeValue) >=0 setYear(yearValue) >=1970 Dua metode tambahan yang dapat digunakan untuk melakukan konvesi data tanggal ke suatu nilai string, adalah sebagai berikut: * toGMTString(). Metode ini meng-konversi date dalam GMT (Greenwich Mean Time) dan mengembalikannya sebagai suatu string. Format sebenarnya tergantung pada platform hardware. * toLocaleString(). Mthod ini meng-konversi string ke format locale, yang mana bervariasi berdasarkan setting. Objek Date juga memiliki dua metode statik untuk menangani string; hal tersebut memiliki format Date.metode(). Metode-metode ini adalah sebagai berikut: * parse(dateString). Metode ini melakukan konversisuatu string tanggal ke jumlah detik sejak January 1, 1970, 00:00:00. Setting waktu adalah default. Tetapi juga mendukung akhiran yang menentukan GMT oatau U.S. standard time zones. * UTC(year, month, day [, hrs] [, min] [, sec]). Metode ini mengembalikan jumlah milidetik sejak January 1, 1970, 00:00:00 Universal Time Coordinate (dengan kata lain adalah, GMT). Contoh : Hasil : Desember 22, 2011 Januari 17, 2004 Fungsi Built-In JavaScript mendukung beberapa function built-in yang mana tidak berkaitan dengan Objek tertentu. Berikut ini adalah function-function built-in adalah sebagai berikut: * eval(string). Function eval meng-evaluasikan string, yang mana dapat berupa ekspresi JavaScript, perintah, atau urutan dari perintah-perintah, dan mengembalikan hasil. Beberapa contoh dari function eval adalah var x = var y = var z = "if (x <= 9) (x*y) else (x/y);" document.write(eval("x + y / 4"), "
") document.write(eval(z), "
") * parseFloat(string). Fungsi ini mengurai string dan mengembalikan suatu nilai floating point. Jika karakter pertama bukan suatu bilangan atau tanda, nilai nol akan dikembalikan pada platform Windows, dan NaN (not a number) pada platforms lain. * parseInt(string [, radix]). Fungsi parseInt mengurai string dan mengembalikan suatu integer berdasarkan basis yang ditentukan. Nilai dari akar tersebut adalah 8 untuk octal, 10 untuk desimal, dan 16 untuk hexadesimal. * isNaN(testValue). Fungsi ini hanya ada pada platforms UNIX untuk dan mengevaluasi testValue untuk menentukan apalah adalah NaN. Akan dikembalikan true atau false * escape("string"). Mengembalikan encoding ASCII dari suatu argumen dalam ISO Latin-1 character set. string tersebut adalah suatu non-alpahnumeric string atau property dari suatu Objek yang ada. Jika berupa suatu alphanumeric, akan dilewatkan nilai ke output string tanpa melakukan encoding terhadapnya. * unescape("string"). Mengembalikan karakter ASCII untuk %xx, atau hexadesimal yang ditentukan dalam parameter string. Objek Netscape Sebagai tambahan kepada objek-objek JavaScript dan metode, Pengembang halaman Web dapat mengakses objek-objek dan metode dalam Netscape browser. Bagian ini akan membahas Objek Netscape Navigator dan metode-metodenya. Hirarki Objek Navigator Netscape Navigator membangun suatu hirarki instance-instance yang berkaitan dengan dokumen yang sedang di proses. Hirarki ini penting untuk membuat acuan kepada Objek dan propertinya. Turunan dari suatu Objek adalah properti dari objek orang tuanya. Karena semua objek adalah merupakan turunan dari objek window , sehingga objek window sendirinya tidak memiliki acuan ke objek maupun properti apapun. Tetapi bagaimanapun, acuan ke suatu dokumen pada window lain membutuhkan tambahan nama window kepada Objek acuan-nya. Hal yang penting dari HTML Layout Untuk dapat menggunakan JavaScript secara benar membutuhkan pengertian bagaimana Netscape Navigator memproses suatu dokumen HTML. Ketika suatu dokumen HTML di muat, browser akan mulai melakukan proses terhadap baris pertama dari dokumen. Browser membuat layout dari layar berdasarkan perintah HTML yang terdapat dalam dokumen tersebut. Setelah layar selesai digambar, layar tidak dapat digambar ulang tanpa melakukan proses terhadap dokumen baru. Bagaimana hal ini mempengaruhi frame dan window adalah topik pada bagian berikutnya. Sesuai dengan hal ini, maka instance dari suatu objek ada setelah proses dilakukan terhadap baris HTML yang menghasilkan instance tersebut. Dengan kata lain JavaScript tidak dapat mengacu pada suatu objek HTML seperti form, atau menjalankan suatu fungsi sampai browser memproses perintah tersebut. Sebagai contoh, JavaScript tidak dapat mengacu pada suatu objek form sampai browser memproses HTML untuk form tersebut. Demikian juga dengan proses perubahan properti, setelah browser menggunakan properti dalam menghasilkan layout window, maka perubahan properti setelah itu tidak memiliki efek terhadap tampilannya. Walaupun nampaknya keterbatasan tersebut berat, namun dengan pengertian yang baik terhadap HTML proses dan JavaScript akan mengurangi frustasi. Prinsip utama yang perlu diingat bahwa suatu dokumen HTML diproses secara berurut dan JavaScript adalah bagian dari proses secara berurut tersebut. Objek Window Objek window adalah orang tua dari semua Objek. Hal tersebut termasuk semua window dan frame yang berada dalam suatu. Ketika browser mulai memuat suatu dokumen HTML, hal tersebut dimulai dengan suatu instance dari objek window. Jika dokumen HTML membuat suatu frame, informasi dari frame tersebut tersimpan dalam suatu objek frame array. Dengan kata lain, membuka suatu window akan menghasilkan suatu anak dari objek window. Kehebatan dari JavaScript adalah terletak pada kemampuan untuk melakukan utilisasi properti dan metode dari objek window. Bagian ini akan membahas properti dari objek window berikut : * objek Location * objek History * objek Document Diantara ketiga objek tersebut, document adalah objek yang paling penting dalam hirarki tersebut. Objek document itu sendirinya mengacu kepada objek lain. Hal lain yang penting dari hal ini adalah sebagai berikut: * objek form * objek anchor * objek link Objek location Objek location mengandung informasi tentang URL sekarang. Acuannya ke objek tersebut adalah sebagai berikut: [windowReference.]location[.propertyName] Properti dari Objek location mengacu pada bagian individual dari URL: protocol//hostname:port pathname search hash CATATAN Objek location dan properti location dari objek dokumen (document.location) memiliki tujuan yang berbeda. Objek location dapat berubah, tetapi properti location tidak dapat berubah. Properti dari objek location adalah sebagai berikut: * protocol. protocol menentukan metode access dari URL. * hostname. hostname mengandung nama host dan domain, atau alamat IP, dari host tujuan. * port. port adalah TCP/IP port, jika kosong akan digunakan port default dari protocol tersebut. * pathname. pathname meliputi path resource pada host tujuan. * search. property search adalah string yang dimulai dengan tanda ? yang digunakan untuk script CGI. * hash. property hash adalah suatu string yang dimulai dengan tanda hash(#) dan diikuti dengan suatu anchor name. * href. property ini merupakan keseluruhan dari URL. Jika acuan dibuat ke[windowName.]location, property href menjadi asumsi. * host. Property ini ekivalen dengan hostname:port. CATATAN Walaupun JavaScript memungkinkan modifikasi pada properti individual, praktek pemrograman yang umum adalah mengubah properti href. Pendekatan ini mencegah hasil error dari browser sebelum akses URL belum berubah secara keseluruhan. Contoh : Langsung ke homepage Indoprog Contoh diatas akan langsung membuka homepage http://www.indoprog.com begitu pointer lewat diatas link Langsung ke homepage Indoprog Objek History Akses ke objek History adalah topik yang kontroversial karena memungkinkan script mengirim history kembali ke server. Untuk mencegah pemakaian yang menyimpang, Netscape Navigator 2.01 keatas telah menghilangkan Objek ini. Contoh 1 : Back Hasil : Back Contoh 2 : Objek document Objek document menyimpan properti, objek, dan metode yang mewakili dokumen. Hal tersebut mengacu pada bagian dokumen HTML yang didefinsikan oleh tag . Bagian ini mendiskusikan komponen dari objek dokumen, kecuali objek form (yang akan dibahas pada bagian berikutnya). Properti objek document Option HTML ke tag mendefinisikan properti objek document. JavaScript mengacu pada semua properti ini, kecuali untuk image background. CATATAN String yang diperlukan untuk mengubah properti color adalah dalam format document.colorProperty = "#RRGGBB" atau document.colorproperty="colorName". Property color lainnya didefinisikan dalam tag yang mendahului tag . Properti color untuk Objek document adalah sebagai berikut: * bgColor. Property ini menentukan warna latarbelakang dari dokumen. Property bgColor secara langsung mengupdate tampilan. * fgColor. Property ini menentukan warna text dari dokumen. Setelah browser menyelesaikan layout dari dokumen HTML., browser mengabaikan perubahan pada propery ini. Kecuali tag atau metode fontcolor metode menyediakan suatu mekanisme alternatif untuk mengubah warna text. * linkColor. linkColor mewakili warna dari suatu link yang didefinsikan oleh HREF. * alinkColor. property control warna dari suatu active link. Dengan kata lain, hal tersebut adalah warna dari link ketika terpilih. * vlinkColor. Situs yang pernah dikunjungi, browser menampilkan warna untuk link tersebut. Contoh 1: Hasil : Objek document juga mengandung properti berikut yang tidak berkaitan dengan warna: * lastModified. Property read-only yang berkaitan dengan tanggal terakhir dokumen dimodifikasi. * location. Property read-only yang biasanya sama dengan nilai dari lokasi Objek, kecuali redirection digunakan untuk URL * referrer. Property read-only mengandung URL untuk dokument yang mana di link ke dokumen tersebut. * title. Property read-only mengandung nilai yang ditentukan pada tag. Contoh 1: Hasil: Update terakhir :12/22/2011 07:44:42 Update terakhir :01/17/2004 01:20:39 Update terakhir :07/14/2000 09:07:48 Contoh 2: Hasil : Anda datang dari halaman : The anchors Objek Objek anchors mengandung suatu array dari semua anchors yang dideklarasikan dengan atribut NAME dari tag . Array tersebut dimulai dari 0 dan berlanjut sampai document.anchors.length - 1. Nilai dari document.annchors[index] adalah null. TIP Sebelum menggunakannya untuk memberikan nilai seperti location.hash, adalah mungkin untuk memeriksa keabsahan dari anchor dengan membandingkannya dengan panjang array; anda menggunakan bilangan berurut untuk menentukan anchors Objek link Array link mengandung Objek link yang didefinisikan oleh tag atau dengan metode link. Array tersebut meliputi objek untuk atribut HREF dan NAME. Dengan tambahan ke atribut TARGET, properti dari masing-masing Objek link adalah identik dengan Objek location. CATATAN link array adalah suatu array read-only. Entries tambahan ditambahkan dengan tag . Metode link melakukan modifikasi terhadap isi dalam array link Objek link memiliki dua event handler: onClick dan onMouseOver. Bagian ini disebut sebagai "The Form Objek," pada bagian selanjutnya di bab ini, menggambarkan bagaimana mengunakan event handler. Properti cookie Property cookie mengandung suatu nilai string dari isi cookier dari file cookies.txt untuk dokumen tersebut. Untuk suatu keterangan lengkap tentang bagaimana menggunakan cookies, lihat bagian Netscape cookie specification. Metode substring, charAt, indexOf, dan lastIndexOf dapat digunakan untuk memisahkan string cookie. The document Objek Metodes Objek document mengandung lima metode: * document.write() * document.writeln() * document.open() * document.close() * document.clear() Sebagaimana yang ditunjukkan pada contoh sebelumnya, metode document.write, tanpa mengacu pada suatu window, menulis text ke window yang sekarang. Metode document.writeln() adalah sama dengan document.write, selain itu juga menyisip suatu karakter newline pada akhir dari argumen. Format dari metode ini adalah sebagai berikut: document.write(ekspresi [, ekspresi2] ... [ekspresiN]) document.writeln(ekspresi [, ekspresi2] ... [ekspresiN]) Tipe default MIME adalah text/html. Bagaimanapun, metode document.open(["mimetype"]) memungkinkan untuk membuka type MIME lainnya, seperti text/plain, image/gif, image/jpeg, image/x-bitmap, dan plugIn. Metode document.open() membuka suatu stream untuk mengumpulkan output dari metode write dan write.ln. Jika tipe MIME adalah text atau image, browser membuka suatu stream untuk layout, untuk plugIn, browser membukanya pada suatu plug-in. Jika suatu dokumen telah siap dalam target windows, mthod open menghapusnya. Contoh : Hasil : Thu Dec 22 2011 07:44:47 GMT+0700 (SE Asia Standard Time). Sat Jan 17 01:25:37 2004. CATATAN Sekarang, tidak dimungkinkan lagi untuk mencetak tulisan apapun dengan JavaScript melalui metode write ataupun writeln Stream tersebut tetap terbuka sampai browser menemukan metode document.close(). document.close() memaksakan isi dari stream ditampilkan. Metode document.clear() membersihkan isi dari window. Contoh : Hasil : Lihat pada Title Halaman ini Objek Form HTML tag adalah fasilitas input data oleh pemakai, dan output data variabel kepada pemakai. Input oleh pemakai memiliki efek pemilihan pada sisi klien yang dapat dikirm ke server. Pada sisi lain, data variabel seperti marquees dapat ditampilkan pada form. Pada sisi input, event handle adalah fasilitas untuk membangkitkan rutin JavaScript untuk melakukan aktifitas pada proses edit data seperti validasi. Pada sisi output, JavaScript memegang peranan penting dalam mengatur bagaimana data ditampilkan. penanganan events Event adalah hasil dari aksi pemakai, seperti klik pada suatu tombol mouse, checking pada suatu kotak, dan pengiriman form. Penanganan Event didefinsikan dalam tag HTML sepanjang JavaScript berkaitan dengan event tersebut. Berikut ini adalah contoh yang merupakan kode dari suatu penanganan event. Pada contoh sebelumnya, kata kunci this mengacu pada objek tersebut, yang mana adalah objek button. Dengan menyebutkan this.form, adalah acuan ke objek form yang mengandung button tersebut. Ketika contoh sebelumnnya menjalankan suatu fungsi, perintah JavaScript juga sah. Kalau lebih dari satu perintah, tiap perintah harus dipisahkan dengan suatu titik koma. TIP Praktek pemrograman yang baik adalah menggunakan fungsi karena mereka membuat kode lebih mudah dibaca dan dapat digunakan kembali. NOTE Sampai suatu dokumen HTML selesai di muat ke window yang mengandung tag , suatu window tidak mengandung penanganan event. Berikut ini adalah daftar dari penanganan event yang didukung oleh JavaSCript: * onBlur.JavaScript menjalankan penanganan event ini ketika pemakai meninggalkan field yang menyebabkan kehilangan fokus. * onChange. dijalankan ketika user meninggalkan field dan terjadi perubahan nilai object tersebut. * onClick. event onClick terjadi ketika pemakai klik pada window atau link.. * onFocus. event ini terjadi ketika suatu form mendapatkan fokus. * onLoad. event ini terjadi ketika browser selesai memuat suatu dokumen atau semua frame didalam tag . * onMouseOver. event ini terjadi ketika mouse bergerak melewati object dari luar object tersebut. Rutin JavaScript harus mengembalikan true untuk status dan properti defaultStatus yang ditentukan.. * onSelect. event ini terjadi ketika pemakai melakukan select text pada text area.. * onSubmit. terjadi ketika user submit suatu form. Jika JavaScript mengembalikan false, form tersebut tidak akan di submit, nilai lainnya atau tidak ada nilai balik, membuat form di submit. * onUnload. event ini terjadi ketika dokument di exit. Penanganan Event adalah bagian dari berbagai object. Beberapa object mendukung lebih dari satu penanganan event, dan beberapa penanganan event terjadi pada banyak objek. Tabel.8 menunjukkan hubungan antara penanganan event dan objek-objek. Table 8. Hubungan antara penanganan event dan objek. Objek Penanganan Event button onClick checkbox onClick form onSubmit link onClick, onMouseOver radio onClick reset onClick select onBlur, onChange, onFocus submit onClick text onBlur, onChange, onFocus, onSelect textarea onBlur, onChange, onFocus, onSelect window onLoad, onUnload Contoh:

 Nama Anda :  Umur :  Tgl. Lahir:

Hasil: Nama Anda : Umur : Tgl. Lahir: FORM>. Untuk JavaScript, hal tersebut adalah suatu read-only array yang membentuk properti berikut : * action. property ini mengandung nilai dari atribut ACTION. * element. ini adalah suatu array dari elemen object yang didefinsikan untuk form. * encoding. property ini mengandung nilai dair atribut ENCTYPE. * length. property ini mengandung jumlah dari isian didalam element array. * metode. property ini mengandung nilai dari atribut METODE. * target. property ini mengandung nilai dari atribut TARGET . Berikut ini adalah arti yang sah dari pengalamatan bentuk object :: formName.propertyName formName.metodeName(parameters) forms[index].propertyName forms[index].metodeName(parameters) Metode Objek Form Object form hanya memiliki satu metode-submit. Metode submit melakukan aksi yang sama seperti tombol submit pada HTML form dan memiliki tata cara penulisan sebagai berikut: document.formName.submit() Objek element Objek elemen berpengaruh pada isi elemen dalam tag . Tabel 9 menperlihatkan elemen objek dan properti-nya. Tabeel 9. Properti dari objek element. Element object Properti button name, value checkbox name, value, checked, defaultChecked hidden name, value password name, value, defaultValue radio name, value, checked, defaultChecked, length reset name, value select name, length, options array, selectedIndex submit name, value text name, value, defaultValue textarea name, value, defaultValue Properti adalah mengunakan pengalamatan seperti document.elementName.property, atau document.formName. elements[index].propertyName, dimana elementName adalah nilai dari nama property untuk objek elemen. Metode element Metode element melakukan emulasi dari sepupu mereka, yaitu penanganan event: * blur(). Metode ini memindahkan fokus dari object yang ditentukan, tetap tidak membuat fokus pada objek lain. * click(). Metode ini melakukan suatu simulasi klik mouse pada suatu objek yang ditentukan. Ketika mengacu pada element radio, bentuknya adalah document.radioName[index].click(). * focus(). Metode ini memberikan fokus pada objek tertentu. * select(). Metode ini men-select seluruh text area. Kecuali objek radio, metode dialamatkan sebagai document.elementName.metodename(). Tabel 10 mendaftarkan element objek-objek dan metode yang bersesuaian Table 10. Metode-metode dari elemen objek-objek. Elemen objek Metode button click checkbox click hidden (tidak ada metode) password blur, focus, select radio click reset click select blur, focus submit click text blur, focus, select textarea blur, focus, select Contoh : Hasil : F: C: Window dan Frame Window dan frame membuat bingung banyak pengembang halaman Web dari pada aspek-aspek browser lainnya. Ketika Netscape Navigator berjalan, suatu window akan dibuka, dan tergantung bagaimana pengaturan optionnya, serta memuat suatu dokumen ke dalam window tersebut. Jika anda memilih menu option File | New Web Browser, suatu window baru akan di buka. Dalam hal ini menutup jendela yang sebelumnya tidak akan menutup jendela yang baru tersebut. Pada sisi yang lain, frame dibuat berdasarkan tag dalam dokumen HTML. Layar akan dibagi menjadi sejumlah frame. Ketika dokumen frame ditutup, frame menghilang karena keberadaannya tergantung pada dokumen tersebut. Properti Objek Window Suatu fasilitas umum dari JavaScript adalah kemampuannya untuk membuat dan memanipulasi window. Kemampuan ini tidak hanya terbatas pada menampilkan pesan, tetapi sangat tergantung pada parameter yang diberikan. berikut ini adalah properti dari objek window yang akan mempengaruhi fleksibilitas dari jendela browser: * defaultStatus. defaultStatus adalah pesan yang dimunculkan pada status bar ketika tidak ada tulisan yang ditampilkan disana. Jika diset dari onMouseOver event handler, event handler harus mengembalikan true untuk perubahan status. * frames. Property ini adalah suatu array yang mengandung object frame. Frame mewarisi semua properti dan metode dari objek window. * length. nilai dari properti ini adalah jumlah frame dalam frame array. * parent. Dari suatu acuan frame, ini adalah window yang mana frameset berada. Suatu frame diantara frameset tersebut dapat mengacu pada frame lain dalam frameset dengan menggunakan parent.frames[index] tanpa memiliki acuan ke nama window. * self. Ini adalah sama dengan window atau frame yang sekarang. * status. Ini adalah pesan transient yang mana diset dengan onMouseOver event handler. * top. Property ini digunakan sebagai acuan window yang laing atas. Dapat digunakan oleh child windows atau embedded filesets untuk mengacu pada window original. * window. Property ini adalah sama dengan window sekarang. Contoh: Klik disini Hasil: Klik disini Bentuk untuk mengacu properti window adalah window.propertyName self.propertyName top.propertyName parent.propertyName windowVar.propertyName propertyName Metode Objek Window Berikut ini adalah metode dari objek window atau frame: * alert("message"). Metode ini membuat suatu kotak dialog peringatan dengan suatu tombol OK tunggal. Digunakan untuk menampilkan pesan yang tidak membutuhkan keputusan pemakai. * close(). Metode ini menutup window acuan. Harus mengandung window acuan seperti window.close dan close() tanpa acuan adalah sama dengan document.close. * confirm("message"). Metode confirm menampilkan suatu dialog box konfirmasi dengan tombol OK dan Cancel. OK mengembalikan nilai true, dan Cancel mengembalikan nilai false. * [windowVar = ][window.]open("URL", "windowName" ["windowFeatures"]. Metode ini membuka suatu Jendela browser yang baru. Nama object windowVar adalah nama dari jendela baru dan digunakan sebagai acuan untuk properti dan metodes-nya.URL menentukan URL yang akan dibuka ke jendela baru. Jika optionnya null, suatu window kosong akan dibuka. Variabel windowName adalah nama yang digunakan pada atribut TARGET dari

dan tag. Variabel windowFeatures adalah suatu comma-separated list dari option berikut: toolbar=yes|no location=yes|no directories=yes|no status=yes|no menubar=yes|no scrollbars=yes|no resizable=yes|no width=pixels height=pixels * Jika tidak ada yang ditentukan, maka semuanya bernilai true. Jika salah satu ditentukan, maka semua yang lain menjadi false. Jika salah satu di tentukan tanpa nilai, maka nilainya adalah true. NOTE Setelah terbuat, window adalah tidak terikat pada parent window, jika parent window di tutup, window yang dibuat tersebut tetap buka.Event onUnLoad menangani penutupan window yang dibuat * prompt("message" [, inputDefault]). metode prompt menampilkan suatu prompt dialog box dengan suatu message, suatu input field, dan tombol OK, dan sebuah tombol Cancel. inputDefault adalah suatu string, integer, atau property dari suatu object yang mana mewakili nilai default untuk inout field. Jika inputDefault tidka ditentukan, input fied menampilkan nilai . * timeoutID=setTimeout(expression, msec). Dengan metode ini, evaluasi dari ekspresi adalah jumlah delay dalam milidetik. timeoutID adalah hanya digunakan oleh metode clearTimeout. * clearTimeout(timeoutID). Metode ini membatalkan time-out yang ditentukan oleh metode setTimeout. Metode sebelumnya menggunakan acuan berikut: window.metodeName(parameters) self.metodeName(parameters) top.metodeName(parameters) parent.metodeName(parameters) windowVar.metodeName(parameters) metodeName(parameters) PERHATIAN Metode open() dan close() perlu mengunakan acuan window.open() dan window.close() untuk menghindari scope dengan document.open() dan document.close() Membagi Window kedalam Frame Frames membagi suatu window secara multiple, memiliki scrollbar masing-masing. Frame dibuat dengan tag dalam dokumen HTML. Masing-masing dokumen membuat suatu frame array untuk dokumen. Jika suatu dokumen dibuka pada salah satu frame memiliki suatu tag, frame akan terbagi lagi menjadi frame oleh dokumen tersebut. Hirarki dari frameset adalah penting sebagai acuan properti dan metode dari frame. CATATAN Frames memiliki semua properti dari suatu window. Seluruh hirarki untuk struktur frame adalah sama dengan struktur window. Struktur dibawah setiap window atau frame dapat menjadi acuan. Selanjutnya, properti pada suatu window atau frame dapat mengubah properti object pada jendela atau frame lain. CATATAN Dokumen HTML yang menggunakan mengandung hanya perintah frame. Setelah frame terbuka, dokumen tersebut menjadi tidak visible. Dokumen HTML adalah suatu frame dapat mengendalikan frame lain. Selanjutnya kemungkinan untuk pengaturan layar memberikan kebebasan bagi pengembang untuk suatu dokumen web yang interaktif Contoh : Tutorial JavaScript file daftar.html

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

Klik untuk melihat hasil dari contoh diatas Tips & Trik Bagian Tips & Trik ini adalah beberapa hal yang dapat anda lakukan untuk meningkatkan halaman Web anda tanpa tahu banyak mengenai JavaScript. * Meletakan tulisan pada status bar * Menampilkan tanggal "Last Updated" pada dokumen * Menampilkan pesan dengan suatu kotak pesan * Membuat suatu link yang dapat menutup jendela browser * Membuka suatu halaman berdasarkan pilihan pemakai pada suatu dropdown list * Membagi Jendela Browser menjadi frame, dan klik link pada pilihan diframe kiri akan mengupdate isi frame kanan. Meletakan tulisan pada status bar Contoh pertama 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 : klik disini Untuk menampilkan sesuatu pada status bar ketika mouse pointer digerakan melalui link, anda perlu menambah kode berikut : Klik disini Kode diatas akan menghasilkan suatu link Klik disini. Coba gerakan mouse pointer melaluinya, mudah bukan ? onMouseOver adalah suatu penanganan event. Perlu diperhatikan bahwa JavaScript akan membedakan huruf besar dan huruf kecil, tetapi Microsoft Internet Explorer adalah lebih pemaaf dibandingkan dengan Netscape Navigator, jadi untuk hasil yang lebih akurat, sebaiknya anda menggunakan Navigator dalam memeriksa kebenaran script pada halaman anda. Anda mungkin merasa aneh mengapa kami diperlukan suatu return true; pada penanganan event onMouseOver. Normalnya browser menampilkan URL dari link pada status bar, dan potongan kode ini memberitahukan kepada browse untuk tidak menimpa pesan kita dengan URL tersebut. Menampilkan tanggal "Last Updated" pada dokumen 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. Catatan : biasakan mengetik script anda diantara tag komentar HTML . Menampilkan pesan dengan suatu kotak pesan Kadang-kadang kita 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 (atau diantara tag ). 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 : JavaScript: bagian ini akan memberitahukan kepada browser bahwa dia harus menjalankan perintah JavaScript yang tersebut ketika link di klik. Anda juga dapat membuat suatu pesan ditampilkan tombol ditekan. Coba yang berikut ini: Catatan Anda mungkin memperhatikan bahwa, cara penulisan script pada setiap contoh diatas berbeda. Yang pertama adalah script ditulis diantara tag HTML

, yang kedua adalah diantara suatu tang . Perbedaan ini adalah bahwa, script pertama akan dijalankan pada event tertentu (MouseOver dalam hal ini), sedangkan untuk yang kedua, script langsung dijalankan ketika ditemukan pada dokumen HTML. Membuat suatu link yang dapat menutup jendela browser Untuk menutup jendela browser yang sedang aktif anda dapat menggunakan metode close pada objek window. Contoh : tutup Coba klik tutup untuk menutup jendela ini. Membuka suatu halaman berdasarkan pilihan pemakai pada suatu dropdown list Anda dapat membuat suatu fungsi yang mengambil nilai item yang dipilih pemakai, dan membuka halaman yang diinginkan Adapun kode untuk Contoh diatas: 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 Tutorial JavaScript 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

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

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. Klik untuk melihat hasil dari contoh diatas Bagaimana, menarik bukan ? 1

20+ Best Cost Per Action (CPA) Affiliate Networks

{ 0 komentar... read them below or add one }

Posting Komentar

About

Coba perhatikan status bar anda

Daftar Isi

Daftar Isi

Search

Recent Post