Tutorials : Implement AJAX Functionality Using the jMaki Framework and NetBeans 5.5 :

Download, Install, and Configure the jMaki Plug-in for NetBeans 5.5

Follow these steps to download, install, and configure the jMaki plug-in for NetBeans 5.5 IDE:
  1. Download the plug-in.
  2. Install the plug-in. Open NetBeans 5.5 and access the Tools menu, Update Center option. Select Install Manually Downloaded Modules (.nbm Files). Then press Next.
  3. Indicate where to download the plug-in by pressing the Add button and select the desired place into the dialog. Press Next.
  4. The window in Figure 1 appears if JMaki has not been installed on your computer previously. Ignore it and press the Next button.


    Figure 1. Installation: You should see this if it's your first time installing jMaki.

  5. Click Accept to accept the licensing agreement and the installation will proceed.
  6. In the next dialog that appears, select the checkbox and press Yes, then Finish.
Now, just restart NetBeans. If everything is correct, the new module will appear in the Module Manager window. Open this window by going to Tools—>Module Manager.

Explore jMaki Widgets with the jMaki Demo Application

jMaki's demo application contains most of their basic widgets, giving you a good foundation for learning to use this framework. First, download the demo and un-zip it onto your computer.

Open NetBeans and select: New—>New Project.... In the New Project window, select the Web option from the Categories section and the Web Application with Existing Sources option from the Projects section. Then press Next. The result should look like Figure 2.


Figure 2. Installing the Demo: The demo provides a solid foundation for learning jMaki.

In the first Browse field, select the place on your computer where you have been unzipped the jMaki demo application. NetBeans will automatically complete the Project Name, Project Folder, and Context Path fields. Insert another folder name into the Project Folder field—in place of the default one. Do not worry if the specified folder does not exist, NetBeans will create it for you.

Click Next. Then click Finish. Notice that NetBeans has automatically completed the Web Pages Folder and Libraries Folder fields.

Finally, to see a jMaki example running, right click on the project name in the Projects tab and select Run Project. After a while, your default browser (in this example, Mozilla Firefox) should open to something like Figure 3.


Figure 3. Running the Demo: Your browser should open to something like this.

On the left, in the Samples section, you should see a set of jMaki widgets. Choose one of them, for example, the Dojo Widget. You will see the widgets on the right Figure 4.


Figure 4. The Widgets: You should see the widgets on thr right.

Select the Editor widget. This simple editor can be used in your Web projects.

To capture the inserted text, just click on the diskette icon, but notice that the captured text cannot be used directly by the application. To do so, you'll need to use an additional Java Script function, showEditorContents, discussed in the next section.

Also notice that the text "Edit me" appears in the editor. To modify that text, go into NetBeans and access the text from the Projects tab using this path:

<project_name>/WebPages/dojo/editor.jsp. 
Figure 5 illustrates the process.


Figure 5. Editing the Inserted Text: Use this directory path in NetBeans.

Now, run the project again. When you access the Editor widget, you should see the text that you modified in the editor.jsp page.

Home / Articles / Implement AJAX Functionality Using the jMaki Framework and NetBeans 5.5 / 1 / 2 / Next Page

How to Add Java Applets to Your Site

New on the Java Boutique:

New Review:

Time Management Made Easy with the Quartz Enterprise Job Scheduler
Why not just use the Java timer API? This open source scheduling API boasts simplicity, ease-of-integration, a well-rounded feature set, and it's free!

New Applet:

Reverse Complement
Reverse Complement is a simple applet that converts DNA or RNA sequences into three useful formats.

Elsewhere on internet.com:

WebDeveloper Java
Lots of Java information on webdeveloper.com

WDVL Java
Thorough Java resource at the Web Developer's Virtual Library.

ScriptSearch Java
Hundreds of free Java code files to download.

jGuru: Your View of the Java Universe
Customizable portal with online training, FAQs, regular news updates, and tutorials.