Problema stampa qrcode

**pegaso22** · 08-05-2013, 17:23

Ciao a tutti,
sto utilizzando questo codice per generare nel mio sito qrcode.
Se però mando in stampa la pagina generata esce una pagina bianca.

Ecco il codice:

codice:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>...</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.igloolab.com/public/blog/jquery.qrcode.js"></script>  
<script type="text/javascript" src="http://www.igloolab.com/public/blog/qrcode.js"></script>

</head>
<body>

<table cellpadding="0" cellspacing="0" width="960" align="center">
	<tr>		
		<td>
		<div id="qrcode"></div>
			
		<script type="text/javascript">
				 $("#qrcode").qrcode({ text: "url.it",
							  render: "table",
							  width: 128,
							  height: 128
							});
		</script>
		
		Stampa questa pagina
		</td>
	</tr>
</table>
</body>
</html>

**br1** · 08-05-2013, 17:27

Devi impostare il tuo browser per stampare i colori di sfondo...

**pegaso22** · 08-05-2013, 17:33

Quindi non va in automatico?
Devo farlo usare agli utenti.. non posso dire a tutti di modificare impostazioni del browser.
Una soluzione alternativa?

**br1** · 08-05-2013, 17:45

Prova ad usarne un altro... es: http://davidshimjs.github.io/qrcodejs/

**pegaso22** · 08-05-2013, 17:51

Ok, grazie... guardo questo!!

**pegaso22** · 08-05-2013, 18:08

Così mi da tutto bianco anche a video.. dove sbaglio?

codice:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>...</title>


<script type="text/javascript">
    var qrcode = new QRCode("qrcode");
    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>


</head>
<body>

<table cellpadding="0" cellspacing="0" width="960" align="center">
	<tr>		
		<td>
		<input id="text" type="text" value="http://jindo.dev.naver.com/collie" style="width:80%" onClick="makeCode();">

		<div id="qrcode" style="width:160px;height:160px;margin-top:15px;"></div>
		
		Stampa questa pagina
		</td>
	</tr>
</table>
</body>
</html>

**cavicchiandrea** · 08-05-2013, 18:29

@pegaso22 E le librerie nell'ultimo codice/post dove sono finite?

**pegaso22** · 09-05-2013, 09:37

Perfetto.. ora va!!
Grazie, provo a stampare

**pegaso22** · 20-05-2013, 17:25

Sto utilizzando l'ultimo indicato da br1.

Non riesco però a fare una cosa: vorrei poter inserire in una pagina 2 qrcode distanziandoli tra loro di N pixel.

Se li inserisco così si attaccano:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>Cross-Browser QRCode generator for Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
</head>
<body onload="javascript:window.print()">
<input id="text" type="text" value="http://jindo.dev.naver.com/collie" style="width:80%" />

<input id="text2" type="text2" value="http://casa.it" style="width:80%" />

<table cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<table cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
						<div style="height:200px;"></div>
						<div id="qrcode2" style="width:100px; height:100px; margin-top:15px;"></div>
					</td>
				</tr>
			</table>
		</td> 
	</tr>
</table>

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

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>

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

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

makeCode();

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

Praticamente il div centrale vuoto (che vorrei usare per spazione i 2 qrcode) non viene visto e vengono attaccati i 2 qrcode.
Non riesco a trovare ciò che c'è da variare dentro gli altri 3 file.
Potete darmi qualche indicazione?

**cavicchiandrea** · 20-05-2013, 17:48

<div id="qrcode" style="width:100px; height:100px; margin-top:15px; margin-right:20px;"></div> <-- non funziona?
Occhio con il copia/incolla

var qrcode2 = new QRCode(document.getElementById("qrcode")
e anche questo
$("#text").
on("blur", function () {
makeCode();
}).
on("keydown", function (e) {
if (e.keyCode == 13) {
makeCode();
}
});
lo ripeti due volte è non ha molto senso

Discussione: Problema stampa qrcode

Strumenti discussione

Ricerca discussione

Visualizza

Problema stampa qrcode

Permessi di invio