Javascript/現場証明写真

改良版デスクトップアプリはこちらから↓

var picture = document.getElementById("picture");
var picName = document.getElementById("picName");
var picBtn = document.getElementById("picBtn");
picBtn.addEventListener("click", function(){
  picName = picName.value;
  $("#picImg").attr("src", picName);
  $("#picImg").addClass("size");
  $("#picName, #picBtn").remove();
});

$(function(){
  $("#kokubanBtn").click(function(){
	var place = $("#place").val();
	var doing = $("#doing").val();
	$("#kokuban").html("p>" + place + "/p>" + "p>" + doing + "/p>");
	$("#kokuban").addClass("kokuban");
  });
});

$(function(){
  $("#picWid, #picHei").change(function(){
	var picWid = $("#picWid").val();
	var picHei = $("#picHei").val();
	$("#picImg").css({
	  "width": picWid,
	  "height": picHei,
	});
	var picMarTop = picHei;
	var picMarLeft = picWid/5;
	$("#control").css({
	  "marginTop": picMarTop,
	  "marginLeft": picMarLeft
	});
  });
});

$("#confirmation").click(function(){
	$("#control").remove();
});