Comments on: Mootools text drop-shadow

By: Alex

Alex — Tue, 19 Aug 2008 09:40:59 +0000

It’s doable. Personally, I don’t see much use for it.

By: Ahmed

Ahmed — Tue, 19 Aug 2008 00:29:50 +0000

I wonder if the same technique can be used to add glow effect. Some browsers will not display the CSS glow effect you know.

By: batman42ca

batman42ca — Fri, 08 Aug 2008 11:56:52 +0000

Daniel,

Thanks for spotting the typo. The corrected changes to convert from 1.1 to 1.2 are:

Inside applyDropShadow(), do the following

add this:

var size = el.getSize();

replace this

height: el.getSize().size.y + offsetY, width: el.getSize().size.x + offsetX

with this

height: size.y + offsetY, width: size.x + offsetX

and replace this

el.remove();

with this

el.destroy();

By: Daniel Buchner

Daniel Buchner — Fri, 08 Aug 2008 01:53:34 +0000

Wow, that was stupid, I was missing one ellipsis dot for the JS file path!

But when that was fixed I did get one error that needed correction from what batman42ca posted:

height: el.size.y + offsetY,
width: el.size.x + offsetX

his fix for this section should not have the el before size.x and size.y, I got a firebug break on that and it cleared right up when the el was erased.

Anywho, sorry for that last dumbassical post, great script Alex and thanks for the help with the 1.2 convert Batman - Blamo, Pow!

old school batman stuff, in case you didn’t get that :)

By: Alex

Alex — Thu, 07 Aug 2008 18:59:35 +0000

Hmm, looks like you forgot to include the drop shadow script… Essentially, the error means, that TextDropShadow object does not exist.

By: Daniel Buchner

Daniel Buchner — Thu, 07 Aug 2008 15:57:38 +0000

I am kind of frustrated, even before batman42ca’s post I was tinkering with things to try and get it working with 1.2 and kept getting this:

TextDropShadow is not defined

start() E()mootools-1.2-core... (line 56) extend(undefined)mootools-1.2-core... (line 57) fireEvent(function())mootools-1.2-core... (line 173) fireEvent("domready", undefined, undefined)mootools-1.2-core... (line 174) onAdd()mootools-1.2-core... (line 248) C()mootools-1.2-core... (line 168) [Break on this error] new TextDropShadow($$('.textshadow'), {color:'#fff', top:1, left:1})...


even after the changes posted I still get the undefined error.
I have the exact same instantiation as the demo, save my elements switched in under the object's, and it blows up every time.
for some reason the instantiation of this class looks wierd...
here is my page's script init:


 var Site = {
			    start: function(){

                  new TextDropShadow($$('.textshadow'), {color:'#fff', top:1, left:1});

                }

		    };

window.addEvent('domready', Site.start);

Any help here would be greatly appreciated

By: Alex

Alex — Thu, 07 Aug 2008 15:04:44 +0000

Thanks for that, Batman :) I’ll be converting most of the scripts to 1.2, soon :)

By: batman42ca

batman42ca — Thu, 07 Aug 2008 12:36:08 +0000

I just converted it to 1.2. All you have to do is the following:

Inside applyDropShadow(), do the following

add this:

var size = el.getSize();

replace this

height: el.getSize().size.y + offsetY,
width: el.getSize().size.x + offsetX

with this

height: el.size.y + offsetY,
width: el.size.x + offsetX

and replace this
el.remove();

with this
el.destroy();

By: Alex

Alex — Sat, 26 Jul 2008 10:24:54 +0000

Hi Florian, I’m thinking of rewriting (adjusting) the scripts for 1.2. Though I can’t really give you the time frame on that :(

By: Florian Hofmann

Florian Hofmann — Thu, 24 Jul 2008 21:07:11 +0000

hi,

will you touch it again to make it also working with mootools 1.2? would be fantastic! :-)
thank you for your great work.