Selasa, 24 September 2013

membuat JAVASCRIPT dan contohnya


Membuat Javascript Punya Pribadi



Ngomong-ngomong mengenai  script  milik pribadi tentu membuat script itu lebih khusus, hanya milik Anda. Dan berbicara soal keuntungan Anda, dengan memiliki script yang khusus hanya untuk Anda maka membuat blog Anda lebih optimal. Misalkan Anda menemui toturial seperti ini dari suatu blog:

menggunakan fasilitas bawaan blogger memang simpel dan mudah tetapi update nya lama. Ketika telah ada beberapa komentar baru masuk memerlukan waktu cukup lama untk menampilkannya di widget komentar terbaru tersebut. Nah, sedangkan alternatifnya adalah membuat kotak komentar menggunakan gadget HTML yang Anda isi dengan script berikut ini, update terbukti lebih cepat!

 
 <script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js"

</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Perhatikan pada bagian yang berwarna merah. Tentu Anda akan sangat sering menemukan tutorial yang memerintahkan Anda untuk memasukkan suatu script ke dalam template Anda seperti penggalan di atas. Sekarang kita perhatikan baris berikut dari penggalan artikel di atas:

"http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js"

diawali dengan kode src yang berarti memanggil. Kode di atas berarti Anda akan memanggil objek yang berada di belakang tanda src=, dalam hal ini javascript. Perhatikan bagian yang berwarna biru diakhiri dengan ekstension .js (javascript). Nah bayangkan dari artikel saya ini saja ada 100 orang yang membaca lalu 50 diantaranya mengikuti tutor tersebut dan memasangnya di blog mereka dalam hal ini pemasangan recent comment widget. Maka pada saat blog mereka dibuka bersama-sama, maka script inipun dipanggil bersama-sama. Belum lagi jika yang akses blog mereka pada waktu bersamaan ada 10 orang. Tnetu akan membuat loading widget semakin berat. Oleh karena itu disinilah manfaatnya Anda selalu hosting javascript hanya untuk Anda.

Pertama :
Copy Lokasi

Jika Anda menemukan tutorial serupa dan menemukan sebuah perintah untuk memasukkan script jangan langsung dengan mudahnya mengaplikasikannya. Tapi host ulang script tersebut khusus untuk Anda. Pertama yang dilakukan adalah copy lokasi script dari tutorial tersebut. Anda harus bisa menemukan lokasinya. Seperti ktia contohkan di atas, selalu di awali dengan http:// dan diakhiri .js untuk javascript.

Kedua :
Buka Alamat Tersebut

Bukalah tab baru pada browser Anda. Masukkan alamat yang telah Anda copy ke Adress Bar dan tekan Enter. Maka akan muncul kode javascript.

Ketiga :
Simpan Ke Komputer Anda

Pada keadaan menampilkan kode javascript, klik File pada menubar browser Anda. Lalu klik Save As dan tentukan lokasi penyimpanan di komputer Anda.

 Keempat :
Lakukan Host Ulang

Untuk host script Anda bisa menggunakan berbagai layanan gratis. Diantaranya Host Javascript di Google Code dan Host File di Google Site.

Kelima :
Masukkan Alamat Script Pribadi Anda

Setelah Anda host ulang javascript, Anda akan mendapatkan alamat script javascript Anda. Masukkan ke srcipt menggantikan script yang ada pada tutorial, misal:

src="alamat anda"
 
CONTOH JAVASCRIPT

<html>
<head>
<title> Tugas 3 java script </title>
</head>

<body bgcolor="blue">
<script language="JavaScript">

function tekan()
{
var nimstr= (document.fform.nim.value);
var namastr= (document.fform.nama.value);
var jkstr= (document.fform.jk.value);
var agamastr= (document.fform.agama.value);
var statusstr= (document.fform.status.value);
var jurusanstr= (document.fform.jurusan.value);
var komentarstr= (document.fform.komentar.value);
document.fform.onim.value=nimstr;
document.fform.onama.value=namastr;
document.fform.ojk.value=jkstr;
document.fform.oagama.value=agamastr;
document.fform.ostatus.value=statusstr;
document.fform.ojurusan.value=jurusanstr;
document.fform.okomentar.value=komentarstr;
}
</script>

Tidak ada komentar:

Posting Komentar