????
| Current Path : /home2/morganrand/www/centerpiece_party_favor_designer/ |
| Current File : /home2/morganrand/www/centerpiece_party_favor_designer/indexGrey.html |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes"/>-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Designer</title>
<!-- jquery -->
<script
src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/designerGrey.css" />
<script src="js/bootstrap.min.js"></script>
<script src="js/easeljs-0.8.2.min.js"></script>
<script type="text/javascript" src="js/LimitMessage.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
function setGeneratedUrl(urlstrr)
{
$("#latestUrlMessageTemp").html(urlstrr);
}
function onDownloadButtonClick()
{
//var link = $("#downloadLink");
//link.href = $("#cnvDesigner").toDataURL();
//link.download = "designer.png";
//$("#downloadLink").attr("href", $("#cnvDesigner").toDataURL());
var cnvDes = $("#cnvDesigner").get(0);
$("#downloadLink").attr("href", cnvDes.toDataURL()).attr("download", "designer.png");
}
</script>
<style type="text/css">
#downloadLink
{
color: #000;
text-decoration: none;
}
</style>
</head>
<body onload="main();" style="margin:0;">
<div id="designer">
<div id="cnv">
<!-- width="640" height="480"-->
<canvas id="cnvDesigner"></canvas>
</div>
<div id="controlsPanel">
<div id="colorPanel">
<div class="cp-row" id="color-holder">
</div>
</div>
<div id="latestUrlMessageTemp"></div>
<div id="lastSelectedColorMsg"></div>
<div id="menuPanel" class="menuPanel clearfix">
<div class="menuPanel-col">
<div class="menuPanel-col-row clearfix">
<span class="menuLabel">Pompoms</span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="POMMenu0" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'POMMenu0')" ondblclick="onMenuButtonDoubleClickJs('PomMenu0')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="POMMenu1" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'POMMenu1')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="POMMenu2" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'POMMenu2')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="POMMenu3" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'POMMenu3')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="POMMenu4" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'POMMenu4')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="POMMenu5" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'POMMenu5')">[add]</a></span>
</div>
</div>
<div class="menuPanel-col">
<div class="menuPanel-col-row clearfix">
<span class="menuLabel">Tassels</span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="TASMenu0" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'TASMenu0')" ondblclick="onMenuButtonDoubleClickJs('TASMenu0')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="TASMenu1" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'TASMenu1')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="TASMenu2" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'TASMenu2')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="TASMenu3" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'TASMenu3')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="TASMenu4" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'TASMenu4')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="link-wrap"><a id="TASMenu5" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'TASMenu5')">[add]</a></span>
</div>
</div>
<div class="menuPanel-col">
<div class="menuPanel-col-row clearfix">
<span class="menuLabel">Candy</span>
<span class="link-wrap"><a id="CANMenu0" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'CANMenu0')" ondblclick="onMenuButtonDoubleClickJs('CANMenu0')">[add]</a></span>
<span class="link-wrap"><a id="CANMenu1" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'CANMenu1')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="menuLabel">Ribbon</span>
<span class="link-wrap"><a id="RIBMenu0" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'RIBMenu0')">[add]</a></span>
</div>
<div class="menuPanel-col-row clearfix">
<span class="menuLabel">Base</span>
<span class="link-wrap"><a id="BASMenu0" href="javascript:;" class="menuButton" onclick="onMenuButtonClickJs(event, 'BASMenu0')">[add]</a></span>
</div>
</div>
</div>
</div>
</div>
<div style="padding: 5px;">
<a id="downloadLink" onclick="onDownloadButtonClick()">download</a>
</div>
</body>
</html>