html

public text v1 · immutable
#2057909
·published 2011-05-13 09:08 UTC
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Chatroom Input</title>
     
     <!-- <script type="text/javascript" src="ibeans/js/ibeans.js"></script> -->
    <!-- stripped down version of dojo that just includes the peices necessary for cometd -->
   
  
  <script type="text/javascript" src="mule-resource/js/mule.js"></script>
  
  <script type="text/javascript" src="mule-resource/js/dojo/dojo.js"></script>

<script lang="javascript">
	var mule = new MuleClient();
	mule.send("foo", "/echo");

        function init()
        {
            mule.subscribe("/mule/notifications", notif);
        }

        function dispose()
        {
            mule.unsubscribe("/mule/notifications", notif);
        }

        function notif(message)
        {
            console.debug("data:" + message.data);

            if (!message.data)
            {
                console.debug("bad message format " + message);
                return;
            }
            var event = dojo.fromJson(message.data);
            var table = document.getElementById('notificationTable');
            var newRow = table.insertRow(1);
            newRow.className = event.type;


            newRow.insertCell(0).innerHTML = event.action;
            newRow.insertCell(1).innerHTML = event.type;
            newRow.insertCell(2).innerHTML = event.actionName;
            newRow.insertCell(3).innerHTML = event.source;
            newRow.insertCell(4).innerHTML = event.resourceIdentifier;
            newRow.insertCell(5).innerHTML = event.serverId;
            newRow.insertCell(6).innerHTML = event.timestamp;

            table.scrollTop = table.scrollHeight - table.clientHeight
        }

        function rpcEcho() {
            var data = new Object();
            data.phrase = document.getElementById('phrase').value;
            mule.rpc("/services/echo", data, rpcEchoResponse);
        }

        function rpcEchoResponse(message) {
            document.getElementById("response").innerHTML = "<b>Response:&nbsp;</b>" + message.data + "\n";
        }
    </script>
     
  </head>
  <body onload="init()">
  
  Insert Message: <input id="phrase" type="text"/>
   <input id="sendButton" class="button" type="submit" name="Go" value="Send" onclick="rpcEcho();"/>
 <!--    <form method="GET" >
      <input type="text" name="mex"/>
      <input type="submit" value="Submit Message" />
    </form><br /> -->
  </body>
</html>