Sliding Tabs using Moo Tools Plugin...
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...
1,557 views
The script relies on width and height of tabs and content, so if you want to use it to display images (like below) you have to hard-code the dimensions of your images in your css, or preload them. If you want to create vertical tabs you must set a concrete height for your tabs. This isn’t really...

Tags: , , , , , , , , , , , , , , , , , , , , ,

Selecting Dates in Calendar Script...
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 1.00 out of 5)
Loading ... Loading ...
192 views
A function that will select all dates in the currently displayed calendar month. Start with a simple Calendar instance, and set its MULTI_SELECT option to true: this.myCal = new YAHOO.widget.Calendar("calendarEl", "calendar","10/2006"); this.myCal.Options.MULTI_SELECT =...

Tags: , , , , , , , , , , , , , , , , , , ,

Edit In Place with Yahoo UI...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
107 views
The article at at 24 ways about Ajax in-place editing, but honestly the javascript they code up there seems quite hacky and un-standards-compliant. Instead, we’re going to use the Yahoo UI Library (YUI, YUI-EXT), a modern cross-browser javascript toolkit, to accomplish the same results with less hassle,...

Tags: , , , , , , , , , , , , , , , ,

YUI – DHTML Form Controls...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
100 views
DHTML Form Controls built with the YUI Libs. This example shows the different controls available. Render any of the controls & change their value, then destroy the control to see the form has been updated. Usage: Class YAHOO.CheckBox DHTML Check Box. destroy void destroy ( ) Destroy the checkbox Returns:...

Tags: , , , , , , , , ,

YUI – Effects Widgets...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
151 views
This is my attempt to somewhat mimic & improve upon the Combination Effects in script.aculo.us The YUI libraries are fantastic, but coming from developing tools with script.aculo.us, I kind of miss the simple combination effects. The power of the YUI libraries is outstanding, if I want to make all...

Tags: , , , , , , , , ,

iPhone Interface in Javascript...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
341 views
This script can generate and embed Iphone like interface on your webpages with the help of Javascript. Use your mouse to drag the lists up and down, then try to flick them like you’re supposed to on the iPhone. The back button on the phone is also enabled. Built with Yahoo! UI Library, PHP and...

Tags: , , , , , , , , , , , , , ,

Carousel Component Script...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
496 views
The intent of my carousel component was to fill in a gap in the YUI library. In 2006, I created the ycarousel component. Thankfully, many people have found it useful over the last 2 years. Before I left Yahoo! in 2007, I spent some time with the YUI team, discussed the ideas behind the way I approached...

Tags: , , , , , , , , , , , , , , , , , , , , , , ,

YUI – Dialog Alert Widget...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
464 views
This widget is designed to be a dropin replacement for alert() Just include the widget.alert.js file and all of your JS alerts are now Dialog’s HTML: <p><button onclick="alert('Test alert() #1')">Show me an Alert</button><br /><br /> <a...

Tags: , , , , , , , , , , , ,

Ajax Draggable Tabs Script...
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
282 views
The Draggable Tab widget allows great look of quick draggable tabs to be dragged with dropped between one or more modules. Features: Uses standard features Tabs can be dragged on top of each other to allow reordering within the same module as well as other modules A graphic (specified by CSS) is shown...

Tags: , , , , , , , , , , , , , , , , , , , ,



Web Design & CSS (Templates) - TOP.ORG