AJAX - Client Side: JavaScript Events and the DOM Step By Step Tutorial

The best tutorial of php, php framework, php strategies, object oriented oriented,

AJAX - Client Side: JavaScript Events and the DOM

Tag: AJAX, client side, javascript, dom, document object model, event, javascript events Category: PHP Application
post: 08 Mar 2008 read: 537

AJAX Client Side Step By Step Tutorial - part 4: At this post, we will try JavaScript events to generate part of page dynamically.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX-Client Side: JavaScript Event</title>
<script type="text/javascript">
function clickme(){
  window.document.form1.button1.value = "Clicked";
  txt.innerText = "Thanks...";
  document.title = 'Clicked!';  
}
</script>
</head>
<body>
<form name="form1">
  <p id="txt">Click this button</p>
  <input type="button" name="button1" value="Click Me!" 
   onclick="clickme()">
</form>
</body>
</html>

Open that page:

Now, click the button.

| Give Your Opinion | Recommend

Share and Bookmark to: These icons link to social bookmarking sites where readers can share and discover new web pages.

615

posting

Your Name *	:
Email *	:	(Will not be published)
Website/URL	:
Your Comment *	:

* Required

PHP Basic	PHP Classes	PHP Framework	PHP Application	PHP Security	PHP Editor
PHP Books	PHP Database	MySQL	Hosting	Apache	CSS
Motivation	Web Design	PHP API	JavaScript	Computer Tips

phpeveryday.com

The best tutorial of php, php framework, php strategies, object oriented oriented,

AJAX - Client Side: JavaScript Events and the DOM