diff options
| -rw-r--r-- | munia.html | 44 |
1 files changed, 28 insertions, 16 deletions
@@ -2,20 +2,38 @@ <html lang="en"> <head> <title>Munia</title> +<style> +body { +cursor: default; +} + +.task { +-webkit-touch-callout: none; +-webkit-user-select: none; +-khtml-user-select: none; +-moz-user-select: none; +-ms-user-select: none; +-o-user-select: none; +user-select: none; +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 = { @@ -156,6 +174,7 @@ try { else if (i[0] == "add") { var task = document.createElement("div"); task.name = "task"; + task.setAttribute("class", "task"); task.id = "task_" + i[1]; var taskText = document.createTextNode(i[2] + ": " + i[3] + " :" + task.id); @@ -164,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"); @@ -200,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); /* |