display room infos with some javascript

diff --git a/webcit/roomops.c b/webcit/roomops.c
index 2156cde8c1480b13d3a158b7faf6f047b4ced9bd..77f5d786a3f2da533018392d273e49ff57253303 100644 (file)
--- a/webcit/roomops.c
+++ b/webcit/roomops.c
@@ -277,7 +277,14 @@ void readinfo(void)
        serv_puts("RINF");
        serv_getln(buf, sizeof buf);
        if (buf[0] == '1') {
-               fmout("CENTER");
+               wprintf("<div class=\"infos\" "
+                "onmouseover=\"javascript:document.getElementById('room_infos').style.display='block';\" "
+                "onmouseout=\"javascript:document.getElementById('room_infos').style.display='none';\" "
+                "> Informations about this room :</div>"
+                );
+                wprintf("<div id=\"room_infos\">");
+                fmout("CENTER");
+                wprintf("</div>");
        }
        else {
                wprintf("&nbsp;");

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index ffe31290e0d65117a0c38006e06f79c570a23881..cf52de3a542fa879bb8e20f4b4970625fbb33bfa 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -89,14 +89,27 @@ body {
         padding: 2px;
 }
 
-.room_banner div {
-        font-size: 7pt;
-        color: #FFFFEE;
+.room_banner .infos {
+        font-size: 8pt;
+       color: #FFFFEE;
         text-align: center;
-        margin: 0;
         padding: 2px;
 }
 
+#room_infos {
+        display: none;
+        position: absolute;
+        top: 0px;
+        left: 50%;
+        width: 45%;
+        padding: 11px;
+        margin: 0px;
+        z-index: 100;
+        color: #666;
+        background: white;
+}
+
+
 #banner ul {
         float: right;
         text-align: right;