Ajax Demo - IAMMediaWiki

Toolbox

Personal tools

Ajax Demo

AJAX

Favorite Ajax sites

http://local.google.com/

http://www.frwrd.net/minishowcase/

http://www.huddletogether.com/projects/lightbox/

http://www.jotform.com/

http://wufoo.com/

Core Elements of AJAX

JavaScript - used to implemet page logic and programatically display page using HTML and CSS

Cascading Style Sheets (CSS) - look of html

Document Object Model (DOM) - Interface used by Javascript to access elememts in a web browser

XMLHttpRequest object - XML request object used to retreive data from server

JavaScript

Javascript

Javascript is a loosely types interprated programming language usually used to interface with a web broweser.

Loosely types mean that objects in javascript are not declared as specific types.

To declare a variable you simple say var and the variable name ie

 
var pi=3.1415926;

 
<html>
<body>
<script language='javascript'>
//says the language is javascript
<!--
document.write("Hello World!"); //prints Hello World!
-->
//stop JavaScript Code
</script>
</body>
</html>

 
<html>
<head>
<title>Hello World With JavaScript</title>
</head>
<body>
<form Name="Form1" ACTION="">
	<INPUT TYPE=BUTTON VALUE="Click me" NAME="BtnHello" OnClick="Hello()">
</form>
 
 
<script LANGUAGE="JavaScript">
<!--
 
    function Hello ()
    {
        alert("Hello World!")
    }
 
//-->
</script>
</body>
</html>
 
</BODY>
</HTML>

CSS Exmaples

http://iam.colum.edu/WI/browser/browser.aspx?f=/AJAX Source Browser

http://iam.colum.edu/WI/AJAX Files on iam.colum.edu'

Retrieved from "http://imamp.colum.edu/mediawiki/index.php/Ajax_Demo"

Categories: Tutorial | JavaScript | AJAX