Different colors for different message types

[reliable-chat] / webclient / rc.html

diff --git a/webclient/rc.html b/webclient/rc.html
index 2e05a86312a4868ac7088e61ab081b8422b22e4d..c1d36b26117bcbd58a969e1fe0d0a4360e97404d 100644 (file)
--- a/webclient/rc.html
+++ b/webclient/rc.html
@@ -61,6 +61,18 @@
                font-size: 85%;
                text-align: right;
        }
+       .status {
+               color: #dd8;
+       }
+       .local.self {
+               color: #d8d;
+       }
+       .self {
+               color: #8d8;
+       }
+       .me {
+               color: #bbd;
+       }
        .servercount {
                margin-right: -0.5em;
                font-size: 70%;
@@ -258,6 +270,8 @@
                        type = "status";
                } else if (/^\* /.test(message.Text)) {
                        type = "me";
+               } else if (/^-!- /.test(message.Text)) {
+                       type = "local";
                } else {
                        type = "text";
                }
@@ -434,10 +448,9 @@
                        "?id=" + encodeURIComponent(message.ID) +
                        "&text=" + encodeURIComponent(message.Text);
                for (var i in servers) {
-                       var uri = rcserverbase(servers[i]) + path;
-                       var img = document.createElement("img");
-                       img.setAttribute("src", uri);
-                       d.appendChild(img);
+                       var xhr = new XMLHttpRequest();
+                       xhr.open("POST", rcserverbase(servers[i]) + path);
+                       xhr.send();
                }
        }
 
@@ -472,7 +485,9 @@
 
        function rckeydown(event) {
                if (event.keyCode == 13) {
-                       rcinput(document.input.say.value);
+                       if (document.input.say.value) {
+                               rcinput(document.input.say.value);
+                       }
                        document.input.say.value = "";
                        return false;
                }