58d57
<     tochange(document.getElementById('toleft'));
62,63c61
<    document.getElementById(prefx + 'ihangman').style.transform="scale(" + howm + ")" + tochange(document.getElementById('rotation'));
<    tochange(document.getElementById('toleft'));
---
>    document.getElementById(prefx + 'ihangman').style.transform="scale(" + howm + ")";
65,97d62
< 
< 
< function tochange(cthis) {
<   var skewsuffix=" skew(" + document.getElementById('skewleft').value + "deg," + document.getElementById('skewtop').value + "deg)";
<   var tlsuffix=" translate(" + document.getElementById('translateleft').value + document.getElementById('translateleftb').value + "," + document.getElementById('translatetop').value + document.getElementById('translatetopb').value + ")";
<   if (cthis.id.indexOf('rotation') != -1) {  // rotation change
<     var retval=" rotate(" + cthis.value + "deg)" + skewsuffix + tlsuffix;
<     //if (prefx != 'dhangman') alert(prefx);
<     //document.title="scale(" + document.getElementById('scale').value + ")" + retval;
<     document.getElementById(prefx + 'ihangman').style.transform="scale(" + document.getElementById('scale').value + ")" + retval;
<     return retval;
<   } else if (cthis.id.indexOf('translate') != -1) {  // translation change
<     document.getElementById(prefx + 'ihangman').style.transform="scale(" + document.getElementById('scale').value + ")" + " rotate(" + document.getElementById('rotation').value + "deg)" + skewsuffix + tlsuffix;
<     return tlsuffix;
<   } else if (cthis.id.indexOf('skew') != -1) {  // translation change
<     document.getElementById(prefx + 'ihangman').style.transform="scale(" + document.getElementById('scale').value + ")" + " rotate(" + document.getElementById('rotation').value + "deg)" + skewsuffix + tlsuffix;
<     return skewsuffix;
<   } else if (cthis.id.indexOf('b') != -1) {  // unit change
<     if (cthis.id.indexOf('left') != -1) {  // x (left) change
<      document.getElementById(prefx + 'ihangman').style.transformOrigin="" + document.getElementById(cthis.id.replace('b','')).value + document.getElementById(cthis.id.replace('b','') + 'b').value + " " + document.getElementById('totop').value + document.getElementById('totopb').value;
<     } else {  // y (top) change
<      document.getElementById(prefx + 'ihangman').style.transformOrigin="" + document.getElementById('toleft').value + document.getElementById('toleftb').value + " " +  + document.getElementById(cthis.id.replace('b','')).value + document.getElementById(cthis.id.replace('b','') + 'b').value;
<     }
<   } else {  // value change
<     if (cthis.id.indexOf('left') != -1) {  // x (left) change
<      document.getElementById(prefx + 'ihangman').style.transformOrigin="" + document.getElementById(cthis.id.replace('b','')).value + document.getElementById(cthis.id.replace('b','') + 'b').value + " " + document.getElementById('totop').value + document.getElementById('totopb').value;
<     } else {  // y (top) change
<      document.getElementById(prefx + 'ihangman').style.transformOrigin="" + document.getElementById('toleft').value + document.getElementById('toleftb').value + " " +  + document.getElementById(cthis.id.replace('b','')).value + document.getElementById(cthis.id.replace('b','') + 'b').value;
<     }
<   }
<   return "";
< }
< 
123,127c88
< </select><br><br>
< &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Transform Origin: <input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=toleft type=number value='0'></input><input id=toleftb type='button' value='%' onclick="this.value=this.value.replace('%','^').replace('px','%').replace('^','px'); tochange(this);" title="Toggle between % and px"></input> <input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=totop type=number value='0'></input><input id=totopb type='button' value='%' onclick="this.value=this.value.replace('%','^').replace('px','%').replace('^','px'); tochange(this);" title="Toggle between % and px"></input><br><br>
< &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Translation: <input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=translateleft type=number value='0'></input><input id=translateleftb type='button' value='%' onclick="this.value=this.value.replace('%','^').replace('px','%').replace('^','px'); tochange(this);" title="Toggle between % and px"></input>,<input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=translatetop type=number value='0'></input><input id=translatetopb type='button' value='%' onclick="this.value=this.value.replace('%','^').replace('px','%').replace('^','px'); tochange(this);" title="Toggle between % and px"></input><br><br>
< &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Skew: <input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=skewleft type=number min='-359' max='359' value='0'></input> deg, <input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=skewtop type=number min='-359' max='359' value='0'></input> deg<br><br>
< &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rotation: <input style='width:20%;' step=1 onblur='tochange(this);' onchange='tochange(this);' id=rotation type=number min='-359' max='359' value='0'></input> deg<br><br>
---
> </select>