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 inline DateTextBox

                           

In this section, you will learn about the dojo inline DateTextBox and how to create a inline DateTextBox and how to make its editable.

The following code is the InlineEditBox that edits date of dijit.form.DateTextBox save it automatically. The inner textarea tag is the Textarea widget. When a user run this code then they see the paragraph of rich text. If user clicks the text, the plain text appears in paragraph. If you want to change the value then click the date text and select the appears date.

The InlineEditBox has methods get/setDisplayedValue, inline. The following code shows the DateTextBox that makes inline in HTML. 

Here is the code of program: 

<html>

<head>
  <title>InlineEdit Date Demo</title>
  
  <style type="text/css">
      @import "../resources/dojo.css";
      @import "../dijit/themes/tundra/tundra.css";
      
  </style>

    <script type="text/javascript" src="dojo.xd.js" 
      djConfig="parseOnLoad: true"></script>

    <script type="text/javascript">
       dojo.require("dojo.parser");
       dojo.require("dijit.form.InlineEditBox");
       dojo.require("dijit.form.DateTextBox");
     </script>

</head>
  <body class="tundra">
    <p id="backgroundArea" dojoType="dijit.form.InlineEditBox" >
    <input name="date" value="2005-12-30" dojoType="dijit.form.DateTextBox"
              constraints={datePattern:'MM/dd/yy'}
              lang="en-us"
              required="true"
              promptMessage="mm/dd/yy"
              invalidMessage="Invalid date. Please use mm/dd/yy format.">
  </body>
</html>

Output of the program:

When you click the following date then you get the following and select any date and it automatically save:

 

                          

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]