取决于另一个的按钮

时间:2013-03-02 16:08:47

标签: javascript button browser download popup

我弹出一个有两个按钮的地方。 “下载图像”按钮和“关闭弹出”按钮。我希望它能使“关闭窗口”按钮仅在单击图像下载按钮后才能工作。

这是弹出窗口中的代码。

  <script language="javascript" type="text/javascript">

//code for closing the pop up

closewindow = "no";

function proceed() {  
opener.submitit();  
closewindow = "yes";  
shouldclose();  
}  

var OnTop = true;  
function ChangeOnTop()  
{  
if (OnTop == true) OnTop = false;   
else if (OnTop == false)  
{  
OnTop = true;  
self.focus();  
}  
}  
function FocusMe()
{
if (OnTop == true) setTimeout("self.focus()",250);
}

function closeit() {
closewindow = "yes";
shouldclose();
}

function shouldclose() {
if (closewindow == "no") {
    opener.helper();
    }
else {
window.close(); 
}
}

function printpage() {  
    opener.printpage();  
    }  
</script>  
</head>  

<body onBlur="FocusMe()" onUnload="shouldclose()">  

<input type="button" id="input" style="width:150px; height:55px;" onClick="closeit(); proceed ()">       
</form>  

<div id="download"><a href="javascript:void(0);" onclick="toImage('download');return false; "><img src="save1.png" height="110px" width="300px"/></a></div>  


<script language="javascript" type="text/javascript">  

//下载图片

var can = document.getElementById('sketch');  
var ctx = can.getContext('2d');  

var imgA = new Image();  
imgA.src = 'Drawing.html/img.png';  

imgA.onload = function() {  
  ctx.drawImage(imgA, -25, 0, imgA.width, imgA.height);  
  ctx.restore();  
};  

 var imgB = new Image();   
 imgB.src = 'Drawing.html/img1.png';  

imgB.onload = function() {  
  ctx.globalAlpha = 0.1  
  ctx.drawImage(imgB, -100, -75, imgB.width, imgB.height);  
  ctx.restore();   
};  

function toImage(returnType) {  
  var dataURL = document.getElementById('sketch').toDataURL("image/jpg");  

  switch(returnType) {  
    case 'download':  
      dataURL = dataURL.replace("image/png", "image/octet-stream");  
      document.location.href = dataURL;  

      break;   
  }
}


</script>

(未经优化的代码......抱歉)

我的第一个想法是,一个按钮可以同时执行这两个操作。但是根据我在“onclick”之后放置功能的方式,无论是下载还是关闭,或者文件下载并且框不会关闭。所以我认为这可能会更好。我只需要能够知道除非按下第一个按钮,否则第二个按钮将不起作用。

Merci beaucoup!

0 个答案:

没有答案