Common JavaScript/jQuery bugs in IE6-7-8
I always write my JavaScript scripts in Firefox, I test them in Firefox and then I move to Opera and Chrome/Safari. After my script works in all above browsers I try to make it work in IE at least version 8 (but sometimes also 7 and even 6).
Usually there are none to very little changes needed to port a script from Firefox to Opera & Chrome/Safari. Especially when I use jQuery library, but IE… that’s a different story.
How to use jQuery in Magento aka jQuery Compatible Mode
Magento shop is using PrototypeJS library which is registering $ for itself. jQuery library wants to do the same thing, that’s why in order to use jQuery in a website which uses PrototypeJS (or similar library) you need to put it into Compatibility Mode.
CLEditor- Handy Javascript Wysiwyg editor
In this post I’d like to write a few word about a nice, simple jQuery WYSIWYG editor. It’s not as simple as the editor I wrote and described on this website a while ago (de77 wysiwyg) but it is simple enough and has few functions which are not in my editor (yet!).
Solution to jQuery error: “this.empty is not a function”
A few days ago I was working on a quite complex editor written almost entirely in JavaScript using jQuery library. At some point I noticed a weird error in Firefox error console: “this.empty is not a function”.
The error description is quite confusing so it took a few seconds to realize what’s wrong…
jQuery error: this[0].ownerDocument is null
Recently I found a weird problem with my code. Firefox error console informed me that:
this[0].ownerDocument is null
and that this problem occurs on line 19 of the jquery.js.
35 Best jQuery Sliders/Slideshows With Demos, part 2
Licensed under Public Domain:
Image Scroller
Sliding Boxes
Slider by Javindra
Image Rotator
Coda Slider
35 Best jQuery Sliders/Slideshows With Demos, part 1
In this short series of posts I would like to present you the best jQuery Sliders (Slideshows). For every each of them you will find a link to its website, size of JS scripts and licence and of course- a working demo.
Licensed under MIT:
Galleria with Classic Theme
Galleria with Dots Theme(Clean Right)
Licensed under Public Domain:
Super Sized 1.0
Super Sized 2.0
Super Sized 2.0
jQuery synchronous Ajax request
Doing asynchronous Ajax request in jQuery is easy and can be achieved using the code posted below.
Synchronous request are a bit different. Why would you want to make such request? Because your code will wait for the result before executing rest of your code which can be very useful in some situations.
jQuery Simple WYSIWYG Editor
This is a simple WYSIWYG editor I described in another post but converted into jQuery plugin. It works quite fine in MSIE (even wersion 6) and Firefox. It has problems working with Opera- seems Opera lacks some features.
jQuery Tooltip plugin by Jörn Zaefferer
If you want to replace standard hint box with something more visually attractive you should try jQuery Tooltip 1.3.
The plugin is small in size- less than 8 kB of uncompressed JS code and very easy to use.
