peperonity.net
Welcome, guest. You are not logged in.
Log in or join for free!
 
Stay logged in
Forgot login details?

Login
Stay logged in

For free!
Get started!

Mobile Blog


images
copy-paste.peperonity.net

Contoh Javascript

11.11.2010 22:22 EST
Setelah membahas tutorial dasar mengenai javascript, sekarang mari lihat beberapa contoh javascript yang telah gue copy dari berbagai tempat. Silahkan kamu copy hasil copy_an gue untuk keperluan web/wapsite kamu.
Jika browser kamu tidak ada menu untuk copy paste kode yang ada di sini, kamu bisa menggunakan dan mendownload operamini modif disini http://peperonity.net/go/sites/mview/arikampret/26878366/29497768 atau disini http://peperonity.net/go/sites/mview/arikampret/26878366/29497785 . Atau kamu bisa langsung ke http://arikampret.wapath.com/javascript untuk melihat & mengcopy javascript yang lainnya.

1. Mendeteksi Browser Pengunjung.
Hampir segala sesuatu dalam tutorial ini bekerja pada semua-enabled browser JavaScript -. Namun, ada beberapa hal yang tidak berfungsi pada browser tertentu terutama pada browser lama. Kadang-kadang bisa berguna untuk mendeteksi browser pengunjung, dan kemudian melayani informasi yang sesuai.
Cara terbaik untuk melakukannya adalah dengan membuat halaman web cukup pintar untuk melihat salah satu cara untuk beberapa browser dan cara lain untuk browser lainnya. Silahkan di copy kode dibawah ini:
<html>
<body>

<script type="text/javascript">

document.write("Browser CodeName: " + navigator.appCodeName);
document.write("<br /><br />");
document.write("Browser Name: " + navigator.appName);
document.write("<br /><br />");
document.write("Browser Version: " + navigator.appVersion);
document.write("<br /><br />");
document.write("Cookies Enabled: " + navigator.cookieEnabled);
document.write("<br /><br />");
document.write("Platform: " + navigator.platform);
document.write("<br /><br />");
document.write("User-agent header: " + navigator.userAgent);

</script>

</body>
</html>

2. Membuat & Menyimpan Cookie.
Dalam contoh ini kita akan membuat sebuah cookie yang menyimpan nama pengunjung. Pertama kali pengunjung datang ke halaman web, ia akan diminta untuk mengisi / namanya. Nama ini kemudian disimpan dalam cookie. Kali berikutnya pengunjung tiba di halaman yang sama, ia akan mendapatkan pesan selamat datang. Silahkan di copy kode di bawah ini:
<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1 ;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end));
}
}
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : "; expires="+exdate.toUTCString());
}

function checkCookie()
{
username=getCookie('username');
if (username!=null && username!="")
{
alert('Welcome again '+username+'!');
}
else
{
username=prompt('Please enter your name:',"");
if (username!=null && username!="")
{
setCookie('username',username,365);
}
}
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>

3. Menampilkan Jam.
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

4. Menampilkan Hari.
<html>
<body>

<script type="text/javascript">

var d=new Date();
var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";

document.write("Today is " + weekday[d.getDay()]);

</script>

</body>
</html>

5. Menampilkan Tanggal Hari Ini.
<html>
<body>

<script type="text/javascript">

var d=new Date();
document.write(d);

</script>

</body>
</html>


This page:




Help/FAQ | Terms | Imprint
Home People Pictures Videos Sites Blogs Chat
Top
.