Javascript
IETester
As a developer, Internet Explorer is the bane of my existence. I’m hoping that this IETester product will help with testing. It still in alpha, but it claims to be a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.
Sick of Browser Incompatibilities with IE6/IE7?
Check out the ie7-js javascript library. It helps with a bunch of css, layout, hover, PNG support, etc.
Project Site - http://code.google.com/p/ie7-js/
Demos - http://ie7-js.googlecode.com/svn/test/index.html
[...]Ajax Toolkits
Ajax Tutorials:
Prototype: http://www.petefreitag.com/item/515.cfm
Google’s Web Tool Kit: http://code.google.com/webtoolkit/
Adobe’s Spry: http://labs.adobe.com/wiki/index.php/Spry#Demos
Script.aculo.us Examples: http://wiki.script.aculo.us/scriptaculous/show/Demos
Moo.fx: http://moofx.mad4milk.net/#download
Yahoo’s User Interface Library: http://developer.yahoo.com/yui/
mHub: http://www.maxkiesler.com/index.php/mhub/
Popup Blocker Detection in JavaScript
This crossbrowser script detects whether or not a popup blocker blocked a window.open.
function detectPopupBlocker() { var test = window.open(null,"","width=100,height=100"); try { test.close(); alert("Pop-ups not blocked."); } catch (e) { alert("Pop-ups blocked."); } } // Created by: Simon Willison // http://simon.incutio.com/archive/2004/05/26/addLoadEvent function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(detectPopupBlocker); […]
Modality in the world of JavaScript
I am currently working on project where i am looking to incorporate a series of pages in modal form. These pages will have to accomodate images, flash swfs, and also straight up html. I have been scouring the web for the various options available to aid in this task. I ran accross this link that talks in great depth about the various modal alternatives in the world of html and javascript.
Here are some of the options:
- iBox - http://www.ibegin.com/ibox/ibox-test.html - pretty cool, light weight
- Submodal - http://www.subimage.com/dhtml/subModal/ - old school
- Todd Huss’s submodal - http://gabrito.com/files/subModal/ - improved Submodal
- Prototype Window - http://prototype-window.xilinus.com/index.html - pretty kick ass, but really slow
- Lightbox 2.0 - http://www.huddletogether.com/projects/lightbox2/ - The best for just images
- Thickbox - http://jquery.com/demo/thickbox/ - Nice, uses several JS includes.
All of these have their own strengths/weaknesses, but i am leaning towards using lightbox and ibox…
Using Javascript to close a parent window (self)
For work I had to create a script where by a Flash app calls a javascript method to close the window silently. If you use a normal window.close in a parent window, it will promopt the user in IE and flat out not work in Firefox. Here is the work around. [js]function closeWindow(){ if (navigator.appName==”Netscape”) { window.open(”,’_parent’,”); window.close(); } else if(“Microsoft Internet Explorer”) { // IE window.opener=’x’; window.close(); }else{ // redirect to another page… } }[/js]
The from your html call this method…[…]