summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBent Bisballe Nyeng <deva@aasimon.org>2012-02-24 15:54:51 +0100
committerBent Bisballe Nyeng <deva@aasimon.org>2012-02-24 15:54:51 +0100
commite7865e55ee83c9260adc738327f29a996edfe8ef (patch)
treec1fb43c805725d504e509e572fc57571b0296026
parent5e3b9c5ec1b9364cd41564ac8f319e1ffd9ee4ea (diff)
Some more css.
-rw-r--r--munia.html35
1 files changed, 17 insertions, 18 deletions
diff --git a/munia.html b/munia.html
index 3f95443..2a833eb 100644
--- a/munia.html
+++ b/munia.html
@@ -4,6 +4,10 @@
<title>Munia</title>
<style>
body {
+cursor: default;
+}
+
+.task {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
@@ -11,23 +15,25 @@ body {
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-cursor: default;
+cursor: move;
+background-color: grey;
+border-style: solid;
+border-width: medium;
+border-radius: 15px;
+padding: 4px;
+}
+
+.task:hover
+{
+background-color:yellow;
}
</style>
</head>
<body id="body">
-<select id="color" onchange="update_color();">
- <option value="#000000">Black</option>
- <option value="#0000ff">Blue</option>
- <option value="#20ff20">Green</option>
- <option value="#802020">Dark Red</option>
-</select>
<div id="wslm_status">Not initialized</div>
-<div id="wslm_lastmsg"></div>
-<div id="wslm_drawing"></div>
-<div id="box" style="position: absolute;">Hello World</div>
<input type="text" id="input_data" value="add title description 100 100" onfocus="clear()"/>
<input type="button" value="submit" onclick="submit()"/>
+<div id="wslm_lastmsg"></div>
</div>
<script>
var BrowserDetect = {
@@ -168,7 +174,7 @@ try {
else if (i[0] == "add") {
var task = document.createElement("div");
task.name = "task";
- task.style.cursor = "move";
+ task.setAttribute("class", "task");
task.id = "task_" + i[1];
var taskText = document.createTextNode(i[2] + ": " + i[3] + " :" + task.id);
@@ -177,11 +183,6 @@ try {
task.style.position = "absolute";
task.style.left = i[4] + "px";
task.style.top = i[5] + "px";
- task.style.backgroundColor = "grey";
- task.style.borderStyle= "solid";
- task.style.borderWidth= "medium";
- task.style.borderRadius= "15px";
- task.style.padding = "4px";
task.setAttribute("onMouseDown", "dragged = '" + i[1] + "';");
var dlButton = document.createElement("input");
@@ -213,8 +214,6 @@ canvas.height = 600;
canvas.width = 800;
ctx = canvas.getContext("2d");
-document.getElementById('wslm_drawing').appendChild(canvas);
-
document.addEventListener('mousemove', ev_mousemove, false);
document.addEventListener('mouseup', ev_mouseup, false);
/*