[go: up one dir, main page]
Menu ▾ ▴

[r18]: / trunk / instalar.txt  Maximize  Restore  History

Download this file

61 lines (43 with data), 2.1 kB 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Instalación de RatChat



La instalación es muy sencilla. En tu código HTML necesitas incluir 

(preferiblemente dentro de header) el código:



	<script src="ajax.js" type="text/javascript"></script>



y con eso se incluirá.



Luego, en cualquier parte de tu página necesitarás crear un <DIV> que 

servirá para ver los mensajes. Este sería algo similar a esto:



	<div id="vermensajes" style="height: 200px; overflow: auto;"></div>



el <DIV> debería estar vacío, pues todo lo que pongas ahí será 

eventualmente eliminado por los mensajes.



También necesitarás un <FORM> con un campo <INPUT> en cualquier parte de

tu página (que no sea dentro del <DIV>). Algo así bastará:



	<form action="" method="post">

		<input id="escribir">

	</form>



No importa los IDs que asignes.



Luego necesitarás inicializar el chat. Para esto necesitas estas líneas:



	chat.setInput( document.getElementById('escribir') );

	chat.setOutput( document.getElementById('vermensajes') );

	chat.setNick( prompt('Tu nickname:') );

	chat.setChannel('lobby');

	chat.startPolling();



que sencillamente son pasar los objetos de entrada y salida (como 

referencia, por eso no importa el ID), pasar el nick (que en este caso

se asigna con un prompt pero lo puedes asignar como quieras) y el canal

(que aquí es lobby pero puede ser lo que quieras, puedes tener varios).

Por último, chat.startPolling() activa la petición periódica al 

servidor.



Las puedes poner si quieres en un handler para el evento onLoad. Lo

más sencillo sería esto:



	<body 

		chat.setInput( document.getElementById('escribir') );

		chat.setOutput( document.getElementById('vermensajes') );

		chat.setNick( prompt('Tu nickname:') );

		chat.setChannel('lobby');

		chat.startPolling();

	">



Y eso es todo. Realmente me parece un procedimiento bastante sencillo.



Contáctanos para cualquier duda o comentario:

            Web: http://ratasoft.net/ratchat

           Foro: http://foro.ratasoft.net

Lista de correo: ratchat@ratasoft.net



Saludos