Prototype
Monperla.es – Web totalmente Ajax desarrollada con prototype y scriptaculous
Since we began to post in this blog, we have been offering components and techniques to develop a site using Ajax. Today we are going to put everything together and we see how to get results that some time age was only possible using Flash.
The study case is Monperla, an online shop that sells pearl [...]
AJAX History Manager, back button fix
One of the major issues on AJAX web applications is the accesibility and usability lacks. Many users have manies and don¡t undestands about AJAX, they only expects that if they click the back button then it must works as always and get them back to the previous screen.
Digitarald.de have developed a solution HistoryManager - The [...]
e24Squares - AJAX random squares image transition
Intro
e24Squares is an extension written for scriptaculous to make transitions between images with an original effect. This effect randomly generates squares that appear on different positions on the current image while the next image appears behind with a fade effect. The extension can be used as photo gallery, as slideshow, or as decorative animation [...]
Gracefully degrade with Prototype. The onDomReady event
Following up on the previous post, we saw how important is to take care about our AJAX scripts to degrade gracefully. Today we will see how to do it in the practice using prototype.
We will take as example the e24Writer described on previous posts. The e24Writer gradually display a group of elements using a [...]
e24TabMenu – Drop down AJAX menu
Introdution
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.
Demos
All tabs hidden
One tab expanded
Usage
Include Prototype 1.6.0.2 and Scriptaculous 1.8.1 in the HTML code header. Also include e24TabMenu after both:
?View Code HTML1
2
3
<script type=’text/javascript’ src=’js/prototype.js’></script>
<script type=’text/javascript’ src=’/js/scriptaculous.js?load=effects’></script>
<script type=’text/javascript’ src=’js/e24tabmenu.js’></script>
Next, write the necesary HTML code to define de menu. We will need [...]
e24Writer - Chained opacity transition
Intro
e24Writer is a plugin written for scriptaculous to gradually display a group of elements using a chained opacity transition. The elements can be either images, HTML or text.
Demos
Animating Images
Animating a Text
Usage
Include Prototype 1.6.0.2 and Scriptaculous 1.8.1 in the HTML code header. Also include e24Writer after both.
?View Code HTML1
2
3
<script type=’text/javascript’ src=’js/prototype.js’></script>
<script type=’text/javascript’ src=’/js/scriptaculous.js?load=effects’></script>
<script type=’text/javascript’ src=’js/e24writer.js’></script>
For [...]
