Scripting can be our best ally or worst enemy. Depends on how you use it in your website, it can optimize the performance (or accessorize your website), or it can decrease the performance of your website. With the introduction of web2.0 along with Ajax and Ruby on Rails Framework, it should be safe to say that scripting techniques should be able to be made more efficient and harmless in any way. As you will find out, ModalBox will do just that.
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. And yes, it may also be useful for showing bigger versions of images, or even an image slideshow. ModalBox supports transitional effects, so you can do a slide down appearing or on-the-fly resizing. Pretty cool, huh? ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework and valid XHTML/CSS. ModalBox uses AJAX to load content and industry-standard libraries — prototype and script.aculo.us. Since ModalBox is a browser and platform independent, it can create a 100% browser-compatible dialog box to go around popup blockers that most modern browsers use. Furthermore, you can also customize the its look and feel by using CSS to make ModalBox any way you want to.
Overall, ModalBox is a pretty handy technique to create an Ajax-based popup box. The newest version, Ver 1.4, allows you to easily create custom Ruby helpers for using ModalBox with Ruby Javascript. ModalBox uses AJAX instead of deprecated iframe for content loading. It’s also more secure — you can’t access pages which are not on your host. With only about 10 KB of code, ModalBox works in most modern browsers (IE6, Firefox 1.0 & 1.5, Safari, Camino, Opera 8 and 9). A nice tool to have, indeed. So be sure to try it out yourself!
You can see the ModalBox code samples by clicking HERE!

1 Comment »
FlickrShow is a simple slide-show tool that allows you to display images from a Flickr photoset on your web site. It is easy to use – photographs can be displayed by adding a few simple lines of HTML and Javascript code to your site. It is also unobtrusive and compact, the script only adds an additional five kilobytes to your page.
FlickrShow is a hosted service making it simple to install without any maintenance worries. Download the example pages to see how easy it is add one or more FlickrShow slide-shows to your web pages. FlickrShow uses the Prototype framework, and so will run on any browser that it supports, (that includes Internet Explorer 6+, Safari 2+ and Firefox/Camino).

No Comments »

xmlhttprequest - News aggregator filtering topics such as ajax, javascript, web2.0, dhtml, css and xmlhttprequest from the most popular web sites on the internet.
No Comments »
Ajax IM (”asynchronous javascript and xml instant messenger”) is a browser-based instant messaging client. It uses the XMLHTTPRequest object in JavaScript to send and receive commands to and from the server. No refreshing of the page is ever needed for this “web application” to work, as everything is updated in real-time via JavaScript. Try out AjaxIM and see if you like it!

1 Comment »

14Dayz is a simple web based time tracking tool for groups of loosely connected professionals that collaborate on a professional basis. Finally distributed teams can also have simple and easy to use time tracking software that does what you need and then leaves you alone. In-house teams and individual professionals can enjoy 14Dayz benefits too! a multi tiered application.
14dayz uses Ruby on Rails and Perl and other JavaScript frameworks in other projects, as well.

No Comments »
Great website to search for javascript tools and tips! For Web developers who want to learn more about adding interactivity to their Web sites, newbies who want to learn the Javascript, and those of you who want to know EVERYTHING about Javascript, this is the place. Visit JavaScript.com
No Comments »
We have a new Ajax framework just released.
Jitsu contains an integrated set of tools to enable developers to build and deploy sophisticated user interfaces for web applications. These include an Xml markup language, page compiler, data binding engine, JavaScript runtime, control library, runtime inspector, animation engine, cross-platform library, Ajax, and back button support.
The framework focuses on offering:
- Designer friendly
- Rapid iterations
- Open source
Hello World looks like:
[html xmlns=‘http://www.w3.org/1999/xhtml’
xmlns:j=
‘http://www.jitsu.org/schemas/2006′]
[body]
My first application:
Hello World!
< /j>
[/body]
[/html]
(Change “[]” with “<>“)

(Ajaxian)
No Comments »

Who needs debuggers and add ons, when you can simply put the following in your IE address bar:
javascript:
”+window.
document.
body.
outerHTML
‘
‘;
No Comments »