git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/demos/chat.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5         <title>Chat Demo Starter</title>
   6
   7         <style type="text/css">
   8                 @import "../../dijit/tests/css/dijitTests.css";
   9                 @import "../themes/soria/soria.css";
  10                 @import "chat/chat.css";
  11
  12                 .body { width:720px; margin:0 auto; }
  13
  14                 .picker {
  15                         margin:0 auto;
  16                         height:100px;
  17                 }
  18
  19                 .box a { color:#000; text-decoration:none; }
  20
  21                 .box {  border:1px solid #666;
  22                         background:#b7cdee url('../themes/soria/images/gradientTopBg.png') repeat-x top left;
  23                         background-position:0px -1px;
  24                         padding:35px;
  25                         padding-top:15px;
  26                         padding-bottom:15px;
  27                         margin:5px;
  28                         font-weight:bold;
  29                         -moz-border-radius:7pt;
  30                         cursor:pointer;
  31                 }
  32                 .box:hover {
  33                         color:#fff;
  34                         background-color:#54f767;
  35                 }
  36         </style>
  37
  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>
  41
  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; }
  46                 }
  47
  48
  49                 dojo.addOnLoad(function(){
  50                         var links = dojo.query(".box");
  51                         dojo.forEach(links,function(node){
  52                                 dojo.connect(node,"onclick","_pass");
  53                         });
  54                 });
  55         </script>
  56
  57 </head>
  58 <body class="soria">
  59 <div class="body">
  60         <h1 class="testTitle">Dojo chat demo preabmle ...</h1>
  61         <p>
  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.
  65         </p>
  66         <p>
  67         The first, a simple public chat room, that any live participants
  68         that happen to be online will be able to communicate.
  69         </p>
  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 ...
  78         </p>
  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>
  82         </div>
  83         <p>the Chatroom widget source can be found <a href="chat/room.js">here</a>.</p>
  84 </div>
  85 </body>
  86 </html>