Ajax Updates

Posted by education training on Wednesday, November 11, 2009

Ajax Updates

AJAX License Agreement Component – AJAX Script

Posted: 11 Nov 2009 11:48 AM PST

EULA.XML is an easy to setup, full of features and skinnable AJAX application that can be used to display license agreement wizards on web-pages.

It is easy to customize, comes with a set of 4 confirmation modes (None, Checkbox, Radiobuttons, Dropdown), cool 12 skins with rounded corners, custom actions for the “Cancel” and “Finish” buttons, and its installation on a webpage is a matter of minutes.


Demo: http://dev.wemakesites.net/EULA_XML/
Download: http://acidmartin.wemakesites.net/DownloadAdmin/click.php?id=123
Source: http://acidmartin.wemakesites.net/#eula

Related Listings:

  1. Unobtrusive Ajax Guestbook Unobtrusive AJAX Guestbook.XML is easy to use ajax and php...
  2. Free Google Page Rank (PR) Checker Ajax Script What is an Ajax Page Rank (PR) Checker Script? Google...
  3. Zephyr – Ajax PHP Framework zephyr is an ajax based framework for php5 developers. you...

XBalloon – AJAX baloon script – AJAX Script

Posted: 11 Nov 2009 11:44 AM PST

XBalloon is DHTML/Ajax script control that allows developers to provide user with context sensitive information.
Some of the common uses for XBalloon are:

* Displaying context sensitive help
* Using AJAX to provide information about items on screen when user clicks or mouses over an item

* Displaying forms that would take up very small portions of a full page. Like newsletter sign-up.



Demo: http://demos.entechsolutions.com/XBalloon/Demo.htm
Download: http://www.entechsolutions.com/Resources/Downloads/XBalloon/XBalloon.zip
Source: http://www.entechsolutions.com/

Related Listings:

  1. JFlow 1.2 Script jFlow is a widget to make your content slides. One...
  2. Simple Ajax Messages Composer Demonstration of Ajax. You never need to see a page...

DHTML Window with Tab Support – AJAX Script

Posted: 11 Nov 2009 11:41 AM PST

Configuration
You need to include one css file and one javascript file in the HTML file(s) where you want the windows. This is done with the following lines:

 <link rel="stylesheet" href="floating_window_with_tabs.css" media="screen"> <script type="text/javascript" src="floating_window_with_tabs.js"></script>

Put them betweeen your &lT;HEAD> and tag. Make sure that the path to the files is correct.

The script is easy to set implement. The content of the windows is plain HTML and the window is created by calling one single javascript function. This is an example of the HTML for a window:

 <div id="window1">   <div class="floatingWindowContent">   This script has been tested in IE, Firefox and Opera. Unfortunately, Opera doesn't support overflow in the same extent as   IE and firefox, so there you will find both a horizontal and vertical scrollbar. I found that to be better than no scrollbars at all.   </div>   <div class="floatingWindowContent">   Content 2   </div>   <div class="floatingWindowContent">   Content 3   </div> </div>

As you can see, there is one parent div(

) which contains 3 inner divs(
). The parent div isthe window div. It’s important that the id(”window1″) of this div is unique, i.e. no other elements with the same id. The three inner divs represents the content of 3 tabs. Such divs should always be written as in this example. Put the HTML content of the tab between the start- and end tag of these divs.

The last thing you have to do is to create the window by calling this javascript function:

 initFloatingWindowWithTabs('window1',Array('Info','More info','The end'),200,220,50,50,true,false,false,true,false,false);

This function accepts alot of arguments. Here is a description of each of them:

1. “window1″ = The ID of the window div.
2. Array(’Info’,'More info’,'The end’) = An array with the name of the tabs. Use false if you don’t want any tabs.
3. 200 = Initial height of the window. Use false if you want the height to adjust to the content. Note that this value could be
4. 220 = Initial width of the window. Use 0 if you want the width to be set automatically. overridden by the width saved in the cookie
5. 50 = Initial left position of the window – A cookie could override this value
6. 50 = Initial top position of the window – A cookie could override this value
7. true = No scrollbars – If you don’t want the be able to scroll the content of the windows. Usually, you put in false here.
8. false = No resize handle – The user will not be able to resize the window
9. false = No status bar – There will be no status bar at the bottom of the window
10. true = No close button – There will be no close button at the top right corner of the window
11. false = Show minimize/maximize button at the top right corner of the window.
12. false = No move – false if you want to be able to move the window, true otherwise.

For further information, look how it is done in the floating_window_with_tabs.html file.



Demo: http://www.dhtmlgoodies.com/scripts/floating_window_with_tabs/floating_window_with_tabs-skin2.html
Download: http://www.dhtmlgoodies.com/scripts/floating_window_with_tabs/dhtmlgoodies_floating_window_tabs.zip
Source: http://www.dhtmlgoodies.com/scripts/floating_window_with_tabs/floating_window_with_tabs-skin2.html

Related Listings:

  1. Floating Window With Tabs This is a cross browser DHTML window script with support...
  2. DHTML Window/modal dialog script This script displays a modal message at the center of...
  3. DHTML Rounded Corners Configuration Include files First, you need to include the js...

AJAX Hotel Reservation Form : AJAX Script

Posted: 11 Nov 2009 11:35 AM PST

AJAX Hotel Reservation Form is full featured AJAX solution for websites that provide online room reservations. View screenshots.

It is skinnable, highly customizable, localizable, crossbrowser and ultra fast. The admin panel of the script allows to review the current reservations, send confirmation emails and delete old reservations.



Demo: http://acidjs.wemakesites.net/?pageid=hotel-reservation-form-js
Download: http://acidmartin.wemakesites.net/DownloadAdmin/click.php?id=116
Source: http://acidjs.wemakesites.net/?pageid=hotel-reservation-form-js

Related Listings:

  1. Ajax Script – Contact Form This contact form is a fun example of together...
  2. Unobtrusive Ajax Guestbook Unobtrusive AJAX Guestbook.XML is easy to use ajax and php...
  3. Form With Style – Ajax Script Forms are not very friendly when it comes to CSS...

DHTML Menu for Applications

Posted: 11 Nov 2009 11:28 AM PST

Brief description of the classes

* menuBar = The main class for this script. It creates the menu bar and contains methods for working on the menu(Examples: the appendMenuItems and deleteMenuItems methods).
* menuItem = It creates the layout for a single menu item and have methods for operating on this item. You don’t have to work on this menu it
* menuModel = The data source(”Model”) for the menu. It contains an array of menuModelItem objects and saves the relationships between these items.
* menuModelItem = Data source for a single menu item.

Note! All methods starting with two underscores(__) are considered to be private methods.
Example of use: 

 var menuModel = new DHTMLSuite.menuModel(); menuModel.addItemsFromMarkup('menuModel'); menuModel.init();  var menuBar = new DHTMLSuite.menuBar(); menuBar.addMenuItems(menuModel); menuBar.setTarget('menuDiv'); menuBar.init();

The first three lines creates the data source for the menu. First a menuModel object is created, then we add items to this menuModel by pointing it to an unordered list on the page(

Related Listings:

  1. Multilingual Ajax dhtml Calendar Script for applications This is a cross browser Javascript calendar. Download the zip-file...
  2. DHTML Rounded Corners Configuration Include files First, you need to include the js...
  3. DHTML Window/modal dialog script This script displays a modal message at the center of...

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.