Archivos del autor
Validating the target attribute as XHTML Strict o HTML 4.0 Strict
For the standards lovers here we have a trick to simulate the “target” attribute behavior without break HTML 4.0 Strict o XHTML 1.0 Strict standards.
We will use the “rel”attribute with the ”external” value that validates correctly with the above standards. We will make an script that will look for all “<a>” elements with “rel” [...]
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 [...]
Gracefully degrade with AJAX
With each new browser’s version we found new programming features that let us make more advanced AJAX effects. Even when most of these improvements are present at the major browsers that are more standard every day, there are always many reasons to found different users configurations:
Users that keep using old browser’s versions.
Users that use less [...]
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 [...]
