Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Javascript’

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

Prototype Image Crop

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Creating ajax applications are now much easier with WaveMaker Visual Ajax Studio for both developers and users with even no JavaScript experience.

WaveMaker Visual Ajax Studio is a visual builder that helps ceating web-applications using Ajax widgets, web services and databases. Best of all, it does not require complex codes, forms, patterns or portal frameworks.

Ajax Software

Some Features:

  • Drag & Drop Assembly
  • LiveLayout™
  • Push to Deploy™: One-touch application deployment
  • Visual Data Binding>
  • SOAP, REST and RSS web services
  • Leverage existing CSS, HTML and Java
  • Deploys a standard Java .war file

Datetime Toolbocks is a JavaScript library with advanced date parsing that generates date data from the text passed. A simple example would be "today", "next friday", or "last monday".

This smart date parsing JavaScript library also has a DHTML based date selector which makes the library vey functional for users who would prefer text or visual input selection.

Smart Date Input

DateTime Toolbocks currently supports Ruby on Rails as the development platform.

ADxMenu is a JavaScript and CSS drop-down menu solution which web designers will find easy to modify.

It supports unlimited sub-menus and offers a simplified usage as it uses the well-known <ul> <li> tags to create the menus rather than JavaScript configurations (JavaScript editing can be done for extra modification).

Drop Down Menu Script

ADxMenu works in most of the modern browsers (an extra solution exists for IE6) and supports both horizontal & vertical menu types, even right-to-left and bottom-to-top.

Google already has an API for Google Maps service which makes it possible to create interactive, real-data-driven maps.

DrasticMap, an AJAX based component, makes it easier to show data from a MySQL database in Google Maps.

This Google Maps component is offered in a PHP – JavaScript package called DrasticTools which also includes 2 other components, DrasticCloud (for easy tag cloud generation) & DrasticGrid (grid editing).

MySQL Data In Google maps

DrasticMap uses MooTools JavaScript framework for the interaction, which is included in the download package.

Ext JS LiveGrid component, a component for the powerful Ext JS Framework, makes it easy to create non-refreshing, live grids.

This EXT JS component is very handy while browsing through a large amount of data as all data doesn’t need to be loaded once & no need for paging.

Ext JS Live Grid Component

Control.ProgressBar is a percentage based progress bar widget for Prototype.js.

Progress bar can grow:

  • on a timed interval
  • when events in your application tell it to
  • it can be set to poll a given URL.

The mechanism for action is simple, just create a div with relative or absolute positioning, attach the JavaScript, and this control will set the width of the inner element as necessary.

Prototype.js Progress Bar

F->IT is a web based FTP client application which functions similar to Windows Explorer.

With a tree-view type file & folder browsing, using F->IT, you can:

  • Drag and drop folders and files.
  • Edit highlighted source files.
  • Upload multiple files.

F->IT is specially very functional for users who need to connect FTP servers from different PCs (like customer PCs). Also, for any developer & designer, it can be used as a backup when needed.

Web Based FTP Client

Built with the open source JavaScript Framework JavaScriptMVC, F->IT is a must-check tool.

inWriter is a small JavaScript class that makes inline editing of textfields possible with a very simple coding.

JavaScript Textfield Edit

How to use?

  • Just execute the inwriter_init function, passing the ID off the field you want to edit and the name of the function to call after the editing has been completed.
  • The called function receives two parameters:
    1. ID of the tag
    2. new value
  • That’s all!

Exhibit is a three-tier web application framework written in Javascript which makes it easier to show a few hundred records of data on maps, timelines, scatter plots, interactive tables, etc., without any programming knowledge.

Interactive JavaScript Framework

In order to use Exhibit, writing a simple data file, and an HTML file that specifies how the data should be shown. Data + Presentation. That’s all.

Exhibit can be used as a web service like Google Maps without installing any software or source code can be downloaded to run it on your own web servers.

Uptime Robot