Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
        <title>Chat Demo Starter</title>


        <script type="text/javascript" src="../../dojo/dojo.js"
                djConfig="isDebug: false, defaultTestTheme: 'soria'"></script>
        <script type="text/javascript" src="../tests/_testCommon.js"></script>

        <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">

        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>