VisualBuilder
  Home > Ajax > Tutorials > Java Script in relation to HTML - Learn AJAX Tutorial
Tell a friend
Link to us
Total Members
      Members: 84606
     
Sitemap Forum Chat
Home
Learn AJAX Tutorial Home
1 . Introduction to AJAX
2 . AJAX web model
3 . Submitting a Request
4 . Benefits of AJAX
5 . Role of JavaScript
6 . Java Script in relation to HTML
7 . How does AJAX work
8 . AJAX Application
9 . Examples of AJAX
10 . Code Example for creating an AJAX application
11 . Using XMLHttpRequest object to send xml message
12 . Create service responding to http request
13 . Parsing xml response and update DOM object
14 . Screen shots of running an AJAX example
15 . Example for parsing XML message
16 . Building response XML message in server
17 . Parsing XML message and update to DOM
18 . XmlHttpRequest object,how to use?
19 . Object methods
20 . Object properties of XMLHttpRequest object
21 . Making asynchronous requests with JavaScript and AJAX
22 . Suitability of the synchronous and asynchronous models
23 . AJAX Frameworks
 
Ajax Group Home
Ajax Discussion (7)
Ajax Members (2339)
Ajax Resources
Ajax Source Code (4)
Ajax Articles (1)
Ajax Blogs
Ajax Jobs
Ajax Components (6)
Ajax Books
Ajax Websites (26)
Ajax News (7)
Ajax Q & A (12)
- Ajax Ask Question
- Ajax Questions
- Ajax Unanswered Questions
 
GROUPS
.NET
ASP.NET
.NET
C#
ASP
Visual Basic
Java
Java
JSP
EJB
Other
Delphi
C++
Ajax
UML
JavaScript
PHP
Web Design
Web Hosting
SQL Server
Oracle
Project Management
More Groups

 
LEARNING CENTER
TUTORIALS
.NET
.NET Tutorial
ASP Tutorial
ASP.NET Database Tutorial
ASP.NET Development Tips
ASP.Net Security,Internationalisation And Deployment
ASP.NET Server Controls Tips
ASP.NET Tutorial
C Sharp Tutorial
Web Development
Flex Tutorial
HTML Tutorial
Learn AJAX Tutorial
PHP Tutorial
Software Development
Database Tutorial
SQL Tutorial
UML Tutorial
Java
Ant Tutorial
EJB 3 Tutorial
Hibernate Tutorial
Java Tutorial
Java Web Component Tutorial
Java XML Tutorial
JDBC Tutorial
JDK1.5 Tutorial
JSF Tutorial
JSP And J2EE Design Tutorial
JSP Tutorial
Spring Tutorial
Struts Tutorial

RESOURCES
Q & A (432 )
Source Code (3217 )
Articles (11 )
Components (1589 )
News (880 )
Websites (1207 )

SUBMISSIONS
Submit Article
Submit Website
Submit News
Submit Source Code
Submit Component

COMMUNITY
Members Directory
Discussion Forum
Chat

SITE
About Us
Sitemap
Search
Contact Us
Link To Us
Feedback
Tell a Friend
Partners
Advertise


Ajax Tutorial
 Java Script in relation to HTML
  << Prev: Role of JavaScript Next: How does AJAX work >>

Javascript




  • JavaScript is a scripting language that is supported and runs on almost all web browsers,such as Internet Explorer,Mozilla,Firefox,Nestcape and Opera.



  • JavaScript was designed to add interactivity to HTML pages



  • By embedding JavaScript in an HTML page,parts of the Document Object Model (DOM) within the HTML document can be updated.



Example:
A JavaScript function will be added into the HTML code above to handle the onClick event of the Login button. As the user clicks the button,the notification message:“The name is required field and can not be empty” will occur,if the user did not type in his name. The code as in following: 


 


 1: <html>

2:         <head>

3:                     <script type=”text/javascript”>

4: 

5:                     function validateUser()

6:                     {

7:                                  name= document.getElementById(“userName”).value;

8:                                  if (name == ””)

9:                                  {

10:                                  alert(“The name is required field and can not be empty”);

11:                                  }                                    

12:                     }

13: 

14:                     </script>

15: </head>

16:         

17: <body>

18: 

19: <form id=”loginForm”>

20: <input type=”text” id=”userName”/>

21: <input type=”submit” id=”login” value=”Login” onClick=”validateUser()/>

22: </form>

23: 

24: </body>

25: </html>

26: 

 



  << Prev: Role of JavaScript Next: How does AJAX work >>
Ajax Tutorial Home
Give feedback and win a prize.

 
   Printer Friendly
   Email to a friend
   Add to my Favourites    
  Download PDF version
   Report Bad Submissions
   Submit Feedback
 
  Delicious   Digg   Technorati   Blink   Furl   Reddit   Newsvine   Google Click each image to add
this page to each site.
 
 
Welcome Guest Signup
MEMBER'S PANEL
EMAIL
PASSWORD
Forgot your password?
New User? Click Here!
 
Resend Activation Email!
 
SEARCH
 
 
LINKS
MSN
Video Surveillance
Hosted Exchange, SDSL
Gift to Pakistan
 
ADVERTISEMENT
 
PARTNER LIST

More
 
 
 

Home | Login | About Us | Contact Us | Privacy Policy | Advertising