Recent Posts
Woork
Return To Blog Listing
A blog about technology, programming, engineering and my personal interests.
Recent Posts Tagged With 'frameworks'
Sliding top panel using mootools
This tutorial explains how to realize a simple sliding top panel (top/down) using mootools, some line of css code and JavaScript. The result is something like this:Click on the tab "Show Panel" to sl...
Nice Ajax effect for message box using Mootools
My friend David asked to me how to implement a message box which appears when an user submit a form and disappear (with a nice fade effect after some seconds) when a generic Ajax request is completed...
Simple images slider to create Flickr-like slideshows
Since long time I was looking for a simple way to implement a Flickr-like slideshow ("image carousel") and finally I found a good compromise between complexity and result to implement it using Protot...
Sort table rows using Ajax
Some days ago I was looking for a good and simple way to sort data into a table with a simple click on table headers and I found this interesting framework: Stuart Langridge's sorttable.js. This tutor...
Gettyone-like search options menu with Scriptaculous
My friend Thomas asked to me how to implement a Gettyone-like search options menu which display a layer with some search options below the input search field, when an user click on the input field to ...
Opacity change using Scriptaculous
This tutorial explains how to use Scriptaculous to implement a nice "change opacity" effect for a layer and its content. Download this tutorial (include Scriptaculous 1.8.1)Step 1: include scriptaculo...
Using prototype.js to add record into database with ajax
In the past weeks I wrote several posts about how to use ajax to add, modify, delete records from a database using ad hoc JavaScript functions. Now I want to use ajax requests using a very useful Java...
Drag and drop to order list elements with Scriptaculous
This tutorial explains how to use Scriptaculous to implement an HTML list with drag and drop feature to reorder list elements. Download this tutorialStep 1: Add scriptaculous frameworkTo enable drag a...
Effect appear (fade-in) using Scriptaculous
My friend Ivan asked to me how to implement the same Digg-like fade-in effect which you can see when you click on the Login link on the Digg topbar. This is very simple using Scriptaculous and toggle ...
Toggle effect using Scriptaculous
This tutorial explains how to implement a simple Toggle effect use Scriptaculous framework. I prepared a simple tutorial you can download to see it in action: Download this tutorialTo use scriptaculou...
Horizontal animated menu using Mootools
This is my preferred Mootools effect: a nice horizontal animated menu which changes dinamically the blocks width when you pass your mouse over a selected block. You can see the effect on mootools hom...
Mootools animated sidebar menu
This tutorial explains how to implement an animated menu using mootools. You can see how it works directly from mootools site. Download source fileThis pack contains all source code, mootools framewo...
Lightbox using mootools and pathfusion multibox
This tutorial explains how to use mootools and pathfusion multibox to implement a very nice lightbox on your website. When an user clicks on a thumbnailed image, the script displays a big image previe...