• címkék:
  • print
  • nyomtat
  • CSS
  • stílus
  • stylesheet

printElement

Példák a plugin használatára

(A forráskódok az oldal alján!)

Töltelék szöveg nyomtatáshoz

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit mi non risus hendrerit dignissim. In molestie leo.

  • jQuery plugins
  • google
  • Pellentesque ac orci quis sem aliquet placerat.
  • Curabitur scelerisque imperdiet nisi, et volutpat nibh rhoncus at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris orci lacus, vehicula in facilisis eleifend, rutrum at tellus. Proin quam lectus, iaculis eu venenatis ac, pellentesque eu tortor. Duis ultrices facilisis scelerisque. Praesent auctor laoreet semper. Mauris mollis, justo quis molestie molestie, nulla sem rhoncus arcu, eu porttitor mi felis sed nisl. Curabitur tincidunt risus vel enim sodales ac hendrerit massa imperdiet. Aenean ullamcorper urna ac diam dictum sodales facilisis lectus tempus. Ut at nisi dolor, ut lobortis velit. Aenean viverra sollicitudin ipsum sed facilisis.

Sed imperdiet felis id libero eleifend et tincidunt tortor accumsan. Vestibulum felis lectus, sagittis nec placerat eu, tincidunt non nulla. In fermentum, turpis a bibendum sollicitudin, nisl est vehicula felis, auctor cursus mauris velit quis nisl. Nam justo risus, pharetra adipiscing hendrerit nec, interdum eu eros. Duis cursus viverra ipsum, nec congue arcu consequat nec. Praesent id consectetur nisl. Quisque vestibulum sapien interdum nibh venenatis iaculis. Morbi eu tellus mi, ut lacinia sem. Nam elementum risus eu metus luctus feugiat. Duis condimentum urna et magna egestas commodo.

Első példa - alaphelyzet

Deklaráció

        $(document).ready(function() {
          $("#print-1").click(function() {
            printElem();
          });
        });

        function printElem(options){
          $('#toPrint').printElement(options);
        }
      

Második példa - felugró ablak, amely nyomtatás után eltűnik

Deklaráció

        $(document).ready(function() {
          $("#print-2").click(function() {
            printElem({
              printMode: 'popup',
              printBodyOptions: {
                styleToAdd: 'margin: 0; padding: 20px; background-color: #fff;'
              }
            });
          });
        });

        function printElem(options){
          $('#toPrint').printElement(options);
        }
      

Harmadik példa - egyéni oldal cím

Deklaráció

        $(document).ready(function() {
          $("#print-3").click(function() {
            printElem({ pageTitle: 'jQuery plugins - printElement plugin demo' });
          });
        });

        function printElem(options){
          $('#toPrint').printElement(options);
        }
      

Negyedik példa - felugró ablak, amely nyomtatás után nyitva marad

Deklaráció

        $(document).ready(function() {
          $("#print-4").click(function() {
            printElem({
              leaveOpen: true,
              printMode: 'popup',
              printBodyOptions: {
                styleToAdd: 'margin: 0; padding: 20px; background-color: #fff;'
              }
            });
          });
        });

        function printElem(options){
          $('#toPrint').printElement(options);
        }
      

Ötödik példa - CSS nélkül

Deklaráció

        $(document).ready(function() {
          $("#print-5").click(function() {
            printElem({ overrideElementCSS: true });
          });
        });

        function printElem(options){
          $('#toPrint').printElement(options);
        }
      

Hatodik példa - külső CSS használata

Deklaráció

        $(document).ready(function() {
          $("#print-6").click(function() {
            printElem({ overrideElementCSS: ['css/printExternal.css'] });
          });
        });

        function printElem(options){
          $('#toPrint').printElement(options);
        }
      

« bezár