Starbox - Rating stars for prototype. Intro Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes. Demos Starboxes Create them in all sizes and shapes. Use indicators Let your users know what's going on. Special features Rerating, locking, ghosting, inverting, custom events and callbacks to name a few. You've clicked : element and rated rating . Installation Starbox requires Prototype , if you want to use effects Scriptaculous is required as well. Add Starbox below these libraries, the correct order is as in the example below.
Add starbox.css to your header. Upload the images to the images directory. OverlayImages: '.. The Google Ajax Libraries API can be used to automatically load the latest version of Prototype and Scriptaculous. How to use Styling. Beautiful Background Image Navigation with jQuery. Animated Form Switching with jQuery.
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form. […] View demoDownload source In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form.
We will ensure that the form switch works as well when JavaScript is disabled in which case we will simply jump to the other’s form page. So, let’s begin by creating and styling the three forms. The Markup We will create three different forms, a login form, a registration form and a password reminder form with just one input field. First, we will create a wrapper for all three forms. The CSS The JavaScript.
Parallax. Add a Copyright Notice to Copied Text. I was checking out the CBC website and I noticed that if you copy and paste any text from the site a reference link appears at the bottom, indicating the source. I thought that was kind of neat and tried to figure out how to do it. Turns out, they use a service called Tynt. That’s cool and all, but I wanted to see if I could make it happen using JavaScript. All I needed my function to do was grab the copied selection, tack on a copyright notice and then add the two to the clipboard. It took a lot of messing around and I was finally able to put something together that worked in most browsers. Here is the JavaScript: Just add this between your page’s head tags, and change the copyright notice to whatever you want. Demo To test it out, copy something from the paragraph below and paste it into your favorite text editor.
Aenean vel massa tellus.
JQUERY TUTORIALS.