Tutorial Belajar Website PHP MySQL ASP.Net Photoshop Coreldraw Flash Template » Javascript http://www.ilmuwebsite.com Webmaster Resource Center Wed, 01 Sep 2010 07:25:51 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 3000 Koleksi Javascript http://www.ilmuwebsite.com/javascript/3000-koleksi-javascript http://www.ilmuwebsite.com/javascript/3000-koleksi-javascript#comments Mon, 05 Apr 2010 05:07:45 +0000 Uciha~ http://www.ilmuwebsite.com/?p=1639 3000 Koleksi Javascript javascript web desain grafisAnda sedang mencari koleksi javascript yang akan digunakan untuk keperluan website atau blog? Berikut ada banyak sekali koleksi javascript,  lebih dari 3000 kumpulan javascript yang mungkin suatu saat nanti anda butuhkan, dan kumpulan script ini bisa di download secara free, terdiri dari berbagai macam kategori, mulai dari text effect, sliding content, dan berbagai kategori lainnya.

Paket 3000 Koleksi Javascript ini kami share kepada anda pengunjung ilmuwebsite. :D . Silahkan.
Oke langsung download saja >>

http://rapidshare.com/files/253023874/3000Javascript_by_KIKO.rar
http://www.filefactory.com/file/ahb47h5/n/3000Javascript_by_KIKO_rar
http://www.multiupload.com/7VZ5GJCQPF

]]> http://www.ilmuwebsite.com/javascript/3000-koleksi-javascript/feed 13 Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery http://www.ilmuwebsite.com/javascript/menyamakan-tinggi-kolom-div-yang-berbeda-dengan-jquery http://www.ilmuwebsite.com/javascript/menyamakan-tinggi-kolom-div-yang-berbeda-dengan-jquery#comments Mon, 01 Feb 2010 00:45:06 +0000 Loka Dwiartara http://www.ilmuwebsite.com/?p=1096 Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript web desain grafisBagi seorang web designer, tampilan merupakan hal nomor satu yang harus diperhatikan. Bukan hanya karena seorang web designer di bayar untuk itu semua, namun seorang web designer pun bertanggung jawab bagaimana mendatangkan visitor yang banyak karena ketertarikan visitor akan interface website yang begitu ringan, akses yang cepat, menarik enak dipandang, dinamis, dan harmonis. Harmonis… ya harmonis… memang terdengar seperti rumah tangga. Tapi sekali lagi, web designer lah yang memiliki tanggung jawab bagus tidaknya suatu tampilan, bukan yang lain.
Masih dalam poin pembahasan yang sama, disini penulis akan coba membawakan satu buat tutorial css memanfaatkan jquery, bagaimana menyamakan tinggi atau height dari beberapa div berbeda kolom. Sebenarnya apa sih maksud yang ingin disampaikan penulis? Baik-baik, penulis akan coba Ilustrasikan.

Misalkan anda membuat tampilan sebuah interface dengan 3 kolom seperti ini, dengan letak div yang berbeda, artinya div body itu berada diluar dari sidebar,.
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript web desain grafis

apabila content itu diisi, maka terlihat seperti ini …
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript web desain grafis

di sini terlihat div contentnya panjang, sedangkan sidebarnya tetap pendek, bagi beberapa desain hal ini tidak bermasalah, namun bagaimana jika seorang webdesigner ingin memanfaatkan border, desain ini terlihat aneh, karena sidebar terlihat terpotong, tidak sampai ke bawah.

begitu juga jika ketika contentnya itu berisi sedikit, misalnya hanya terdiri satu atau dua kalimat, sedangkan sidebarnya itu panjang ke bawah penuh dengan menu atau iklan, seperti ini …
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript web desain grafis

hal ini terlihat jelek bukan, membuat desain menjadi aneh, apalagi jika sidebarnya itu menggunakan style float:left; benar-benar merusak desain. Desain yang rusak seperti ini pun akan anda temui jika anda meletakkan content didalam sidebar, sidebar yang panjang tidak mempengaruhi kepada content, seperti gambar di bawah ini …
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript web desain grafis

content tidak memiliki tinggi yang sama dengan sidebar

sedangkan semua designer menginginkan kondisi sidebar dan content yang sama tingginya, meskipun div nya itu berbeda, artinya satu div tidak berada didalam div lainnya, dan hasilnya adalah div nya memiliki tinggi yang sama. Seperti pada gambar ini :
Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascript web desain grafis

Bagaimana melakukan ini semua?? Sebenarnya hal ini bisa di manipulasi oleh JQuery, JQuery memungkinkan perubahan height/tinggi dari suatu div itu bisa dikontrol menggunakan script.

Misalkan struktur dari layoutnya seperti ini

…
<div id=”wrap”>
<div id=”sidebarkanan”></div>
<div id=”content”>div>
</div>
…

anda cukup menyisipkan jquery di bagian header

…
<head>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
<script type=”text/javascript”>
$(document).ready(function() {
if ($(‘#content’).height() >= $(‘#sidebarkanan’).height())  {
$(‘#sidebarkanan’).height($(‘#content’).height());
} else {
$(‘#content’).height($(‘#sidebarkanan’).height());
}
});
</script>
…
Contoh implementasi dari script di atas, bisa anda lihat disini. Script racikan penulis ini bisa anda kembangkan lagi, atau mungkin anda memiliki script yang lebih baik, silahkan gunakan.

Apa yang sebenarnya terjadi pada script tersebut? Ketika div content lebih tinggi dari sidebar, maka lakukan penyamaan tinggi, begitu juga ketika sidebar lebih tinggi dari content maka samakan tingginya. Cukup mudah bukan??

Silahkan download script di sini

]]> http://www.ilmuwebsite.com/javascript/menyamakan-tinggi-kolom-div-yang-berbeda-dengan-jquery/feed 0 Mencegah Halaman Website Ditampilkan Dalam Inline Frame http://www.ilmuwebsite.com/javascript/mencegah-halaman-website-yang-ditampilkan-dalam-inline-frame http://www.ilmuwebsite.com/javascript/mencegah-halaman-website-yang-ditampilkan-dalam-inline-frame#comments Tue, 06 Oct 2009 16:35:45 +0000 Loka Dwiartara pencurian dataPernahkan anda menggunakan inline frame untuk menampilkan halaman website lain? Menyenangkan bukan? Namun justru hal ini menjadi tidak menyenangkan bagi pemilik halaman website yang halamannya ditampilkan dalam frame tersebut. Bagi seorang admin yang mengerti hal ini tentunya sangat berdampak buruk, karena penggunaan frame untuk menampilkan website lain tanpa izin dari pihak terkait sama dengan pencurian data, dan tentunya dampak lainnya adalah bandwith yang tersedot pun akan semakin besar, dan yang lainnya, berdampak buruk dalam search engine, yakni black list, karena di anggap curang dalam menempuh jalan SEO.

Lalu bagaimana solusinya?
Sebetulnya hal seperti ini bisa di cegah dengan javascript sederhana.
Letakkan script di bawah ini pada <head> setiap halaman yang ingin anda protek. Sangat mudah.

<script type=”text/javascript”>
<!–

if (self != top)
{
top.location.href = self.location;href;
}

//–>
</script>

Script di atas bertugas untuk mendeteksi :
jika url halaman yang diakses bukanlah url yang sebenarnya dimana halaman tersebut berada, maka lakukan redirect ke url aslinya.
Oke, sekian. Selamat Mencoba.

File tutorial dapat di download di sini : :
http://ilmuwebsite.com/file_tutorial/inlineframe.zip

Demo ketika sebuah halaman belum di protek dengan javascript :
http://ilmuwebsite.com/file_tutorial/inlineframe/index.html

Ketika sebuah halaman sudah di protek :
http://ilmuwebsite.com/file_tutorial/inlineframe/index2.html

Tq.

]]> http://www.ilmuwebsite.com/javascript/mencegah-halaman-website-yang-ditampilkan-dalam-inline-frame/feed 0 Membuat pertanyaan konfirmasi http://www.ilmuwebsite.com/javascript/membuat-pertanyaan-konfirmasi http://www.ilmuwebsite.com/javascript/membuat-pertanyaan-konfirmasi#comments Sun, 31 May 2009 04:26:13 +0000 Admin Membuat pertanyaan konfirmasi javascript web desain grafisDalam membuat program, ada kalanya kita ingin agar data yang diinput tidak salah. Teknik Validasi yang anda terapkan pun, misalnya validasi nama tidak boleh angka terkadang tidak maksimal. Kalau misalnya kita salah mengetik nama “Ivan” dengan “Ivam”, pasti nama akan lansung tersimpan bukan? Bukan hanya itu, biasanya seorang user tidak sengaja menekan tombol “enter”. Padahal belum selesai mengetik. Ada cara untuk mengatasi hal diatas, yakni dengan membuat pertanyaan konfirmasi. Pertanyaan konfirmasi berfungsi untuk menampilkan pertanyaan “ok” dan “cancel”. Ini untuk memastikan apakah data yang diinput sudah benar dengan melakukan pengecekan ulang.

Pertanyaan konfirmasi sepeti diatas dapat dibuat dengan javascript.

Buat file dengan nama pertanyaan.js lalu ketikkan script berikut :

pertanyaan.js

function pertanyaan()
{
      if(confirm(‘Anda yakin yang ingin anda posting ini sudah benar?’))
      {
            return true;
      }
      else
      {
            return false;
      }
}

index.html

<html>
<body>
                <script language=”javascript” src=”pertanyaan.js”></script>
                <a href=# onclick=”return pertanyaan ()”>Tes membuat pertanyaan…..</a>
</body>
</html>

Sedikit Penjelasan kode diatas :

Pada pertanyaan.js, dibuatkan perintah confirm untuk menampilkan kotak pesan ok dan cancel. Karena menggunakan function, kita gunakan return TRUE jika benar dan return FALSE jika salah. Lalu pada bagian yang ingin dimunculkan pertanyaan, tambahkan perintah onclick. Maksudnya ketika diklik,event apa yang terjadi.

Yah, sekian dulu lah penjelasan dari saya. Jika ada yang ingin ditanyakan, silahkan menghubungi saya di

Email1 : ivan@ilmuwebsite.com
  Email 2 : ivan_wen_piao@yahoo.co.id
Web :  http://ivan.ilmuwebsite.com

]]> http://www.ilmuwebsite.com/javascript/membuat-pertanyaan-konfirmasi/feed 0 Tulisan Matrix http://www.ilmuwebsite.com/javascript/tulisan-matrix http://www.ilmuwebsite.com/javascript/tulisan-matrix#comments Sun, 31 May 2009 04:19:31 +0000 Admin Tulisan Matrix javascript web desain grafis——-
Script ini hanya jalan di Internet Explorer
——-

contoh buka: http://www.ilmuwebsite.com/javascript/javascript-matrix.htm

<html>
<head>
</head>
<body bgcolor=”#000000″>
<STYLE type=text/css>#supertext {
    LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
}
</STYLE>

<SCRIPT language=JavaScript1.2>

//Configure the below three variables

//1) Set message to display (HTML accepted)
var thecontent=’<h2><font face=”Courier New” font size=”5″ color=”#00FF00″>ilmuwebsite.com – Webmaster Resource</font></h2>’
//2) Set delay after which message should be hidden, in miliseconds (” makes it incessantly visible on the screen)
var hidetimer=”;
//3) Set speed of animation (1-50), where larger is faster
var BallSpeed = 20;

///NO NEED TO EDIT BELOW THIS LINE///////////

var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = ‘right’;
var yDir = ‘down’;
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
   if (document.all) {
      xMax = document.body.clientWidth
      yMax = document.body.clientHeight
      document.all(“supertext”).style.visibility = “visible”;
      contentWidth=supertext.offsetWidth
      contentHeight=supertext.offsetHeight
      }
   else if (document.layers) {
      xMax = window.innerWidth;
      yMax = window.innerHeight;
      contentWidth=document.supertext.document.width
      contentHeight=document.supertext.document.height
      document.layers["supertext"].visibility = “show”;
      }
   setTimeout(‘moveBall()’,400);
   if (hidetimer!=”)
   setTimeout(“hidetext()”,hidetimer)
   }

function moveBall() {
   if (superballRunning == true) {
      calculatePosition();
      if (document.all) {
         document.all(“supertext”).style.left = xPos + document.body.scrollLeft;
         document.all(“supertext”).style.top = yPos + document.body.scrollTop;
         }
      else if (document.layers) {
         document.layers["supertext"].left = xPos + pageXOffset;
         document.layers["supertext"].top = yPos + pageYOffset;
         }
      animatetext=setTimeout(‘moveBall()’,20);
      }
   }

function calculatePosition() {
   if (xDir == “right”) {
      if (xPos > (xMax – contentWidth – BallSpeed)) {
         xDir = “left”;
         }
      }
   else if (xDir == “left”) {
      if (xPos < (0 + BallSpeed)) {
         xDir = “right”;
         }
      }
   if (yDir == “down”) {
      if (yPos > (yMax – contentHeight – BallSpeed)) {
         yDir = “up”;
         }
      }
   else if (yDir == “up”) {
      if (yPos < (0 + BallSpeed)) {
         yDir = “down”;
         }
      }
   if (xDir == “right”) {
      xPos = xPos + BallSpeed;
      }
   else if (xDir == “left”) {
      xPos = xPos – BallSpeed;
      }
   else {
      xPos = xPos;
      }
   if (yDir == “down”) {
      yPos = yPos + BallSpeed;
      }
   else if (yDir == “up”) {
      yPos = yPos – BallSpeed;
      }
   else {
      yPos = yPos;
      }
   }

function hidetext(){
if (document.all)
supertext.style.visibility=”hidden”
else if (document.layers)
document.supertext.visibility=”hide”
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write(‘<span id=”supertext”><nobr>’+thecontent+’</nobr></span>’)
window.onload = initializeBall;
window.onresize = new Function(“window.location.reload()”);
}

</SCRIPT>

<SCRIPT language=JavaScript>

if (document.all){

Cols=22;

Cl=18; //Peþpeþe geliþ mesafeleri!

Cs=110; //Sayfaya enine yayýlýþ mesafeleri!

Ts=12; //Rakamlarýn büyüklükleri!

Tc=’#00FF00′;//Renk

Tc1=’#00FF00′;//Renk1

MnS=22; //Akýþ hýzlarý!

MxS=50; //Akýþ hýzlarý!

I=Cs;

Sp=new Array();S=new Array();Y=new Array();

C=new Array();M=new Array();B=new Array();

RC=new Array();E=new Array();Tcc=new Array(0,1,7,9,3,2);

document.write(“<div id=’Container’ style=’position:absolute;top:0;left:-”+Cs+”‘>”);

document.write(“<div style=’position:relative’>”);

for(i=0; i < Cols; i++){

S[i]=I+=Cs;

document.write(“<div id=’A’ style=’position:absolute;top:0;font-family:Arial;font-size:”

+Ts+”px;left:”+S[i]+”;width:”+Ts+”px;height:0px;color:”+Tc+”;visibility:hidden’></div>”);

}

document.write(“</div></div>”);

for(j=0; j < Cols; j++){

RC[j]=1+Math.round(Math.random()*Cl);

Y[j]=0;

Sp[j]=Math.round(MnS+Math.random()*MxS);

for(i=0; i < RC[j]; i++){

B[i]=”;

C[i]=Math.round(Math.random()*1)+’ ‘;

M[j]=B[0]+=C[i];

}

}

function Cycle(){

Container.style.top=window.document.body.scrollTop;

for (i=0; i < Cols; i++){

var r = Math.floor(Math.random()*Tcc.length);

E[i] = ‘<font color=’+Tc1+’>’+Tcc[r]+’</font>’;

Y[i]+=Sp[i];

if (Y[i] > window.document.body.clientHeight){

for(i2=0; i2 < Cols; i2++){

RC[i2]=1+Math.round(Math.random()*Cl);

for(i3=0; i3 < RC[i2]; i3++){

B[i3]=”;

C[i3]=Math.round(Math.random()*1)+’ ‘;

C[Math.floor(Math.random()*i2)]=’ ‘+’ ‘;

M[i]=B[0]+=C[i3];

Y[i]=-Ts*M[i].length/1.5;

A[i].style.visibility=’visible’;

}

Sp[i]=Math.round(MnS+Math.random()*MxS);

}

}

A[i].style.top=Y[i];

A[i].innerHTML=M[i]+’ ‘+E[i]+’ ‘;

}

setTimeout(‘Cycle()’,20)

}

Cycle();

}

</SCRIPT>
</body>
</html>

]]> http://www.ilmuwebsite.com/javascript/tulisan-matrix/feed 0 Hujan Cinta http://www.ilmuwebsite.com/javascript/hujan-cinta http://www.ilmuwebsite.com/javascript/hujan-cinta#comments Sun, 31 May 2009 04:15:53 +0000 Admin Hujan Cinta javascript web desain grafis————–
Script ini hanya jalan di Internet Explorer
————–

contoh buka: http://www.ilmuwebsite.com/javascript/hujan-cinta.htm

<html>
<head>
</head>
<body bgcolor=”black”>

<body>
<!– file “ani_heart.gif” bisa kamu ganti sendiri terserah –>
<script language=”JavaScript1.2″>

<!– Begin
var no = 12; // number of hearts
var speed = 10; // smaller number moves the hearts faster
var heart = “ani_heart.gif”;
var flag;
var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-30)+10;  // set position variables
yp[i] = Math.random()*doc_height;
amy[i] = 12+ Math.random()*20;         // set amplitude variables
amx[i] = 10+ Math.random()*40;
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
flag[i] = (Math.random()>0.5)?1:0;
if (ns4up) {                      // set layers
if (i == 0) {
document.write(“<layer name=\”dot”+ i +”\” left=\”15\” “);
document.write(“top=\”15\” visibility=\”show\”><img src=\”");
document.write(heart+ “\” border=\”0\”></layer>”);
} else {
document.write(“<layer name=\”dot”+ i +”\” left=\”15\” “);
document.write(“top=\”15\” visibility=\”show\”><img src=\”");
document.write(heart+ “\” border=\”0\”></layer>”);
}
} else
if (ie4up) {
if (i == 0) {
document.write(“<div id=\”dot”+ i +”\” style=\”POSITION: “);
document.write(“absolute; Z-INDEX: “+ i +”; VISIBILITY: “);
document.write(“visible; TOP: 15px; LEFT: 15px;\”><img src=\”");
document.write(heart+ “\” border=\”0\”></div>”);
} else {
document.write(“<div id=\”dot”+ i +”\” style=\”POSITION: “);
document.write(“absolute; Z-INDEX: “+ i +”; VISIBILITY: “);
document.write(“visible; TOP: 15px; LEFT: 15px;\”><img src=\”");
document.write(heart+ “\” border=\”0\”></div>”);
}
}
}

function snowNS() {  // Netscape main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
flag[i]=(Math.random()<0.5)?1:0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}
document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.layers["dot"+i].left = xp[i] + amx[i]*dx[i];

}
setTimeout(“snowNS()”, speed);
}

function snowIE() {  // IE main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
flag[i]=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}

document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i];
}
setTimeout(“snowIE()”, speed);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End –>
</script>
</center>
</body>
</html>

]]> http://www.ilmuwebsite.com/javascript/hujan-cinta/feed 0 Klik kanan Gempa http://www.ilmuwebsite.com/javascript/klik-kanan-gempa http://www.ilmuwebsite.com/javascript/klik-kanan-gempa#comments Sun, 31 May 2009 04:15:51 +0000 Admin Klik kanan Gempa javascript web desain grafis——-
Script ini hanya jalan di Internet Explorer

Jika anda klik kanan maka browser akan bergetar !!
——-

contoh buka: http://www.ilmuwebsite.com/javascript/klik-gempa.htm

<html>
<head>
</head>
<body bgcolor=”#000000″>

<SCRIPT language=JavaScript>
<!–inizio—–mess per copiare

document.onmousedown=click
function click() {
times2=0
if ((event.button==2) || (event.button==3))
{
alert(“Jangan klik kanan !!”);
shake(20)
}
}
function shake(n) {
if (parent.moveBy) {
for (i = 20; i > 0; i–) {
for (j = n; j > 0; j–) {
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
         }
      }
   }
}
//fine copia–>
</SCRIPT>

</body>

</html>

]]> http://www.ilmuwebsite.com/javascript/klik-kanan-gempa/feed 2 Gambar di Mouse http://www.ilmuwebsite.com/javascript/gambar-di-mouse http://www.ilmuwebsite.com/javascript/gambar-di-mouse#comments Sun, 31 May 2009 04:15:49 +0000 Admin Gambar di Mouse javascript web desain grafis<script language=”JavaScript1.2″>
<!–

var trailLength = 8 // The length of trail (8 by default; put more for longer “tail”)
var path = “TN_psd0810.JPG” // URL of your image

// do NOT modify anything beyond this point
var isIE = false,isNav = false,range = “all.”,style = “.style”,i,d = 0
var topPix = “.pixelTop”,leftPix = “.pixelLeft”,images,storage
if (document.layers) { // browser sniffer
    isNav = true,range = “layers.”,style = “”,topPix = “.top”,leftPix = “.left”
} else if (document.all) {
    isIE = true
}
function initTrail() { // prepares the script
    images = new Array() // prepare the image array
    for (i = 0; i < parseInt(trailLength); i++) {
        images[i] = new Image()
        images[i].src = path
    }
    storage = new Array() // prepare the storage for the coordinates
    for (i = 0; i < images.length*3; i++) {
        storage[i] = 0
    }
    for (i = 0; i < images.length; i++) { // make divs for IE and layers for Navigator
        (isIE) ? document.write(‘<div id=”obj’ + i + ‘” style=”position: absolute; z-Index: 100; height: 0; width: 0″><img src=”‘ + images[i].src + ‘”></div>’) : document.write(‘<layer name=”obj’ + i + ‘” width=”0″ height=”0″ z-index=”100″><img src=”‘ + images[i].src + ‘”></layer>’)
    }
    trail()
}
function trail() { // trailing function
    for (i = 0; i < images.length; i++) { // for every div/layer
        eval(“document.” + range + “obj” + i + style + topPix + “=” + storage[d]) // the Y-coordinate
        eval(“document.” + range + “obj” + i + style + leftPix + “=” + storage[d+1]) // the X-coordinate
        d = d+2
    }
    for (i = storage.length; i >= 2; i–) { // save the coordinate for the div/layer that’s behind
        storage[i] = storage[i-2]
    }
    d = 0 // reset for future use
    var timer = setTimeout(“trail()”,10) // call recursively
}
function processEvent(e) { // catches and processes the mousemove event
    if (isIE) { // for IE
        storage[0] = window.event.y+document.body.scrollTop+10
        storage[1] = window.event.x+document.body.scrollLeft+10
    } else { // for Navigator
        storage[0] = e.pageY+12
        storage[1] = e.pageX+12
    }
}
if (isNav) {
    document.captureEvents(Event.MOUSEMOVE) // Defines what events to capture for Navigator
}
if (isIE || isNav) { // initiates the script
    initTrail()
    document.onmousemove = processEvent // start capturing
}
//–>
</script>

]]> http://www.ilmuwebsite.com/javascript/gambar-di-mouse/feed 0 Anti Klik Kanan no Message http://www.ilmuwebsite.com/javascript/anti-klik-kanan-no-message http://www.ilmuwebsite.com/javascript/anti-klik-kanan-no-message#comments Sun, 31 May 2009 04:10:46 +0000 Admin Anti Klik Kanan no Message javascript web desain grafis<SCRIPT language=JavaScript>
<!–
var message=”Protegido”;
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// –>
</SCRIPT>

]]> http://www.ilmuwebsite.com/javascript/anti-klik-kanan-no-message/feed 0 Background Ganti Warna http://www.ilmuwebsite.com/javascript/background-ganti-warna http://www.ilmuwebsite.com/javascript/background-ganti-warna#comments Sun, 31 May 2009 04:06:54 +0000 Admin Background Ganti Warna javascript web desain grafis<html>
<head>
<title></title>
</head>

<SCRIPT LANGUAGE=”JavaScript”>

<!– Begin
var pos = 10;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}
var col=new initArray(“4b”,”5b”,”8b”,”8b”);
function stop() {
document.bgColor = ‘#FFFFFF’;
clearTimeout(loopID);
}
function start() {
col[1]=”red”
col[2]=”yellowgreen”
col[3]=”yellow”
col[4]=”whitesmoke”
col[5]=”white”
col[6]=”wheat”
col[7]=”violet”
col[8]=”turquoise”
col[9]=”tomato”
col[10]=”thistle”
pos++;
if (pos<0||pos>10) {
pos = 0;
}
document.bgColor = col[pos];
loopID = setTimeout(“start()”,50);
}
// End –>
</SCRIPT>

<!– STEP TWO: Add the onLoad event handler to the BODY tag  –>

<p align=”center”> </p>

<BODY onLoad=”start()”>

</body>
</html>

]]> http://www.ilmuwebsite.com/javascript/background-ganti-warna/feed 0 Anti Klik Kanan http://www.ilmuwebsite.com/javascript/anti-klik-kanan http://www.ilmuwebsite.com/javascript/anti-klik-kanan#comments Sun, 31 May 2009 04:04:54 +0000 Admin Anti Klik Kanan javascript web desain grafis<script language=javascript>{  }
message=”Copyright – ilmuwebsite.com Team 2007″;
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// –>
</SCRIPT>

]]> http://www.ilmuwebsite.com/javascript/anti-klik-kanan/feed 0