APIDocumentation - datejs - Date class and instance methods provided by the Datejs library. - A JavaScript Date Library. Facebox 1.3. What is it? Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves. Why another lightbox? Because we wanted, nay, needed a Facebook-style lightbox on FamSpam. Load Dependencies Make sure jQuery is loaded before Facebox. Attach It onLoad While calling facebox() on any anchor tag will do the trick, it's easier to give your Faceboxy links a rel="facebox" and hit them all onLoad. jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox() }) Extra Classes You can give the facebox container an extra class (to fine-tune the display of reusable remote pages) with the facebox[.class] rel syntax.
Maybe your Terms and Conditions can be loaded standalone or via Facebox. View an an example which makes the remote.html page bigger and bolder using css. The Code. Getting FancyUpload to Work. Rakesh said on June 17th, 2008 at 1:44 pm : Thanks buddy..this site really helped .. to get all the supporting files of fancyupload.
Its working well for me now :) Regards Rakesh Mark said on June 17th, 2008 at 6:32 pm : Thanks for that, Brother! Mark Bruno said on June 18th, 2008 at 10:22 am : Hi, Thanks a lot for this! Queued Photo Uploader » FancyUpload - Swiff meets Ajax Showcase. Swiff meets Ajax for powerful and elegant uploads.
FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.
Jquery. Tree. DhtmlxTree is a feature-rich JavaScript tree menu that allows you to quickly add a nice-looking, Ajax-based hierarchical tree on a web page.
The treeview supports in-line node editing, advanced drag-and-drop, three-state checkboxes, and more. Due to special techniques, this JavaScript tree control loads even big trees quickly and effectively. Powerful drag-and-drop capabilities allow you to drag the tree items not just within one tree, but between different trees (even if they are located in different frames or iframes).
You can try this functionality right now: Live demo Icons Sets: DHX Sky Blue Books Vista Theme Folders Drag & drop items within the trees as well as between trees. Rich JavaScript API Rich client-side API provides complete control over the treeview appearance and behavior. Ajax Support and Server-Side Integration This JavaScript treeview uses the Ajax model of data processing, so the tree content can be updated seamlessly without reloading the entire webpage. Features Editions. Tree View JavaScript Tree. JavaScript/CSS Libraries for Dynamic Chart Creation.
JavaScript / Dojo Primer - FOSDEM 2006. 75 (Really) Useful JavaScript Techniques. Advertisement Developers and designers are using more and more JavaScript in modern designs.
Sometimes this can be a hindrance to the user and take away from the simplicity of the design, and other times it can add greatly to the user’s experience. The key is a) adding the right amount of JavaScript, and b) using the right JavaScript techniques. We have already1 collected2 various3 JavaScript4 techniques5 in the past – now it’s time for a new portion of JavaScript. Thanks to the Web’s widespread adoption of JavaScript, JavaScript libraries have sprung up to help make design and development easier. However, sometimes we need JavaScript solutions that are a little more involved or specific. You may want to take a look at the following related articles:
17 Hours of JavaScript from the Masters - Nettuts+ Douglas Crockford.
John Resig. Peter-Paul Koch. Nicolas C. Zakas. If you recognize these names, you probably know what they all have in common: they're amazingly talented JavaScript Developers. The best way to load external JavaScript. Posted at July 28, 2009 09:00 am by Nicholas C.
Zakas Tags: Blocking, JavaScript, Performance Not too long ago, I wrote about loading JavaScript without blocking by creating a dynamic <script> tag. When <script> tags are in the flow of an HTML document, the browser must stop rendering and wait for the script file to download and execute before continuing (example). Creating a new <script> tag via JavaScript avoids this issue because it’s out of the flow of the document, so the script file is downloaded and executed without waiting. The best technique. Ask HN: Javascript best practices? Custom alert demonstration. This is a demonstration of how to over-ride the default window.alert method of a browser.
This was born from the design requirements of a recent project to have non-standard alerts to notify the user of a problem with data they had entered. The trick here was that all products use the same validation scripts, and not all of them fell under this requirement. To modify the validation scripts to expect another argument that would have told it to use a DIV overlay or a standard alert would have proven difficult to implement and maintain. A co-worker (Dean) wondered out loud if it was possible to overload the alert method, and turns out - you can. You can test the alert functionality with the following button. The markup for the above button is: <input type="button" value = "Test the alert" onclick="alert('This is a custom alert dialog that was created by over-riding the window.alert method.');" /> This has been tested and verified to work in MSIE6, Firefox 1.0, Safari and Opera 7.1+.