This is an up date to Using Script.aculo.us to Toggle a DIV with the added bonus of persisting the state of the Toggled DIV(s). This is not as an elegant solution because it doesn’t to use the Effect.Toggle Function but it does allow you to use any pair of Combination Effects.
) by jayThis is the Uber-Web 2.0 function of the Year, In Place Editing. This function is mostly associated with Ruby and other ‘fluffy’ web apps but once you figure out how easy it is to add to an app you’ll be amazed.
In this short tutorial I will show you how to add InPlaceEditing to an Unordered List.
This tutorial is built using the Script.aculo.us Library and PHP5.
Most of the examples I found are for Ruby but I did find one other that helped me. Even though this topic has been covered I feel it is my duty to help spread the knowledge.
Read the rest of this entry »
This is an update to this post with the change being that I swapped out Lightbox JS (Scriptaculous/Prototype) in place of the Yahoo! User Interface Library.
The result is a minor performance increase using the YUI over Prototype.
This is a nice little trick that I am constantly going back to Script.aculo.us to look up. This Hides/Shows (Toggles) a DIV (or any element) with the click of a link using the Script.aculo.us Effect.toggle(’ELEMENT’,'EFFECT’) function. Script.aculo.us has 16+ Combination Effects but only a few can be used with Toggle.
Read the rest of this entry »
The title says it all. In this tutorial I’ll explain how to build a dynamic data grid for browsing data. This is not a perfect data grid solution that can be just dropped onto a page, it requires a bit of hands on tweaking, but the end result is pretty amazing.
This code uses AjaxAgent and PHP5’s PDO DataBase Functions. I really like using PDO but if you’re using something else you can very easily modify the code.
This is something I was working on a few weeks ago.
What this demonstrates is the ability to send a block of text to a web services and have that service responds with a list of tags. Just to spice this up a bit I add in some Ajax.
Read the rest of this entry »
The title says it all and that’s just we’re going to do. We’re going to create an Ajax enabled Flickr slideshow using the phpFlickr class.
You’ll want to have a look at this article: Using phpFlickr to Intergrate Flickr Photos on Your Own Site because this hack builds off of the referenced article.
See the working example here.
