To solve that issues you must encapsulate your callback into another anonymous function (closure) that returns itself to the callback.

 
var locations = [];
locations.push({address:'hauptplatz 1, 4020 linz, austria', 'otherInfo'=>'info'});
 
for(idx in locations) {
    var location = locations[idx];
    var address = location['address'];
    geocoder.geocode({'address':address}, function(location, idx){
        return(function(results, status){
            if (status == google.maps.GeocoderStatus.OK) {
                var latlng = results[0].geometry.location;
 
                console.log(location);
                console.log(idx);
            }
        });
    }(location, idx));
}

The WebSocket class takes a function (or class method) as callback for every socket action, for this example i use the process method of the WebsocketChat Class:

 
$chat = new WebsocketChat();
// new WebSocketServer( socket address, socket port, callback function )
$webSocket = new WebSocketServer("84.38.67.247", 8081, array($chat, 'process'));
$webSocket->run();

The WebsocketChat Class handles user actions and messages. We have two actions: ‘login’ and ‘chat’. ‘login’ happens when a new user sets his username, ‘chat’ is always when a user sends a new message:

 
Class WebsocketChat {
 
	/**
	 * @var array
	 */
	private $messages = array();
 
	public function process($user, $msg, $server){
 
		$msg = json_decode($msg);
 
		if ($msg->action == 'login') {
 
		}
 
		if ($msg->action == 'chat') {
 
		}
	}
}

On the client-side we have to send the right actions if someone clicks ‘login’ or ‘send message’.

 
$('#chat').submit(function(evt){
	evt.preventDefault();
	send({'action':'chat', 'text':$('[name=text]').val()});
});
 
$('#login').submit(function(evt){
	evt.preventDefault();
	send({'action':'login', 'username':$('[name=username]').val()});
	$('#chat').show();
	$('#login').hide();
});

The login action adds a new chat user to the user-array and loads the last five messages for this new user.

 
if ($msg->action == 'login') {
	$user->data['username'] = filter_var($msg->username, FILTER_SANITIZE_STRING);
 
	$max = 5;
	if (count($this->messages)<5)
		$max = count($this->messages);
 
	// on login send last five chat messages
	for($i=count($this->messages)-$max; $i<count($this->messages); $i++) {
		$server->send($user->socket, (string) $this->messages[$i]);
	}
}

If the ‘chat’ action is called then add a new WebsocketChatMessage to the message array and send it to all current chat-users:

 
if ($msg->action == 'chat') {
	$text = filter_var($msg->text, FILTER_SANITIZE_STRING);	
	$lastMessage = new WebsocketChatMessage($user->data['username'], $text, time());
 
	$user->data['message'][] = $this->messages[] = $lastMessage;
 
	foreach($server->getUsers() as $user){
		$server->send($user->socket, (string) $lastMessage);
	}			
}

The WebsocketChatMessage is just a container-class for holding the message data:

 
Class WebsocketChatMessage {
 
	public $text = '';
 
	public $timestamp = 0;
 
	public $username = '';
 
	public function __construct($username, $text, $timestamp) {
		$this->text = $text;
		$this->username = $username;
		$this->timestamp = $timestamp;
	}
 
	public function __toString() {
		return sprintf('%s %s: %s', strftime('%H:%M', $this->timestamp), $this->username, $this->text);
	}
}

View Chat Example on BOHUCO Labs

View server.php Code

First download and unpack the Closure java application to your computer or your server, the download url is:
http://closure-compiler.googlecode.com/files/compiler-latest.zip

On linux servers you can do the download with wget:

wget http://closure-compiler.googlecode.com/files/compiler-latest.zip
unzip compiler-latest.zip

After unpacking u get a file named compiler.jar, that’s the application, you can execute it only if you have java installed. If not, see the help page for installing java on debian servers.

java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js

The command above compiles a hello.js in the current working directory to hello-compiled.js with the default settings. For more infos you can show a help screen with:

java -jar compiler.jar --help

Usually you want compile your whole scripts directory. My script reads all files of a given directory, checks if the file is a .js and compiles it to another directory:

 
$basePath = dirname(__FILE__);
$scriptDir = $basePath.'/scripts/';
$compiledDir = $basePath.'/compiled/';
 
if (is_dir($scriptDir)) {
    if ($dh = opendir($scriptDir)) {
        while (($file = readdir($dh)) !== false) {
 
        	// read all files, if file is js and not minified then minify/compile it
        	if (strpos($file, '.js') !== false && strpos($file, '.min.js') === false) {	
 
        		$compilerCommand = sprintf('/usr/bin/java -jar %s/compiler.jar --js %s --js_output_file %s',
					$basePath, $scriptDir.$file, $compiledDir.str_replace('.js', '.min.js', $file));
 
				exec($compilerCommand, $return, $code);	
 
				if ($code != 0) {
					printf("Fuck! Something went wrong: %s (%s)", join('<br />', $return), $code);
				} else {
					printf("%s compiled successfully.", $file);
				}
        	}
 
        }
        closedir($dh);
    }
}

If you get the error code: (1) or (254) check the permissions of your compiler.jar and “compiled”-directory. Everyone must be allowed to read and execute the compiler.jar and everyone must can write to the compiled folder:

-rwxr-xr-x 1 root root 4,1M 17. Jun 01:09 compiler.jar
drwxrwxrwx 2 root root    4096 11. Sep 15:12 compiled

Set the right permissions with:

chmod a+rx compiler.jar
chmod a+w compiled

And now see it in action on BOHUCO Labs: bohuco.net/labs/google-closure-compiler-php

UPDATE: Mastering the new Spec-76 WebSockets handshake with PHP.

Websockets works already in the latest Webkit-browsers like Safari 5 and Chrome 5. Firefox 4 Beta 1 knows the Websocket-Object but it can’t open the connection

My Websocket test script sends the current mouse position via socket connection to the server and then receives all positions of all current open sockets and prints them to the browser-window. In other words, you can see the mouse cursors of the other users on the page.

var socket;
 
function init() {
	var host = "ws://84.38.67.247:8080/dev/websocket/server.php";
	try {
		socket = new WebSocket(host);
		socket.onopen = function(msg){ };
		socket.onmessage = function(msg){
			eval('var data = ' + msg.data + ';');
			for (userId in data) {
				if (data[userId].position) {
					var pos = data[userId].position.split(',');
					var color = data[userId].color;
					render(userId, pos[0], pos[1], color);
				}
			}
			dump(data);
		};
		socket.onclose = function(msg){ };
	} catch(ex){ console.log(ex); }
 
	$('body').bind('mousemove', function(evt){
		send(evt.clientX, evt.clientY);
	});
}
 
function render(u, x, y, c) {
	if ($('#'+u).length == 0) {
		$('
 
').appendTo('body');
	}
	$('#'+u).css('left', x+'px');
	$('#'+u).css('top', y+'px');
	$('#'+u).css('background', c);
}
 
function send(x,y) {
	var msg = x + ',' + y;
	socket.send(msg);
}

On the server side i use a PHP5 script. I have written my own server-class but it’s based on the work of the phpwebsocket project. The server.php instantiate the WebSocketServer object and contains the callback function.

New URL for Example: http://bohuco.net/labs/php-websocket-class/

http://bohuco.net/dev/websocket/

Source Codes:
WebSocketServer.php
server.php

Jolley war unter anderem für die MobileMe Plattform zuständig und hat für Apple Javascript Frameworks entwickelt. Die neue Firma wird Strobe Digital Publishing heißen und Jolley beschreib sie so:

Strobe Digital Publishing is a better way to put content onto the iPad and other mobile touch devices. Based on a blend of HTML5 and native technology, Strobe content applications offer a great native-style reading experience with the ability to deep link and share content to drive traffic.

SproutCore ist ein HTML/Javascript Framework das diverse Komponenten für Rich-Web Applikationen zur Verfügung stellt – Demo.

via cnet, maclife.de

_gaq.push(['_trackPageview', "/jobs/search?keywords=Oida,Voda&locations=Linz,Wien&categories=Jobs"]);

“keywords” und “locations” wären in diesem Fall eine kombinierte Query und “categories” die Suchkategorien.

Mein Beispiel-Script kann man unter folgender Adresse finden:
http://bohuco.net/dev/history/

(via dicabrio)

Now i show you how to use the new Google Closure Compiler over the RESTful API with PHP5. First of all, you don’t need to install anything, we will connect the free API via cURL usually activated in PHP5.

The API (see reference) resides under the following URL and requires four params:

http://closure-compiler.appspot.com/compile

compilation_level
is one of three options: WHITESPACE_ONLY, SIMPLE_OPTIMIZATIONS, ADVANCED_OPTIMIZATIONS,
i use simple optimizations, it don't need further config (like advanced) but is
better than whitespace only.

output_format
is "text" if you want compile a javascript

output_info
is "compiled_code" if you want compile a javascript

js_code
is your javascript source code, instead you can submit "code_url" param, an url
to a javascript-file

 

enough with theory, now the PHP code:

 
$script = file_get_contents('http://www.domain.com/scripts/script.js');
$ch = curl_init('http://closure-compiler.appspot.com/compile');
 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, 'output_info=compiled_code&output_format=text&compilation_level=SIMPLE_OPTIMIZATIONS&js_code=' . urlencode($script));
$output = curl_exec($ch);
curl_close($ch);

i use it in a deployer script and replace the content of my script files with the compiled versions. you can tryout the compiler with a simple html-form.

Um auf eine Änderung reagieren zu können gibt es den Event-Handler onorientationchange den man zum Beispiel im BODY-Tag verwenden kann:

 
    <body onorientationchange="alert(window.orientation);"></body>

» Beispiel-Seite