FHEM/fhem-mirror
2
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-04-15 16:19:11 +00:00
Code Issues Releases Wiki Activity

Some animation added

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk@1214 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2012-01-23 21:07:25 +00:00
parent ce77568c40
commit e3c90a69d2
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
fhem/webfrontend/pgm2/svg.js
View File

@ -3,6 +3,7 @@ var old_title;
var old_sel; var old_sel;
var svgdoc; var svgdoc;
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var to;
// Base64 encode the xy points (12 bit x, 12 bit y). // Base64 encode the xy points (12 bit x, 12 bit y).
function function
@ -92,15 +93,22 @@ svg_paste(evt)
d.documentElement.appendChild(o); d.documentElement.appendChild(o);
} }
function function
showOtherLines(d, lid, on) showOtherLines(d, lid, currval, maxval)
{ {
for(var i=0; i < 9; i++) { for(var i=0; i < 9; i++) {
var id="line_"+i; var id="line_"+i;
var el = d.getElementById(id); var el = d.getElementById(id);
if(el) if(el && id != lid) {
el.setAttribute("display", (on||id==lid) ? "block" : "none"); var h = parseFloat(el.getAttribute("y_h"));
el.setAttribute("transform", "translate(0,"+h*(1-currval)+") "+
"scale(1,"+currval+")");
}
}
if(currval != maxval) {
currval += (currval<maxval ? 0.02 : -0.02);
currval = Math.round(currval*100)/100;
to=setTimeout(function(){showOtherLines(d,lid,currval,maxval)},10);
} }
} }
@ -114,13 +122,14 @@ svg_labelselect(evt)
var cp = d.getElementById("svg_copy"); var cp = d.getElementById("svg_copy");
var ps = d.getElementById("svg_paste"); var ps = d.getElementById("svg_paste");
clearTimeout(to);
if(old_sel == sel) { if(old_sel == sel) {
sel.setAttribute("stroke-width", 1); sel.setAttribute("stroke-width", 1);
old_sel = null; old_sel = null;
tl.firstChild.nodeValue = old_title; tl.firstChild.nodeValue = old_title;
cp.firstChild.nodeValue = " "; cp.firstChild.nodeValue = " ";
ps.firstChild.nodeValue = " "; ps.firstChild.nodeValue = " ";
showOtherLines(d, lid, true); showOtherLines(d, lid, 0, 1);
} else { } else {
if(old_sel == null) if(old_sel == null)
@ -134,7 +143,7 @@ svg_labelselect(evt)
cp.firstChild.nodeValue = "Copy"; cp.firstChild.nodeValue = "Copy";
ps.firstChild.nodeValue = (get_cookie()==""?" ":"Paste"); ps.firstChild.nodeValue = (get_cookie()==""?" ":"Paste");
} }
showOtherLines(d, lid, false); showOtherLines(d, lid, 1, 0);
} }
} }