编辑“︁Marauroa Chat Tutorial/HTML5 Client”︁（章节）

== Implementing the client Framework ==

作为第一步，我们想使用 marauroa.clientFramework 连接到服务器。 请注意，我们对主机和端口使用“null”，这意味着我们连接到下载客户端的同一服务器。 连接到服务器可能需要一两秒钟，因此我们会向用户提供一些反馈。

<source lang="javascript">
function startClient() {
	ui.chatLog.addLine("client", "Client loaded. Connecting...");
	var body = document.getElementById("body")
	body.style.cursor = "wait";
	marauroa.clientFramework.connect(null, null);
}
</source>

现在我们能够连接到服务器，我们想要接收和处理事件。 用 Java 的话来说，我们实现了 ClientFramework 的一个子类。 然而，在 JavaScript 中，我们可以重新定义我们感兴趣的方法:

<source lang="javascript">

	/** display a message to the chat window on disconnect. */
	marauroa.clientFramework.onDisconnect = function(reason, error){
		ui.chatLog.addLine("error", "Disconnected: " + error);
	}

	/** on failed login, open a message box and disable the user interface */
	marauroa.clientFramework.onLoginFailed = function(reason, text) {
		alert("Login failed. Please check your password and try again.");
		marauroa.clientFramework.close();
		document.getElementById("chatbar").disabled = true;
		document.getElementById("chat").style.backgroundColor = "#AAA";
	}

        /** Automatically pick the first character associated with this account and enable the chat controls */
	marauroa.clientFramework.onAvailableCharacterDetails = function(characters) {
		marauroa.clientFramework.chooseCharacter(marauroa.util.first(characters).a.name);

		var body = document.getElementById("body")
		body.style.cursor = "auto";
		ui.chatLog.addLine("client", "Ready...");
	}
</source>