Home | JSP | EJB | JDBC | Java Servlets | WAP  | Free JSP Hosting  | Spring Framework | Web Services | BioInformatics | Java Server Faces | Jboss 3.0 tutorial | Hibernate 3.0 | XML

Tutorial Categories: Ajax | Articles | JSP | Bioinformatics | Database | Free Books | Hibernate | J2EE | J2ME | Java | JavaScript | JDBC | JMS | Linux | MS Technology | PHP | RMI | Web-Services | Servlets | Struts | UML


 

Java Tutorials


 

 

Struts Tutorials

Struts Resources

Visit Forum! Post Questions!
Jobs At RoseIndia.net!

Dojo Button

                          

In this tutorial, you will learn how to create a button using dojo toolkit. When user clicks on the button, JavaScript function is called which displays "Hello Dojo" message as alert.

Try Dojo Button Online

Create a Button

The following example code imports the required dojo style and script file.

<script type="text/javascript" src="dojo/dojo.js"
djConfig="parseOnLoad: true">
</script>
	<style type="text/css"">
			@import "dijit/themes/tundra/tundra.css";
			@import "dojo/resources/dojo.css";
	</style>
	<script type="text/javascript">
			dojo.require("dijit.form.Button");
	</script>

dojo.require("dijit.form.Button"): This line instructs the browser to load the dijit button widget. 

Following code creates the button and adds the JavaScript onclick event.

        <button dojoType="dijit.form.Button" id="helloButton">
			Click Me
			<script type="dojo/method" event="onClick">
					console.log('you pressed the button');
					alert("Hello Dojo!");
			</script>
	</button>

 Here is the full code of dojo button program: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dojo Button Demo</title>
<script type="text/javascript" src="dojo/dojo.js"
djConfig="parseOnLoad: true">
</script>
  <style type="text/css"">
      @import "dijit/themes/tundra/tundra.css";
      @import "dojo/resources/dojo.css";
  </style>
  <script type="text/javascript">
      dojo.require("dijit.form.Button");
  </script>
</head>
<p><b>Dojo Button Demo</b></p>
<p>Click on the button below</p>

<body class="tundra">
  <button dojoType="dijit.form.Button" id="helloButton">
      Click Me
      <script type="dojo/method" event="onClick">
          console.log('you pressed the button');
          alert("Hello Dojo!");
      </script>
  </button>
</body>
  
  
  

Output of program:

 

After clicking the "Click Me" command button, you get:

 

Try Dojo Button Online

                          

Ask programming questions?

 

 

Add This Tutorial To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 

Current Comments

0 comments so far (post your own) View All Comments Latest 10 Comments:
  JDO Tutorials
  EAI Articles
  Struts Tutorials
  Java Tutorials
  Java Certification

Tell A Friend
Your Friend Name

 

 
Browse all Java Tutorials
Java JSP Struts Servlets Hibernate XML
Ajax JDBC EJB MySQL JavaScript JSF
Maven2 Tutorial JEE5 Tutorial Java Threading Tutorial Photoshop Tutorials Linux Technology
Technology Revolutions Eclipse Spring Tutorial Bioinformatics Tutorials Tools SQL
 

Home | JSP | EJB | JDBC | Java Servlets | WAP  | Free JSP Hosting  | Search Engine | News Archive | Jboss 3.0 tutorial | Free Linux CD's | Forum | Blogs

About Us | Advertising On RoseIndia.net  | Site Map

India News

Send your comments, Suggestions or Queries regarding this site at roseindia_net@yahoo.com.

Copyright 2007. All rights reserved.

[an error occurred while processing this directive]