summaryrefslogtreecommitdiff
path: root/includes/js/dijit/demos/chat.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dijit/demos/chat.html')
-rw-r--r--includes/js/dijit/demos/chat.html86
1 files changed, 86 insertions, 0 deletions
diff --git a/includes/js/dijit/demos/chat.html b/includes/js/dijit/demos/chat.html
new file mode 100644
index 0000000..bd599f9
--- /dev/null
+++ b/includes/js/dijit/demos/chat.html
@@ -0,0 +1,86 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <title>Chat Demo Starter</title>
+
+ <style type="text/css">
+ @import "../../dijit/tests/css/dijitTests.css";
+ @import "../themes/soria/soria.css";
+ @import "chat/chat.css";
+
+ .body { width:720px; margin:0 auto; }
+
+ .picker {
+ margin:0 auto;
+ height:100px;
+ }
+
+ .box a { color:#000; text-decoration:none; }
+
+ .box { border:1px solid #666;
+ background:#b7cdee url('../themes/soria/images/gradientTopBg.png') repeat-x top left;
+ background-position:0px -1px;
+ padding:35px;
+ padding-top:15px;
+ padding-bottom:15px;
+ margin:5px;
+ font-weight:bold;
+ -moz-border-radius:7pt;
+ cursor:pointer;
+ }
+ .box:hover {
+ color:#fff;
+ background-color:#54f767;
+ }
+ </style>
+
+ <script type="text/javascript" src="../../dojo/dojo.js"
+ djConfig="isDebug: false, defaultTestTheme: 'soria'"></script>
+ <script type="text/javascript" src="../tests/_testCommon.js"></script>
+
+ <script type="text/javascript">
+ var _pass = function(/* Event */e){
+ var href = e.target.getAttribute("href")||null;
+ if(href){ window.location.href = href; }
+ }
+
+
+ dojo.addOnLoad(function(){
+ var links = dojo.query(".box");
+ dojo.forEach(links,function(node){
+ dojo.connect(node,"onclick","_pass");
+ });
+ });
+ </script>
+
+</head>
+<body class="soria">
+<div class="body">
+ <h1 class="testTitle">Dojo chat demo preabmle ...</h1>
+ <p>
+ There are two examples of chat, using <a
+ href="http://cometd.org">cometd</a> as a backend and Dojo's
+ dojox.cometd client as a transport.
+ </p>
+ <p>
+ The first, a simple public chat room, that any live participants
+ that happen to be online will be able to communicate.
+ </p>
+ <div class="dijitInline box" href="chat/community.html">Join Group Chat</div>
+ <p>The other: the example from the Dojo Book - an example of a
+ client / operator relationship, where the client chats from an
+ 'existing' page, and the operator has a TabContainer view of
+ open client chats, and can communicate privately and directly
+ to the client. The client page demonstrates how this can be used in existing
+ pages for real-time support. You will need two people for this, or you
+ are welcome to talk to yourself ...
+ </p>
+ <div class="dijitInline">
+ <div class="dijitInline box" href="chat/client.html">Client Page</div>
+ <div class="dijitInline box" href="chat/operator.html">Operator Page</div>
+ </div>
+ <p>the Chatroom widget source can be found <a href="chat/room.js">here</a>.</p>
+</div>
+</body>
+</html>