For a new application I’m working on I’ve searched the internet for a javascript based eyedropper tool. Fortunately I only found some Java based applications and I’m not a big fan of those.
So I decided to write my own Eyedropper. Test it and install it on your own website! You can tweak some events so it has more functionality.
There is also a Zip file available with a working example. Just upload the files to your folder on your webspace and navigate to it!
Ooohw, sometimes (read: mostly) I hate different browsers, different engines and frameworks that says that they are browser compatible. I’ve struggled with a bug for a really long time and now I’ve found the problem. When you use the Mootools’ 1.2 function getStyle you may want to take notice of the following bug:
alert($('element').getStyle('background-image'));
Some browsers may return different values. Firefox returnes the relative path like: images/example.jpg but Opera, Chrome, Safari AND Internet Explorer returned the full path: http://mywebsite.com/images/example.jpg.
This was very confusing for me so I though I’d post it on the website. Just to make sure you guys don’t make the same mistake again!
Happy Programming!
I’ve published a lot of Mootools 1.2 Classes. All the classes in one list:
But when you’re new with using javascript classes you don’t know where to start. That’s why I’ve written this tutorial. You have to make sure that you put all this lines of code between the <head></head> tags.
