Jump to content

codigo imprimir foto desde una pagina


Recommended Posts

hola, espero que esto vaya aca sino...sorry

encontre algunos codigos para que se pudiera imprimir solo la fotografia que se pinchaba, pero hasta el momento lo unico que logro es que al pinchar la foto la pagina se repite en una pagina mas pequeña y se sigue repitiendo.....sin parar

se supone que tiene que mostrar la foto en la pagina mas pequeña y dar la opcion de imprimir, pero no ...

algunos de los que encontre son estos...

<input type="button" value="IMPRIMIR" onclick="java script:window.open('paginaImpre.htm', 'noimporta', 'width=300, height=300, scrollbars=NO')">

y despues <BODY onload="window.print()">

otro

<script language="JavaScript">

function doPrint(){

document.all.item("noprint").style.visibility='hidden'

window.print()

document.all.item("noprint").style.visibility='visible'

}

</script>

<form....>

...todo lo de aki se imprimira....

<div id=noprint>

...todo lo de aqui no se imprimira

</div>

</form>

 

otro

function doPrint(theForm) {

var i;

for(i=0; i<theForm.elements.length ; i++) {

// Agregar en esta lista de condiciones

// todos aquellos tipos de Input que se quieren ocultar

if( (theForm.elements.type == "submit") ||

(theForm.elements.type == "reset") ||

(theForm.elements.type == "button") )

theForm.elements.style.visibility = 'hidden';

}

window.print();

 

for(i=0; i<theForm.elements.length ; i++) {

if( (theForm.elements.type == "submit") ||

(theForm.elements.type == "reset") ||

(theForm.elements.type == "button") )

theForm.elements.style.visibility = 'visible';

}

}

 

Para utilizar esta función se debe definir

la siguiente declaración en la página que incluirá la

función de impresión: ...

 

<input type="button" value="Imprimir" name="cmdPrint" onclick="doPrint(this.form);"

 

 

pero ninguno me funciona

ayuda por fa...

saludos

 

:nose:

Link to comment
Share on other sites

Se me ocurre muy a la rapida esto, no es lo mas lindo del mundo pero corre de maravilla:

 

form.html

<html>
    <head>
        <title>Ejemplo imprimir solo foto</title>
    </head>
    <body>
        Estas son unas lindas fotos:<br/>
        Elejir foto: <select onChange="document.getElementById('foto').src=this.value;"><option value="1.jpg">1</option><option value="2.jpg">2</option><option value="3.jpg">3</option>
                <select><br/>
        <img id="foto" src="1.jpg"/><br/>
        <input type="button" value="Imprimir foto actual" onclick="window.open('print.html','print','width=50,height=50');"/><br/><font color="green" size="7">Piensa en el medio hambiente antes de imprimir, solo imprime si es muy necesario!!</font>
    </body>
</html>

 

print.html

 

<html>
    <head>
        <title>Print-Foto</title>
    </head>
    <body onload="var a = window.opener.document.getElementById("foto").src; document.getElementById('foto2').src = a; window.print(); window.close();">
        <img id="foto2"/>
    </body>
</html>

 

Con eso deberias andar bien

 

Dato apartE: guarda 3 fotos: 1.jpg 2.jpg, 3.jpg para que veas como funciona luego metele mano para tus necesidades.

 

Cualquier cosa me dices...

 

PD: en el codigo hay insertado una sorpresa tipo hambientalista, ya que dentro de mi filosofia de vida siempre que hago aplicaciones con impresion recuerdo eso.

Edited by alvaroxz
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...