Imprimer des codes-barres dans plusieurs colonnes

J'ai un document qui imprime les codes-barres et les isbn des livres, mon problème est qu'il imprime seulement une colonne sur une page. Je voudrais imprimer 2 ou 3 colonnes (si la page prend en charge autant de colonnes) par page. J'utilise javascript pour générer mes codes-barres avec des titres de livres. voici le code:Imprimer des codes-barres dans plusieurs colonnes

for (x=0;x<data.isbn.length;x++) 
    { 
       if (x == 5){ 
       '<div class="page-break"></div>'; 
       } else 
       first += '$("#'+indexGlobal+'").barcode("'+isbn[x]+'", "codabar",{barHeight:40, fontSize:30, output:"bmp"});'; 
     second += '<div class="wrapper"><div id="'+indexGlobal+'"></div><div class="fullSKU">&nbsp &nbsp &nbsp '+isbn[x]+ 
       '</div><br/><div class="title">'+title[x]+'</div></div>&nbsp &nbsp'; 
     indexGlobal++; 

       } 
       } 
      });//end of ajax call 

     var barcode = window.open('','BarcodeWindow','width=400'); 
     var html = '<html><head><title>Barcode</title><style type="text/css">'+ 
     '.page-break{display:block; page-break-before:always; }'+ 
     'body{width: 2in;}'+ 
     '.wrapper{height: 1in;margin-left:10px;margin-top:5px;margin-right:5px;}'+ 
     '.fullSKU{float: left;}'+ 
     '.shortSKU{float: right;font-size:25px;font-weight:bold;}'+ 
     '.title{float: left;}'+ 
     '</style><script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script><script type="text/javascript" src="../barcode/jquery-barcode.js"></script><script>$(document).ready(function() {'+first+'window.print();window.close();});</script></head><body>'+second+'</body></html>'; 
     barcode.document.open(); 
     barcode.document.write(html); 
     barcode.document.close();

Des suggestions pour avoir cette impression dans plusieurs colonnes?

Source

2012-07-04 Jim

À quoi ressemble le html généré? –

il imprime les codes à barres avec le titre du livre, mais juste dans une colonne en bas de la page. Pour économiser du papier, je veux pouvoir imprimer sur plusieurs colonnes. – Jim

Ce n'est pas ce que j'ai demandé ... à quoi ressemble le code source html? décrivant ce qu'il rend comme inutile. –

Un de mes amis m'a orienté dans la bonne direction. J'ai changé la largeur du corps

'body{width: 2in;}'+

à la taille de la page (10 pouces car il imprimera paysage), puis utilisé la propriété css3 de 3 Colonne:

'body{width: 10in;-moz-column-count:3; -webkit-column-count:3;column-count:3;}'

Hope this aidera quelqu'un d'autre.

Source

2012-07-05 12:12:28 Jim

Imprimer des codes-barres dans plusieurs colonnes

Répondre

Questions connexes