diff options
| author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
|---|---|---|
| committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
| commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
| tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/demos/chat.html | |
| parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
| download | semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2 | |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/demos/chat.html')
| -rw-r--r-- | includes/js/dijit/demos/chat.html | 86 |
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> |