Ajax Updates

Posted by education training on Friday, November 13, 2009

Ajax Updates

Poly Tooltip v1.1

Posted: 13 Nov 2009 01:29 PM PST

PolyTooltip – a very easy way to make HTML tooltips on your web page. This Prototype tooltip script generates tooltips by small information boxes for many type of objects on your website such as link tooltip, form tooltip, div tooltip… It is good looking and very simple to use. PolyTooltip uses the Prototype Framework and Scriptaculous Effects Library. And there are four styles availble.



Demo: http://www.javascriptbank.com/polytooltip-v1-1.html
Download: http://www.javascriptbank.com/javascript/link/Poly_Tooltips/Poly_Tooltips.zip
Source: http://www.javascriptbank.com/polytooltip-v1-1.html

Related Listings:

  1. jQuery plugin – Tooltip Ajax Script The content of a tooltip is by default the title...
  2. Style Your Websites Tooltips With Prototip Now it's very easy to creat complex tooltips. Here is...
  3. jQuery plugin Tooltip Script Replacing standard tooltips is easy: Just include the script on...

Relay – AJAX Directory Manager

Posted: 13 Nov 2009 01:06 PM PST

Are you fed up with that lame old directory manager your hosting company provided you with for you website or blog? If you are already familiar with windows or mac file browsers, why should you have to change the way you work for the web? Try Relay for a change.

Feature:
* drag-n-drop files and folders
* dynamic loading file structure
* upload progress bar
* thumbnail view, including pdf
* multiple users & accounts



Demo: http://ecosmear.com/relay/demo/
Download: http://ecosmear.com/relay/download.php
Source: http://ecosmear.com/relay/

Related Listings:

  1. eXtplorer PHP and JS File Manager eXtplorer is a web-based File Manager. You can use it...
  2. File uploads using ajax Here you can test out the AJAX file upload script....
  3. Ajax File Manager Script KFM is an online file manager which can be used...

ThickBox 2.1.1 A Webpage UI Dialog Widget

Posted: 13 Nov 2009 12:57 PM PST

Features:
* ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it’s 58k.
* The ThickBox JavaScript code and CSS file only add an additional 15k (only 10k by using the thickbox-compressed.js) on top of the jQuery code. The CSS file could additionally be compressed if need be.
* ThickBox will resize images that are bigger than the browser window.
* ThickBox offers versatility (images, iframed content, inline content, and AJAX content).
* ThickBox will hide form elements in Windows IE 6.
* ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.
* Due to the ThickBox creator’s view that transitions should be tailored by individual authors, ThickBox windows do not implement fancy transitions. Feel free to add them as you see fit. Is this a feature? Well, some might say it is.
* ThickBox can be invoked from a link element, input element (typically a button), and the area element (image maps).

How to Implement ThickBox:

Before you can implement ThickBox make sure the page that invokes ThickBox has a valid DTD. This is required for ThickBox to look and function correctly.

1. ThickBox requires the jQuery JavaScript library; because of this, you will need to include the jquery.js file in the head element of your web page, followed by the thickbox.js file (NOTE: jquery.js must come first in the source order). Example below:

 <script type="text/javascript" src="path-to-file/jquery.js"></script> <script type="text/javascript" src="path-to-file/thickbox.js"></script>

Once you have included the .js files, open thickbox.js or thickbox-compressed.js and locate the tb_pathToImage variable at the top of the page. Once you have found it, make sure to change the value of tb_pathToImage to the path where the loadingAnimation.gif file is located on your own server.

2. Include the ThickBox CSS file in your web page. As of version 3.1 you will also need to update the path to the macFFBgHack.png in the thickbox.css file. Example options below:

 <style type="text/css" media="all">@import "path-to-file/thickbox.css";</style>



Demo: http://jquery.com/demo/thickbox/#examples
Download: http://jquery.com/src/jquery-latest.pack.js
Source: http://jquery.com/demo/thickbox/

Related Listings:

  1. jQuery ThickBox Script ThickBox is a webpage UI dialog widget written in JavaScript...
  2. YUI – Dialog Alert Widget This widget is designed to be a dropin replacement for...
  3. Jquery – akModal alternative to thickbox t is a modal pop up box. It can be...

Magnetic Ajax Script

Posted: 13 Nov 2009 12:46 PM PST

This is just like the magnetic word kits you’ve seen before except this is on the internet! It saves state when you release a piece.
It updates itself every 7 seconds, so if you’re on it at the same time as someone else is and they move something, you’ll see that piece move too.
And it’s persistent, so what you write will be there next time you come back unless someone else moves it somewhere.

*Installation Notes* - You need PHP5 to run this code. Just unzip all the files to the same directory and CHMOD words.dat to
646 (public writability is the important thing) and you’ll be good to go.


Demo: http://www.broken-notebook.com/magnetic/
Download: http://www.broken-notebook.com/magnetic/magnetic_ajax-3.0.zip
Source: http://www.broken-notebook.com/magnetic/info.php

Related Listings:

  1. eXtplorer PHP and JS File Manager eXtplorer is a web-based File Manager. You can use it...
  2. Free Google Page Rank (PR) Checker Ajax Script What is an Ajax Page Rank (PR) Checker Script? Google...
  3. Speech Bubbles Ajax Script Now you can, to any picture on the Internet –...

Solmetra Maps : PHP Script

Posted: 13 Nov 2009 12:34 PM PST

SOLMETRA Maps is a PHP class meant to simplify display of Google Maps on your site. SOLMETRA Maps uses the extremely powerful and flexible Google Maps API to generate interactive maps.

The second but most valuable feature of SOLMETRA Maps is geocode integration. Geocode is method of linking a place name (i.e. address, city name, country) to a physical location on a map (lattitude and longitude). Due to some licencing limitations with their map info providers, Google does not provide means to utilize geocode in their Maps API. That’s where SOLMETRA Maps comes in. It allows you to basicly type in something like “Stockholm, SWEDEN” and our class automatically positions and zooms in Google Map on a beautiful Scandinavian city.

SOLMETRA Maps uses third party geocode webservice

Features of the current release:

* Easy to set up and use;
* Geocode support;
* Autopan and autozoom to a point on a map;
* Multiple marks on a map;
* Free (GPL licence)


Demo: http://www.solmetra.com/scripts/maps/demo/
Download: http://www.solmetra.com/en/disp.php/en_products/en_scripts/en_maps

Related Listings:

  1. Google Maps Online Ajax Script SOLMETRA Maps is a PHP class meant script to simplify...
  2. Phoogle Maps v2.03 With about 5 lines of code you can display a...
  3. Photo Album with Maps Javascript application that allows you to tag your photos and...

0 comments:

Post a Comment

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