<script type="text/javascript" src="/qrcode/jquery.min.js"></script>
<script type="text/javascript" src="/qrcode/qrcode.min.js"></script>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <style>
        .rotated {
            transform: rotate(-90deg);
            transform-origin: top right;
            width: 680px; /* 调整宽度和高度以适应您的内容 */
            height: 300px;			
            background-color: #fff; /* 调整颜色和样式以适应您的需求 */
        }
    body {
	margin-left: -680px;
	margin-top:0px;
	margin-right: -50px;
	margin-bottom: -150px; /* 调整左边距 */
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body>
<div class="rotated">
<table width="680" border="0" cellpadding="0" cellspacing="0">
    <td height="90" colspan="4"><div align="left"><span style="font-size:45px;"><%= request.QueryString("nombrees")&"<br/>"&request.QueryString("name2") %></span></div></td>
    </tr>
  <tr>
    <td height="140" colspan="3"><div align="center"><span style="font-size:120px; font-weight:bold;"><%= request.QueryString("preciodetalle")&request.QueryString("billete") %></span></div></td>
    <td width="30"><div align="center"><span style="font-size:90px; font-weight:bold;"><%= request.QueryString("fx") %></span></div></td>
  </tr>
  <tr>
    <td valign="bottom"><img src="img/logo.png" width="260" height="100"></td>
    <td valign="bottom"><div align="right"><span style="font-size:40px;"><%= request.QueryString("nota") %><br/><%= request.QueryString("articuloid") %></span></div></td>
    <td width="130" colspan="2" valign="bottom"><div align="right">
	<input id="text" type="hidden" value="<%= request.QueryString("articuloid") %>"/>
<div id="qrcode" style="width:115px; height:115px; margin-top:0px;"></div>

<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
	width : 115,
	height : 115
});

function makeCode () {		
	var elText = document.getElementById("text");
	
	if (!elText.value) {
		alert("Input a text");
		elText.focus();
		return;
	}
	
	qrcode.makeCode(elText.value);
}

makeCode();

$("#text").
	on("blur", function () {
		makeCode();
	}).
	on("keydown", function (e) {
		if (e.keyCode == 13) {
			makeCode();
		}
	});
</script>
	</div></td>
    </tr>
</table>

</div>
	
</body>
</html>
