js html 网页内弹窗

<script>
function openDialog(id,tool,assembly) {
  $("#addBtn").html("<div style='position: absolute;width: 600px;height: 300px;top: calc(50% - 150px); left: calc(50% - 300px);background-color:white; border:2px solid blue'><form align=center action=log.php method=get><h3>Title</h3><input type=hidden name=act value=close /> <input name=id type=hidden readonly value='"+id+"' /> <input name=tool type=hidden readonly value='"+tool+"' required /> <input name=assembly type=hidden readonly value='"+assembly+"' required /> <button class='btn btn-primary' type=submit>submit</button> <button class='btn btn-secondary' onclick='closeDialog()'>cancel</button></form></div>");
  }
function closeDialog() {$("#addBtn").html("");}
</script>
<a href='#' onclick=\"openDialog({$value['id']},'{$value['Tool']}','{$value['Assembly']}')\"  title='Click here to close the Issue'>Close Issue</a>
<div id="addBtn"></div>