Learning jQuery

This is nice:

15. Add a JS class to your HTML attribute
Firstly, as soon as jQuery has loaded you use it to add a “JS” class to your HTML tag.

1
$('HTML').addClass('JS');
Because that only happens when javascript is enabled, you can use it to add CSS styles which only work if the user has JavaScript switched on, like this…

1
/* In your css */
2
.JS #myDiv{display:none;}
So, what this means is that we can hide content when JavaScript is switched on and then use jQuery to show it when necessary (e.g. by collapsing some panels and expanding them when the user clicks on them), while those with JavaScript off (and search engine spiders) see all of the content, as it’s not hidden. I’ll be using this one a lot in the future.

http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content

Actually, I made this work:

1) Inject JQuery as described on this website: http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet

2) Then open your JS console and copy and paste this in:

$("textarea").keyup(function(){
try {
formatter.set(editor.get())
} catch (a) {
notify.showError(a)
}
});

And viola! It will change in real time from the left side to the right. Doing the opposite should be trivial.

Enjoy.

PS: This is a total hack obviously. Not production stuff.