Browser Ball Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is. Clicking the link below spawns the main Browser Ball window, which features two buttons: Create Window: this will spawn a new child window. Reset Ball: sometimes things get a little out of hand and the ball falls off the face of the universe. The main window should also have a beach ball. Launch Browser Ball Notes: Browser Ball requires a JavaScript-enabled web browser that supports the tag. Closing or refreshing the main window will close any child windows you may have created. I make no claims as to the physical accuracy of Browser Ball.
My DebugBar | IETester / HomePage IETester is free.To support the projectyou can make a donation : or you can translate it. IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE11, IE10, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 8 desktop, Windows 7, Vista and XP, as well as the installed IE in the same process. This is an alpha release, so feel free to post comments/bugs on the IETester forum. Requirement : Windows 8 desktop, Windows 7, Windows Vista or Windows XP with IE7 minimum (Windows XP/IE6 config has some problems and IE8 instance do not work under XP without IE7) Note for IE10 : IE10 is not available on IETester if it is not the default IE version installed on the system. So IE10 is only available on Windows 8 machines. (IETester v0.5.4 zipped installer for people unable to download .exe files due to proxy limitations)(You can download previous versions from the ChangeLog page) Known problems and limitations : External ressources :
Gebruik van prototype.js v1.5.0 gewijzigd op: 4 Maart 2007 Nieuw! PDF van O'Reilly (Engels) Inhoudsopgave Wat is het? In het geval je het nog niet gebruikt hebt, prototype.js is een JavaScript bibliotheek geschreven door Sam Stephenson. Als je de bibliotheek recentelijk hebt gebruikt, heb je waarschijnlijk wel gemerkt dat de documentatie niet een van de sterkste punten is. Ik bied ook een onofficiële referentie van de objecten, classen, functies en uitbreidingen geleverd bij deze bibliotheek. Ontwikkelaars bekend met de Ruby programmeertaal zullen, terwijl je deze voorbeelden en referentie leest, duidelijke overeenkomsten waarnemen tussen Ruby's ingebouwde classen en veel van de in deze bibliotheek geïmplementeerde uitbreidingen. toc Gerelateerde artikelen Gevorderden JavaScript handleiding (engels). Nuttige functies De bibliotheek komt met veel voor gedefinieerde objecten en nuttige functies. Gebruik van de $() functie Anders dan de DOM functie, gaat deze functie verder. Gebruik van de $$() functie Gebruik van de $F() functie <?
jQuery Interactive Date Range Picker with Shortcuts | Filament Group, Inc. Posted by Scott on 01/05/2009 Topics: css jQuery ui design visual design We've updated our popular Date Range Picker plugin to use jQuery UI 1.7 and the new jQuery UI CSS Framework. Working Demo: Demo Page The demo above was generated with the following code: jQuery: $('input').daterangepicker(); An additional demo with arrows and a custom dateFormat: Demo Page Features and Updates Uses jQuery UI 1.7.1: The range picker now uses the latest version of jQuery UI's datepicker, and allows passing of native datepicker options. jQuery UI CSS Framework-Driven: Our range picker uses jQuery UI CSS Framework classes, making it ThemeRoller-Ready. Download (and help us improve) the code The date range picker plugin code is open source and available in a git repository, jQuery-UI-Date-Range-Picker. Developer Options The following options are available in this plugin: Development Notes This plugin is a work-in-progress, and we would love to hear your input on how it could be improved. Dependencies Setting Menu Presets
PlotKit - Javascript Chart Plotting | liquidx PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is fully documented and there is a quick tutorial to get you started. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported. Requirements MochiKit 1.3 or higherHTML Canvas: Safari 2+, Opera 9+, Firefox 1.5+, IE 6 (in emulated mode)SVG: Opera 9+, Firefox 1.5+ (see note), IE6 with Adobe SVG. Note: Firefox 1.5+ on Linux and Windows is supported. License(s) PlotKit is copyright (c) 2006 Alastair Tse. Get/Download Below is a demo of a simple HTML Canvas example which should work in Safari 2, Firefox 1.5, Internet Explorer 6 and Opera 9. This is the HTML in the above demo: And the Javascript that is needed to draw the charts: If you do not see the above, this is what you should have seen: PlotKit was created by: Alastair Tse - alastair@liquidx.net
Step by Step - Show and explain visitors what your page has for them What is Step by Step? You might have encountered interactive demos created with screencasting and screengrabbing software that explain an interface to users in a step-by-step manner. This is exactly what this script does for web sites. When you loaded this page and all went well you'll have seen the examples, download and first paragraph section being highlighted and a small panel with information showing up in succession. This is done with this script. Dependencies Step by Step uses the Yahoo User Interface library, and pulls in most of its dependencies automatically. All you need to do then is to write your Step by Step script. Writing the show script So, what you need to do is write a JSON object in the following format and either embed it in a script tag (like it is on this page, check the source) or link to it as an external file (like all the example pages do). Here's an example and below you find explanations about the different properties: The main configuration properties autostart id
Step by Step - Show and explain visitors what your page has for them What is Step by Step? You might have encountered interactive demos created with screencasting and screengrabbing software that explain an interface to users in a step-by-step manner. This is exactly what this script does for web sites. When you loaded this page and all went well you'll have seen the examples, download and first paragraph section being highlighted and a small panel with information showing up in succession. Dependencies Step by Step uses the Yahoo User Interface library, and pulls in most of its dependencies automatically. All you need to do then is to write your Step by Step script. Writing the show script So, what you need to do is write a JSON object in the following format and either embed it in a script tag (like it is on this page, check the source) or link to it as an external file (like all the example pages do). Here's an example and below you find explanations about the different properties: The main configuration properties autostart delay panelFade fadeSpeed autoplay id
Double Tab Navigation Problem The users need to navigate a hierarchical structure Solution Use a double tabular to show the two topmost levels. From www.apple.com Use when Sites where large amounts of pages are available and are hierarchically structured. How Use a nested tabular to show the topmost level and one level lower. Why The tabular metaphor is well-known in user interface and facilitates easy navigation between groups of information. More Examples Dell's web site uses a more text-based double tab.