Sporkmonger

Behaviour is teh Best!

Using jQuery, that ‘huge’ chunk of Javascript can be shortened to:

$(“img.dropshadow”) .wrap(”<div.wrap1><div.wrap2><div.wrap3></div></div></div>”);

and if you tightened up your CSS a little bit, it could be:

$(“img.dropshadow”) .wrap(”<div.wrap><div><div></div></div></div>”);

I’ve got a mini demo here.

Actually, the point about tightening up the CSS is a really good one.

Huh, thanks “null.” Unfortunately I’m using lighttpd, so I can’t just copy and paste. I’ll see if I can’t figure something out.

I have been looking into jQuery, but isn’t the function they use to bind events memory leak-ish? They don’t use closures and they don’t use an unload to free those events.. Could be my misunderstanding of the memory leak…

Nice! Thanks for the great tips Scott, I’ll see about putting them to good use.

gilles: To prevent memory leaks, I use a modified version of Dean Edward’s addEvent/removeEvent – more info about this can be found at his site.

Two things: One recommendation I would make would be to use Pawel’s domEl function to create the wrappers?

http://pawel.saikko.com/domel-easier-dom-manipulation,20060325

Also, why do we keep using IE? Here are some reasons:

1. Speed. Right now I am using Maxthon, and I have 36 tabs open (yes 36), with no noticeable speed difference, and I can quickly scroll through the tabs quite speedily. Maxthon shows that it’s using 17 megs of RAM (though I’ve seen it go up to 60 if Im really power browsing). I have 2 tabs open in Firefox, and it’s using 34 megs of RAM. Mind you, Maxthon has session saving, group saving, drag and drop links/text searches, search bar, roboform integration, adblock integration, translation service integration, skin support, and more, all built in by default. Yes, FF’s extensibility is nice, but at what cost? To get all those same features in Firefox, you’re looking at a couple hundred megs worth of memory just opening the thing. And keeping the same snappy GUI at the same time is just darn impossible.

2. The GUI. Firefox feels like a GNOME application. Seriously, it’s kludgy, the chrome has a bloated feel to it, and it just gives off the feeling of not being integrated with Windows.

So, while I love some aspects of FF, frankly, there is nothing in it that makes it a “must use”. In fact, while I love the extensions, the whole is actually less than the sum of it’s parts, because when you start combining them all together, it can make a worse experience when it comes to memory issues.

So, IMHO, Firefox is great for some people (average folks who look at 1 page and close), Maxthon is perfect for those of us who browse around, do work, and need to keep somethings in the background until later, and like having their pages available again if something crashes (which is really rare for Maxthon).

And no, Maxthon did not support this message :)

Anyways, cool technique. It could probably also be done with behavior as well :)

snip= (Turns out IE needs you to call the “className” method, or it doesn’t know to update the CSS class.) =snip

man i love you … i just been creating some list from the result of an ajax call and then attaching behaviour onto it with a Behaviour.apply() call … it worked on firefox but did nothing on internet explorer ….

I would never have guessed this was the problem except by pure chance I came accross your blog.

here is my code for those interested ( incidentally I’m using DWR for remoting //—code follows --//

\".cart-sales\"\:function (element) {
    if(cartinit !== true) {
    var reply2 = function (data) {
        var ul = document.createElement("ul");
        data.each(function (familyMember) {
            var li = document.createElement("li");
            li.setAttribute("id", familyMember.id);
            li.setAttribute("class", "sales-li");
            li.className = "sales-li";
            li.appendChild(document.createTextNode(familyMember.name));
            ul.appendChild(li);
        });
        //element.parentNode.insertBefore(ul, element.nextSibling);
        element.appendChild(ul);
        Behaviour.apply();
    };
    Cart.getSalesEstatesFromCart(reply2);
    cartinit = true;
    }
},

\".sales-li\"\:function (element) {
    var deket = function(name){
         $('alertbox').innerHTML = "
Deleting sales estate'" + name + "'
";
    }
}

element.onclick= function () {
    Cart.deleteSalesEstateFromCart(element.id,deket(element.innerHTML));
    this.parentNode.removeChild(this);
     Behaviour.apply();
};