Making Random Images With JavaSript

1. The first step prepare an image hosting account, no matter where it's allowed.

2. Then copy paste this script to your web.

3. Save changes.

The code is red it can be customized themselves. If you have 10 pictures will be displayed in turn the number "5" is replaced with "10". While the code can be added to own as much as possible, followed by a number from 0 to 9.

READ MORE - Making Random Images With JavaSript

Differences in HTML and XHTML

HTML

The Tag can write in with letters large and small: , , ,

, 

There are some tags that may be not closed:

,

XHTML

Tags must be written with small letters: , , ,

All tags must be closed, if a tag like the break, given signs / before the closing tag:
, />

READ MORE - Differences in HTML and XHTML

Rollover Images in JavaScript

To do so is to copy or copy the JavaScript code below into your web pages. Then place it before the tag , or placed before the position of the image.

<SCRIPT TYPE="text/javascript">

copy the code below again to put a picture on your pages.

border="0" name="home" />

Finished, Save your page, and then refresh.

NB: This script will be problematic if used in the BLOG, should only be used on the Website only.

READ MORE - Rollover Images in JavaScript

efek salju...

Langkah Pertama

• copy paste script di bawah ini.
<script type="text/javascript"><br /> function lib2bwcheck(){<br /> this.ver=navigator.appVersion;<br /> this.agent=navigator.userAgent;<br /> this.dom=document.getElementById?1:0;<br /> this.opera5=this.agent.indexOf(”Opera 5″)>-1;<br /> this.ie5=(this.ver.indexOf(”MSIE 5″)>-1 && this.dom && !this.opera5)?1:0;<br /> this.ie6=(this.ver.indexOf(”MSIE 6″)>-1 && this.dom && !this.opera5)?1:0;<br /> this.ie4=(document.all && !this.dom && !this.opera5)?1:0;<br /> this.ie=this.ie4||this.ie5||this.ie6;<br /> this.mac=this.agent.indexOf(”Mac”)>-1;<br /> this.ns6=(this.dom && parseInt(this.ver)>= 5) ?1:0;<br /> this.ns4=(document.layers && !this.dom)?1:0;<br /> this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5);<br /> return this;<br /> }<br /> var bw=new lib2bwcheck()<br /> var px = bw.ns4||window.opera?”":”px”;<br /> function run() {<br /> var css, obj, nest, ooo;<br /> if ((document.all) && (!bw.opera5)) {<br /> movy = document.body.clientHeight-64;<br /> movx = document.body.clientWidth-50;<br /> } else {<br /> movx = window.innerWidth-50;<br /> movy = window.innerHeight-64;<br /> }<br /> for (var i=0; i<br /> if (ds[i]<=0) {<br /> sx[i] = Math.round(Math.random()*(sxto-sxfrom)+sxfrom);<br /> sy[i] = Math.round(Math.random()*(syto-syfrom)+syfrom);<br /> ds[i] = Math.round(Math.random()*(sdto-sdfrom)+sdfrom);<br /> }<br /> ox[i]+=sx[i]; if (ox[i]>movx) ox[i]=0; if (ox[i]<0) ox[i] = movx;<br /> oy[i]+=sy[i]; if (oy[i]>movy) oy[i]=0; if (oy[i]<0) oy[i] = movy;<br /> ds[i]–;<br /> if (bw.ns4) {<br /> ooo = eval(”document.s”+i);<br /> ooo.moveTo(ox[i], oy[i]);<br /> } else {<br /> obj = “s”+i; nest=”";<br /> css= bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+”document.layers.” +obj):0;<br /> css.left = ox[i]; css.top = oy[i];<br /> }<br /> }<br /> setTimeout(”run()”,tpause,”JavaScript”);<br /> }<br /> <br /> var maxitems=25;<br /> var sxfrom=-2;<br /> var sxto=2;<br /> var syfrom=1;<br /> var syto=3;<br /> var sdfrom=4;<br /> var sdto=10;<br /> var pcol=Number(16777215).toString(16);<br /> var tpause=20;<br /> var schar=”.”;<br /> var fontface = 1;<br /> var fontsize = “6″;<br /> if (fontface==0) fontface = ‘Arial, Helvetica, sans-serif’;<br /> else if (fontface==1) fontface = ‘Times New Roman, serif’;<br /> else if (fontface==2) fontface = ‘Courier New, Courier, mono’;<br /> else if (fontface==3) fontface = ‘Georgia, Times New Roman, Times, serif’;<br /> else fontface = ‘Verdana, Arial, Helvetica, sans-serif’;<br /> var t=0;<br /> t = pcol.length;<br /> for (var i=0; i<6-t; i++) pcol = ‘0′+pcol;<br /> if (sxfrom>sxto) { t=sxto; sxto=sxfrom; sxfrom=t; }<br /> if (syfrom>syto) { t=syto; syto=syfrom; syfrom=t; }<br /> if (sdfrom>sdto) { t=sdto; sdto=sdfrom; sdfrom=t; }<br /> if ((document.all) && (!bw.opera5)) {<br /> movy = document.body.clientHeight-64;<br /> movx = document.body.clientWidth-50;<br /> } else {<br /> movx = window.innerWidth-50;<br /> movy = window.innerHeight-64;<br /> }<br /> ox = new Array();<br /> oy = new Array();<br /> sx = new Array();<br /> sy = new Array();<br /> ds = new Array();<br /> pa = new Array();<br /> for (var i=0; i<br /> if (bw.ns4) document.writeln(””);<br /> else document.writeln(”<br /> <p id="’s”+i+”‘">”);<br /> document.writeln(’<span style="color: #00c000;">’+schar+’</span>’);<br /> if (bw.ns4) document.writeln(””);<br /> else { document.writeln(”<br /> ”); }<br /> ox[i] = Math.round(Math.random()*movx);<br /> oy[i] = Math.round(Math.random()*movy);<br /> ds[i] = 0;<br /> }<br /> setTimeout(”run()”,tpause,”JavaScript”);<br /> </script>

Catatan : Pada kode var maxitems=25, Bisa kamu ganti dengan angka berapapun terserah. Kode itu untuk menentukan berapa banyak jumlah salju yang akan turun.

• Jika Sudah tinggal masukan script diatas kedalam blog atau situs kamu.

met mencoba...

READ MORE - efek salju...

Explanation of AJAX

How Does Ajax Work?

With Ajax, Web applications finally start feeling like desktop applications to your users. That’s because Ajax enables your Web applications to work behind the scenes, getting data as they need it, and displaying that data as you want. And as more and more people get fast Internet connections, working behind the scenes to access data is going to become all the rage. Soon,

it’ll be impossible to distinguish dedicated desktop software from software that’s actually on the Internet, far from the user’s machine. To help you understand how Ajax works, the following sections look at Ajax from a user’s and a programmer’s perspective.


A user’s perspective

To show you how Ajax makes Web applications more like desktop applications, I’ll use a simple Web search as an example. When you open a typical search engine, you see a text box where you type a search term. So say you type Ajax XML because you’re trying to figure out what XML has to do with Ajax. Then, you click a Search the Web button to start the search. After that, the browser flickers, and a new page is loaded with your search results.

A developer’s perspective

In the article "Ajax: A New Approach to Web Applications" (www.adaptivepath.com/publications/essays/archives/000385.php), Jesse James Garrett, who was the first to call this technology Ajax, made important insights about how it could change the Web. He noted that although innovative

new projects are typically online, Web programmers still feel that the rich capabilities of desktop software were out of their reach. But Ajax is closing the gap.
So how does Ajax do its stuff? The name Ajax is short for Asynchronous JavaScript and XML, and it’s made up of several components:
Browser-based presentation using HTML and Cascading Style Sheets (CSS).

- Data stored in XML format and fetched from the server

- Behind-the-scenes data fetches using XMLHttpRequest objects in the browser

- JavaScript to make everything happen
JavaScript is the scripting language that nearly all browsers support, which will let you fetch data behind the scenes, and XML is the popular language that lets you store data in an easy format.

Here’s an overview of how Ajax works:

1. In the browser, you write code in JavaScript that can fetch data from the server as needed.

2. When more data is needed from the server, the JavaScript uses a special item supported by browsers, the XMLHttpRequest object, to send a request to the server behindthe scenes — without causing a page refresh.

The JavaScript in the browser doesn’t have to stop everything to wait for that data to come back from the server. It can wait for the data in the background and spring into action when the data does appear (that’s called asynchronous data retrieval).

3. The data that comes back from the server can be XML, or just plain text if you prefer. The JavaScript code in the browser can read that data and put it to work immediately. That’s how Ajax works — it uses JavaScript in the browser and the XMLHttpRequest object to communicate with the server without page refreshes, and handles the XML (or other text) data sent back from the server. I explain how all these components work together in more detail.

This also points out what you’ll need to develop Web pages with Ajax. You’ll add JavaScript code to your Web page to fetch data from the server, and you’ll need to store data and possibly write server-side code to interact with the browser behindthe scenes. In other words, you’re going to need access to an online server where you can store the data that you will fetch using Ajax. Besides just storing data on the

server, you might want to put code on the server that your JavaScript can interact with. For example, a popular server-side language is PHP, and many of the examples in this book show how you can connect to PHP scripts on Web servers by using Ajax. Getting you up to speed on that language if you’re interested. So you’re going to need a Web

server to store your data on, and if you want to run server-side programs as well, your server has to support server-side coding for the language you want to work with (such as PHP).

READ MORE - Explanation of AJAX