from a social perspective.com

While creating a mootools Slider-controled image gallery navigator (fancy huh?) at work, I suddenly had the need for getting the Total size (width in this case) of all the li elements inside a ul.

Continue reading “Elements.getTotalSize(), get the total size of an array of elements”

I wrote a small extension to the Json class in mootools, to check if a string is valid Json format.
Continue reading “Json.test() for mootools”

In a project at work we had the need for tampering with href’s and other url’s with JavaScript.
And beeing a mootools fanatic, I chose mootools as the framework to build my sollution on.

My general idea was to create a generic function to read the get variables from any given url, with the current location.href as default. And also be able to return the element anchor if set. This would come in handy if we ever needed to rewrite url’s before opening them with ajax or in an iframe, and to read get variables in javascript.
Continue reading “$get() for mootools, reading get variables”

At work today I was striving with IE7 and absolute positioning.
It seems like IE7 has a default of “background: transparent;”, and takes it a bit more literaly than we’re used to..

So if you set an element to cover another with absolute positioning, all events (onmouseover, onmouseout, onclick, etc) is passed on to the underlaying element. That is, unless the overlaying element got a background other than “transparent”.
A color value, image, or transparent png with at least 1% opacity works, but it has to have SOME opacity.

It is not the first time I’ve run into this problem, and I’ve always solved it by adding a semi-transparent png with 1% opacity of either white or black. But this seems like a dumb hack, having to add more images and so on.

But today I discovered that setting an non-image value for the image url() (like url(undefined)) as background works the same way as adding a background-color or a png with opacity 1%, and thus removing the transparency from the element.

The url() cannot be empty, it has to have SOME value, like “undefined”, “test”, “foo”, or whatever suits your needs:


/* This will work */
#foo {background: url(bar);}

/* This won't */
#bar {background: url();}


So there you go, now the element has a transparent background, while not passing the events through to the underlaying element
[ratings]

So I was playing with moo.fx (now mootools) some time ago (6 months or so).
And came up with moo.chat, a lightweight chat application buildt on moo.fx, CFML and MySQL.

It’s still in it’s early beta/alpha stage, but if anyone wants to check it out, please be my guest!

[ratings]