Developing TicToe HTML5/Client-Server communication - Revision history

imported>Hendrik Brummermann at 20:38, 4 January 2012

2012-01-04T20:38:46Z

← Older revision		Revision as of 20:38, 4 January 2012
(No difference)

2012-01-04T20:38:46Z

← Older revision		Revision as of 20:38, 4 January 2012
(No difference)

2012-01-04T20:38:46Z

← Older revision	Revision as of 20:38, 4 January 2012
(No difference)

2012-01-04T20:38:46Z

← Older revision		Revision as of 20:38, 4 January 2012
(No difference)

2012-01-04T20:38:46Z

← Older revision		Revision as of 20:38, 4 January 2012
(No difference)

2012-01-04T20:38:46Z

← Older revision	Revision as of 20:38, 4 January 2012
(No difference)

2012-01-04T20:38:46Z

← Older revision		Revision as of 20:38, 4 January 2012
Line 47:		Line 47:

	Congratulations.		Congratulations.

			== Automating the login ==

			From now on, we will code a little, test a little and repeat. Therefore it is a good idea, to automate the login process.

			We add the [http://jquery.org jquery library] and create a new file tictoe.js. So the index.html now says:

			<source lang="html4strict">
			<!doctype html>
			<html>
			<head>
			<title>TicToe</title>
			<style type="text/css">
			body {color: #FFF; font-family: Arial}
			</style>
			</head>

			<body style="background-color:#0A0">

			<script type="text/javascript" src="/socket.io/socket.io.js"></script>
			<script type="text/javascript" src="marauroa.compiled.js"></script>

			<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
			<script type="text/javascript" src="tictoe.js"></script>
			<script type="text/javascript" src="tictoe-entities.js"></script>

			</body>
			</html>
			</source>

			The new file tictoe.js we host the main logic. For now, we just add an event handler for the loading of the page that will connect to the server. And a second handler, that will listen to the onLoginRequired event, and provide a hardcoded set of credentials:

			<source lang="javascript">
			$(document).ready(function() {
			marauroa.clientFramework.connect(null, null);
			});

			marauroa.clientFramework.onLoginRequired = function() {
			marauroa.clientFramework.login("testuser", "password");
			}
			</source>

			{{TODO\|drawing:
			marauroa.rpobjectFactory.entity.set = function(key, value) {
			this[key] = value;
			this.draw();
			}

			}

	{{br}}		{{br}}

2012-01-04T04:14:35Z

Inspecting the world

← Older revision	Revision as of 04:14, 4 January 2012
(No difference)

2012-01-04T04:14:35Z

Inspecting the world

← Older revision	Revision as of 04:14, 4 January 2012
(No difference)

2012-01-04T04:14:35Z

Inspecting the world

← Older revision	Revision as of 04:14, 4 January 2012
(No difference)