I tend to fix this by reinstalling WLM. A tedious task, and it doesn’t always solve the problem.
But today, google was my friend, and I found an easier solution. Even though it requires a reboot.

The solution
Type the following in cmd*: netsh winsock reset catalog
It does require “elevation”, see description below.
It will then ask you to reboot. But when I logged back on, WLM should work without a problem. It will use quite some time to log in the first time though.

A big thank you to the anonymous user named “Pete” at the kioskea.net forum, this truly saved my day

*cmd – Windows command line.
This is how you open cmd.exe with “elevation” (with administrator privileges):

1. Open the start menu
2. write cmd in the field at the bottom
3. right click cmd.exe, and choose Run as Administrator

The last part is where “elevation” is done, as the cmd needs administration rights to run the command.

So without further ado, I present to you, the code:

Calendar.implement({
	reset: function(obj, options){
		this.calendars.each(function(item){
			item.el.removeClass(this.classes.calendar);
			item.button.destroy();
		}.bind(this));
		if(this.iframe) this.iframe.destroy();
		this.initialize(obj, options);
	}
});

What we have done, is to find any elements created by the Calendar class and destroy them, and then run the initialize function again. Works like a charm

Because of issues with how you retrieve those styles from different browsers (Computed vs Cascaded Style), there’s little or no way to know if a value is set with % or not. But, returning the value as a percentage of its nearest parent (or any other parent element, when we’re first at it) is highly possible. If you know that you want %..

As I saw it, there where two approaches..
1. Make a new method for Element, like Element.getPercentageStyle()
2. Replace Element.getStyle(), and add new optional parameters..

I went for the easiest solution first, a new method for Element..
But then I decided to write the other solution as well. And it turned out to be a nice demonstration of how to replace an Element method, while still retain and use the original method as well.

Both sourcecodes can be found below.

#1: A new method named getPercentageStyle().
Takes 2 arguments: property and parent. parent is optional.

Element.implement({
	getPercentageStyle: function(property,parent){
		return ((this.getStyle(property).toInt() / this.getParent(parent).getStyle(property).toInt()) * 100).round();
	}
});

#2: Replaces Element.getStyle.
Adds 2 new optional parameters: unit and parent (thats 3 in total: property,unit,parent).
To get percentage results, unit must be set to ‘%’.

(function(){
	var oldGetStyle = Element.prototype.getStyle;
	Element.implement({
		getStyle: function(property,unit,parent){ // unit can only be '%' for now.. might add em if I find a way to add that..
			return (!unit || unit != '%')?oldGetStyle.call(this, property):((oldGetStyle.call(this, property).toInt() / oldGetStyle.call(this.getParent(parent), property).toInt()) * 100).round();
		}
	});
})();

Notice how the surrounding anonymous function keeps oldGetStyle away from the global scope, while still making it (the old Element.prototype.getStyle) available to the new getStyle method.
It’s also important to notice the use of Element.prototype.getStyle, as using only Element.getStyle will get you nowhere (it will get you in a loop, actually).

A big thank you to Aaron Newton who I learned this technique from by reading through his Event.Delegate plugin.

He tried to send a form with an attachment to an iframe, and it worked without problems in any non-IE browser (Opera, Firefox, Safari, Chrome).
And while file uploads today is no brain science, this error/bug was new to me, and something I’d never run into before.

We sat down and had a thorough look at the issue.. And with some help from ie developer toolbar and google we found a solution.

While it works without a problem to upload files using enctype=”multipart/form-data” in most browsers:

<form action="#" enctype="multipart/form-data" method="post">
<input name="myFile" type="file" />
</form>

IE 6/7 also needed the encoding set in this case.. So we added encoding=”multipart/form-data” to the form:

<form action="#" enctype="multipart/form-data" encoding="multipart/form-data" method="post">
<input name="myFile" type="file" />
</form>

So, lesson learned:

“If a form fails to send file fields as files in IE, with enctype of multipart/form-data, try setting encoding to multipart/form-data as well”

macsim’work’s blogpost in english (for the not so french savvy, thanks to google translate)

Without further ado, I give you JSON.test() for mootools 1.2.1:

/*
Function: JSON.test
Tests wether a string is json

Version: 1.1

Arguments:
str - string; The string to check

Example:
>Json.test('{"foo":"bar","bar":"foo"}'); //returns "true"
>Json.test('{"foo":"bar",bar:foo}'); //returns "false"

Returns:
Returns true or false

Credits:
Function by Jens Anders Bakke, webfreak.no
Regex reused from the JSON.decode function
*/
JSON.extend({
test: function(str){
return ($type(str) == "string" && (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(str.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, '')));
}
});  

I didn’t have a solution at hand, but I had some ideas.. Thus Element.appendHTML() was born..

Element.implement({
appendHTML: function(html,where){
return this.grab(new Element('text',{'html':html}),where);
}
});

It extends the element with a new text node, and supports the same arguments as appendText (“top”, “bottom”, “after”, “before”).

Ps. remember to use this with $()..

$('foo').appendHTML('<em>bar</em>');
$(document.body).appendHTML('<h1>foobar</h1>','top');

So when I visited my local music store today, to get some more info on the VCI-100 (vestax btw has no retailer in Norway, kind of sucks..), I just couldn’t leave empty handed..
At least not when the Korg nano series got my attention.. If you don’t know what the “Korg nano series” is, it’s a “nano sized” set of midi controllers for the pc or mac..

As I wasn’t very impressed of the finish on the keyboard, and I don’t realy have the need for a drum/pad controller, I went for the nano Kontrol.
It has 9 midi control groups, each containing 1 knob, 1 slider, and two buttons.. in addition to 6 transport buttons (play, stop, pause, rec, loop, rewind, fast forward) and a “scene” button.
And at the price of 560,- NOK that’s not a bad deal at all..

My initial thought was to use this mainly with FL Studio, to control effects, the master mixer, and channels..
but, I was more in a deckadance mood today, and after playing with it for a few hours I got the setup I want..
Inspired by the button setup on the VCI-100, this is what I ended up with (only thing I REALY miss in this setup is a jog-wheel or some sort of searching back and forth in the songs.. have to do that manualy with a mouse for now):

No video yet, although I have the mapping done, it’s just not there yet to show in a video…
The midi settings-file for deckadance can be found here:

Just 8 lines of code, and String.containsNoCase and pseudo-selector: containsNoCase is implemented..

String.implement({
	containsNoCase: function(string, separator){
		return this.toLowerCase().contains(string.toLowerCase(), separator);
	}
});
Selectors.Pseudo.containsNoCase =	function(text){
	return (this.innerText || this.textContent || '').containsNoCase(text);
};

Now I can do case insensitive searchs through an rss feed (titles) with element selectors

xml.getElements('entry title:containsNoCase(query)');

Why would you need that?
The case is that when you have overflow:hidden; or overflow:auto; on an element, you cannot have elements inside with float:left/right; unless there is a wrapper arround them with enough width to let them float nicely beside each other.

My setup was, div (overflow:hidden) > ul > li(float:left)

And somehow I had to get the total width of all the li elements, and set the width of ul to that amount.

The solution
Mootools has a neat function for Element (an aparently also for Elements and Array) called getSize(), which get the size, scrollsize and scroll of the element.

I started out with a function that took an Array of Elements as it’s parameter, just looping over the elements and adding the values together, returning the same Array as getSize(), only with the total values. Simple enough.
Then it came to mind that making it an Array/Elements property might be a better idea, kind of better syntax and easier usage in my opinion.

So after some issues (explained in the previous post), here is what I ended up with, Elements.getTotalSize():

/*
Property: getTotalSize
    Return the total getSize of the elements in an array

Version: 1
Example:
    > $$('ul li').getTotalSize();
Returns:
    > {'size': {'x': 2968, 'y':2141}, 'scrollSize': {'x': 2968, 'y':2141}, 'scroll': {'x': 78028, 'y':3043}}
Credits:
        Property by Jens Anders Bakke, webfreak.no
        Thanks to JanK__ at #mootools
*/
Elements.extend({
		getTotalSize: function(){
			var obj = {
				'size': {'x': 0,'y': 0},
		        'scrollSize': {'x': 0,'y': 0},
		        'scroll': {'x': 0,'y': 0
		        }
		    };
		        this.each(function(item){
		            var is = item.getSize();
		            obj = {
		                'size': {
		                    'x': obj.size.x + is.size.x,
		                    'y': obj.size.y + is.size.y
		                },
		                'scrollSize': {
		                    'x': obj.scrollSize.x + is.scrollSize.x,
		                    'y': obj.scrollSize.y + is.scrollSize.y
		                },
		                'scroll': {
		                    'x': obj.scroll.x + is.scroll.x,
		                    'y': obj.scroll.y + is.scroll.y
		                }
		            };
		        });
		    return obj;
		}
	});

It turned out that there was allready a property with the name I selected for Elements, which Array then had inherited..
thus, it allready existed, returning an array of objects (the same object I was trying to return, actually..).

I ended up adding the property to Elements instead (for another reason), with a new Property name.

Lesson: before you try to add a new property to Array, Elements, or any Class in general, check if it allready exists :p