1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <title>Chat Demo Starter</title>
7 <style type="text/css">
8 @import "../../dijit/tests/css/dijitTests.css";
9 @import "../themes/soria/soria.css";
10 @import "chat/chat.css";
12 .body { width:720px; margin:0 auto; }
19 .box a { color:#000; text-decoration:none; }
21 .box { border:1px solid #666;
22 background:#b7cdee url('../themes/soria/images/gradientTopBg.png') repeat-x top left;
23 background-position:0px -1px;
29 -moz-border-radius:7pt;
34 background-color:#54f767;
38 <script type="text/javascript" src="../../dojo/dojo.js"
39 djConfig="isDebug: false, defaultTestTheme: 'soria'"></script>
40 <script type="text/javascript" src="../tests/_testCommon.js"></script>
42 <script type="text/javascript">
43 var _pass = function(/* Event */e){
44 var href = e.target.getAttribute("href")||null;
45 if(href){ window.location.href = href; }
49 dojo.addOnLoad(function(){
50 var links = dojo.query(".box");
51 dojo.forEach(links,function(node){
52 dojo.connect(node,"onclick","_pass");
60 <h1 class="testTitle">Dojo chat demo preabmle ...</h1>
62 There are two examples of chat, using <a
63 href="http://cometd.org">cometd</a> as a backend and Dojo's
64 dojox.cometd client as a transport.
67 The first, a simple public chat room, that any live participants
68 that happen to be online will be able to communicate.
70 <div class="dijitInline box" href="chat/community.html">Join Group Chat</div>
71 <p>The other: the example from the Dojo Book - an example of a
72 client / operator relationship, where the client chats from an
73 'existing' page, and the operator has a TabContainer view of
74 open client chats, and can communicate privately and directly
75 to the client. The client page demonstrates how this can be used in existing
76 pages for real-time support. You will need two people for this, or you
77 are welcome to talk to yourself ...
79 <div class="dijitInline">
80 <div class="dijitInline box" href="chat/client.html">Client Page</div>
81 <div class="dijitInline box" href="chat/operator.html">Operator Page</div>
83 <p>the Chatroom widget source can be found <a href="chat/room.js">here</a>.</p>