FSN#25993 Slnkdwf beter gestijld

svn path=/Website/trunk/; revision=17293
This commit is contained in:
Jos Groot Lipman
2013-03-20 14:17:43 +00:00
parent d1510435c1
commit a0fe3123fb
3 changed files with 40 additions and 33 deletions

View File

@@ -113,7 +113,8 @@ function calcParams(bForPreview)
// Bepaal papier grootte
//
var frm = document.forms["theForm"];
switch (frm.sPaperSize.value)
var ps = $("#sPaperSize").val();
switch (ps)
{ // We houden aan elke kant altijd 20 mm speling
case "A4": { paperWidth = 165; paperHeight = 260; break; }
case "A3": { paperWidth = 260; paperHeight = 370; break; }
@@ -123,8 +124,8 @@ function calcParams(bForPreview)
}
var mustrotate = false; // Moet de bitmap echt geroteerd worden
if ( frm.rPortrait[0].checked && frm.sPaperSize.value != "A4" && frm.sPaperSize.value != "A3"
|| !frm.rPortrait[0].checked && (frm.sPaperSize.value == "A4" || frm.sPaperSize.value == "A3")) // switch sizes
if ( frm.rPortrait[0].checked && ps != "A4" && ps != "A3"
|| !frm.rPortrait[0].checked && (ps == "A4" || ps == "A3")) // switch sizes
{
mustrotate = true;
var h=paperWidth;
@@ -275,8 +276,8 @@ function _onMouseMove(evt)
var dx=(evt.clientX - dragStartX);
var dy=(evt.clientY - dragStartY);
var szPaper = GetWindowRect(paper);
elemIMG.style.left = 4 + Math.round((szPaper.left + szPaper.right) / 2 - targetSX/2 + dx);
elemIMG.style.top = 4 + Math.round((szPaper.top + szPaper.bottom) / 2 - targetSY/2 + dy);
elemIMG.style.left = $("#idPaper").position().left + 4 + dx + "px";
elemIMG.style.top = $("#idPaper").position().top + 4 + dy + "px";
var clip = "rect("+(dy<0?-dy:"0")+"px "+(targetSX-dx)+"px "+(targetSY-dy)+"px "+(dx<0?-dx:"0")+"px)";
elemIMG.style.clip = clip;
@@ -299,21 +300,17 @@ function _onMouseUp(evt)
}
}
function _readystatechange(event)
function onload(event)
{
if (elemIMG.readyState=="loading")
{
var paper = document.getElementById("idPaper");
paper.style.backgroundColor = "red";
paper.style.width = targetSX + 8;
paper.style.height = targetSY + 8;
var paper = document.getElementById("idPaper");
var szPaper = GetWindowRect(paper);
elemIMG.style.left = 4 + Math.round((szPaper.left + szPaper.right) / 2 - targetSX/2);
elemIMG.style.top = 4 + Math.round((szPaper.top + szPaper.bottom) / 2 - targetSY/2);
elemIMG.style.clip = "rect(auto, auto, auto, auto)";
return;
}
var szPaper = GetWindowRect(paper);
elemIMG.style.left = $("#idPaper").position().left + 4 + "px";
elemIMG.style.top = $("#idPaper").position().top + 4 + "px";
elemIMG.style.clip = "rect(auto auto auto auto)";
$("#idPaper").width($(elemIMG).width());
$("#idPaper").height($(elemIMG).height());
return;
}
function _onKeyPress(event)

View File

@@ -27,13 +27,15 @@
<script type="text/javascript">
var qryWhat = "<%=safe.jsstring(qryWhat)%>"; // Used inside PrintOptions.asp
var qrySchaal = "<%=L("lcl_fg_schaal")%>"; // Will be used in PrintOprions.js
$(function () { Preview(); });
$(function () { Preview();
$("#Eview").on('load', onload);
});
</script>
</head>
<body class='modal' id='slnkprintbody' onKeyPress="return _onKeyPress(event)">
<form id="theForm">
<% BLOCK_START("printoptions", L("lcl_bes_preview")); %>
<% BLOCK_START("printoptions", L("lcl_cad_preview_setting")); %>
<tr>
<td class='label'><label><%=L("lcl_fg_afdrukformaat")%>:</label></td>
<td>
@@ -105,22 +107,26 @@
</tr>
<tr>
<td colspan="2">
<INPUT type="button" class='button' value='<%=L("lcl_print")%>' onClick="onPrint()">
<INPUT type="button" class='button' value='<%=L("lcl_cancel")%>' onClick="FcltMgr.closeDetail(window, {cancel: true });">
<%
var buttons = [];
buttons.push( {title: L("lcl_print"), action: "onPrint()"});
buttons.push( {title: L("lcl_cancel"), action: "FcltMgr.closeDetail(window, {cancel: true })"});
CreateButtons(buttons, { entersubmit: true} );
%>
</td>
</tr>
<% BLOCK_END() %>
<% BLOCK_START("printpreview", L("lcl_bes_preview")); %>
<% BLOCK_START("printpreview", L("lcl_cad_preview")); %>
<tr>
<td>
<div id=idPaper style="border:'4px solid #31398C';width:504;height:504;">
<img id=Eview style="border:'0px inset black';"
<td style='text-align:center;'>
<div id="idPaper">
<img id="Eview" style="position:absolute;"
ondragstart="return false;"
onmouseenter="if(parent.document.hasFocus()) this.parentElement.focus();"
onmousedown="return _onMouseDown(event);" onmousemove="_onMouseMove(event);"
onmousedown="return _onMouseDown(event);"
onmousemove="_onMouseMove(event);"
onmouseup="_onMouseUp(event);"
onreadystatechange="return _readystatechange(event)"
>
</div>
<div id='txtScale'></div>

View File

@@ -92,7 +92,7 @@ hr { border:0; width: 98%; background-color:#ddd;}
}
#slnkprintbody {
width: 740px;
width: 756px;
height: 550px; /* Genoeg ruimte voor 'staand' */
}
#printoptions {
@@ -104,21 +104,25 @@ hr { border:0; width: 98%; background-color:#ddd;}
#printpreview {
clear: right;
float: right;
width: 510px;
width: 520px;
}
#printoptions td
{
padding: 5px 5px 5px 0px;
}
#idPaper {
border:4px solid #31398C;
}
/* navbuttons */
#navbuttons {
position:absolute;
z-index:1;
left: 2px;
top: 2px;
height:28px;
background-color: rgba(225,225,225,0.25);
margin: 2px;
background-color: #f0f0f0;
padding: 2px;
box-shadow: 1px 1px 1px 1px #ddd;
}
#navbuttons img {