Preformateo de documentos
Hola me llamo Rebeka y tengo una duda. Tengo una página la cual tiene un botón de imprimir y me gustaría saber si sabes alguna forma en asp o javascript para que lo que se imprime realmente sea el contenido que esta viendo el usuario pero con un formato distinto al de la pantalla.
Un saludo y gracias por adelantado,
Rebeka
Un saludo y gracias por adelantado,
Rebeka
1 Respuesta
Respuesta de admoreno
1
Si más o menos eso es lo que quiero. Quiero que por ejemplo el usuario esta visualizando unos datos y cuando le de al botón de imprimir pues estos aparezcan ordenados de otra forma, con una imagen que cuando esta visualizando por pantalla no aparece, que por supuesto el botón de imprimir no aparezca.. espero que me haya explicado mejor.
con el <DIV name=d1
es eso... lo oculto, luego imprimo... luego lo hago aparecer denuevo...
function printer()
{
imgName="logo"
if (document.images)
{ document[imgName].src = eval(imgName+"negro" + ".src");}
document.all.item("d1").style.visibility="hidden"
window.print()
if (document.images)
{ document[imgName].src = eval(imgName + ".src");}
document.all.item("d1").style.visibility="visible"
}
.......
<form id=form2 name=form2>
<div id="d1" >
<img src="botones\volver.jpg" name="volver" alt="Volver al Menú Anterior" onmouseover="imgOn(name)" onmouseout="imgOff(name)" onclick="history.go(-1)">
<img src="botones\salir.jpg" name="salir" alt="Cerrar esta Ventana de Pre-Visualización..." onmouseover="imgOn(name)" onmouseout="imgOff(name)" onclick="javascript:window.close()">
<img src="botones\imprimir.jpg" name="imprimir" alt="Imprimir esta Hoja" onmouseover="imgOn(name)" onmouseout="imgOff(name)" onclick="printer()">
</div>
</form>
_____________________________
con respecto a Javascript
que innerHtml y outerHtml
El cual hace el mismo trabajo de una forma no tan compatible con todos los exploradores que es así
<script language="javascript">
function cambia()
{
document.fsugiere.outerHTML="<br><br><br><p align='center'><font color='#B64D0E'><big><big>Aguarde... se esta actualizando la Página</big></big></font></p>"
}
</script>
<form id=form2 name=fsugiere>
jlksdjflsdkjfslkdjfsdkfjlksdjflksjdflkdsf<BR>
dsfsdfsdfsdfsdfsdfsdfsdfsdfsdfdsfdsfsdfsdfsd<BR>
</form>
es eso... lo oculto, luego imprimo... luego lo hago aparecer denuevo...
function printer()
{
imgName="logo"
if (document.images)
{ document[imgName].src = eval(imgName+"negro" + ".src");}
document.all.item("d1").style.visibility="hidden"
window.print()
if (document.images)
{ document[imgName].src = eval(imgName + ".src");}
document.all.item("d1").style.visibility="visible"
}
.......
<form id=form2 name=form2>
<div id="d1" >
<img src="botones\volver.jpg" name="volver" alt="Volver al Menú Anterior" onmouseover="imgOn(name)" onmouseout="imgOff(name)" onclick="history.go(-1)">
<img src="botones\salir.jpg" name="salir" alt="Cerrar esta Ventana de Pre-Visualización..." onmouseover="imgOn(name)" onmouseout="imgOff(name)" onclick="javascript:window.close()">
<img src="botones\imprimir.jpg" name="imprimir" alt="Imprimir esta Hoja" onmouseover="imgOn(name)" onmouseout="imgOff(name)" onclick="printer()">
</div>
</form>
_____________________________
con respecto a Javascript
que innerHtml y outerHtml
El cual hace el mismo trabajo de una forma no tan compatible con todos los exploradores que es así
<script language="javascript">
function cambia()
{
document.fsugiere.outerHTML="<br><br><br><p align='center'><font color='#B64D0E'><big><big>Aguarde... se esta actualizando la Página</big></big></font></p>"
}
</script>
<form id=form2 name=fsugiere>
jlksdjflsdkjfslkdjfsdkfjlksdjflksjdflkdsf<BR>
dsfsdfsdfsdfsdfsdfsdfsdfsdfsdfdsfdsfsdfsdfsd<BR>
</form>
