Antworten auf deine Fragen:
Neues Thema erstellen

jquery jqprint

Espressolia

Nicht mehr ganz neu hier

Hallo,
ich möchte auf einer Webseite ein bestimmten Bereich drucken lassen.
Dazu verwende ich das Jquery JQPRINT Plugin.
Leider funktioniert das nicht so ganz wie es soll:(
HTML:
<script type="text/javascript">
$(function print() {
 $("#Print").click( function() { 
  $('div#Area').jqprint();
  return false; 
  });
});              
 
</script>
<div class="print"><a href="#" onclick="print();">Drucken</a></div>
.....
............
..............
<div id="Area">
Content was gedruckt werden soll
</div>
..............
.........
...
Leider druckt er auch den Bereich außerhalb des Divs mit:(
Was ist da falsch?

Hoffe auf eure Unterstützung

Espressolia
 

cebito

undefined

AW: jquery jqprint

Du machst alles doppelt und dreifach, achtest nicht auf den Unterschied von Klassen und ID's und beachtest Groß- und Kleinschreibung nicht...
HTML:
<div id="print">Drucken</div>
<div id="area">Ich möchte gedruckt werden.</div>
PHP:
<script>
  $("#print").click(function(){
    $("#area").jqprint();
  });
</script>
 
Zuletzt bearbeitet:

Espressolia

Nicht mehr ganz neu hier

AW: jquery jqprint

Ich hab jetzt

HTML:
$("#print").click(function() {
 $('#area').jqprint();
 return false;
});              

<div id="print">Drucken</div>
<div id="area">das soll gedruckt werden</div>

jetzt passiert nix wenn auf das div klicke:(
 

cebito

undefined

AW: jquery jqprint

Es bringt nichts, wenn du deinen Code hier so zusammenhanglos postest. Ist die function überhaupt in script-tags eingeschlossen? Wo im Dokument steht das? Hast du die Lib überhaupt eingebunden? Fragen über Fragen deren Beantwortung unerlässlich ist um dir zu helfen. Poste bitte den gesamten Quelltext der Seite oder noch viiieeeel besser einen Link zu einer Testseite, dann können wir die Fehler auch direkt in der Fehlerkonsole sehen.
 

Espressolia

Nicht mehr ganz neu hier

AW: jquery jqprint

Mit ein Link kann ich leider nicht dienen, da noch lokal ist.

hier ich werde mal versuchen den groben Code zu posten.

HTML:
<script type="text/javascript">
...
andere JS- Funktionen die aber nix mit Druck zutun haben
...
 
// Drucken 
$("#print").click(function() {
 $('#area').jqprint();
 return false;
});              
</script>
 
...
<div class="layout contentNavi">
                    <span class="gamma_span">1. Ballonfahrt</span>
                    <span class="gamma_span">2. Personenangaben</span>
                    <span class="gamma_span">3. Zahlungsart</span>
                    <span class="gamma_span_active">4. Zusammenfassung</span>                    
                    <span class="gamma_span">5. Best&auml;tigung</span>
               </div>
                <br>                   
                <div id="area">
                  <fieldset>
                    <legend class="la_box" style='right:none;left:0px;padding-left: 0px;width:100%'>Ballonfahrt <div id="print">Drucken</div></legend>
                     <div class="fs-field">
                       <div style="float:left;">Art der Ballonfahrt:</div><strong><div class="zusammen"><div id="variantsz"></div></div></strong>
                     </div> 
 
                     <div class="fs-field">
                        <div style="float:left;">Region der Ballonfahrt:</div><strong><div class="zusammen"><div id="regioz"></div></div></strong>
                     </div> 
 
                     <div class="fs-field">
                        <div style="float:left;">Anzahl der Fahrg&auml;ste:</div><strong><div class="zusammen"><div id="personsz"></div></div></strong>
                     </div>    
 
                     <div class="fs-field">
                        <div style="float:left;">anteilig Kinder bis 14 Jahre:</div><strong><div class="zusammen"><div id="kidsz"></div></div></strong>
                     </div>                   
                     <div class="fs-field">
                       <div style="float:left;">anteilig Jugendliche bis 18 Jahre:</div><strong><div class="zusammen"><div id="teenz"></div></div></strong>
                     </div>                   
                     <div class="fs-field">
                      <div style="float:left;">anteilig Vielfahrer:</div><strong><div class="zusammen"><div id="travelerz"></div></div></strong>
                     </div>                   
                    <div class="fs-field">
                      <div style="float:left;">Gesamtpreis inkl. MwSt.</div><strong><div class="zusammen"><div id="sumz"></div></div></strong>
                     </div> 
                    <div class="fs-field">
                      <div style="float:left;">Zahlungsart:</div><strong><div class="zusammen"><div id="zahlungartz"></div></div></strong>
                     </div> 
                      <div class="fs-field">
                      <div style="float:left;">AGB akzeptiert:</div><strong><div class="zusammen"><div id="agbz"></div></div></strong>
                     </div>
                     <div class="fs-field">
                     <div style="float:left;">Fr&uuml;hester Terminwunsch:</div><strong><div class="zusammen"><div id="terminz"></div></div></strong>
                     </div>
                     <div class="fs-field">
                      <div style="float:left;">Bemerkungen:</div><strong><div class="zusammen"><div id="bemerkungz"></div></div></strong>
                     </div> 
                  </fieldset>
... Hier kommt nochmehr Inhalt von area...
</div>

so der Code steht im Body, da der header von ein CMS generiert wird.
Jquery wird im Header eingebunden!
(Jquery und JQprint gehen ja auch, da ja bei meinen ersten Code das Dialog zum Drucken kam!)

Danke nochmal für deineUnterstützung
hoffe das du was damit anfangen könnt
 

cebito

undefined

AW: jquery jqprint

Binde das script mal am Ende der Seite vor dem schließenden body-tag ein oder steck es in ein
PHP:
$(document).ready(function(){ /*hier der code */ });
du kannst es nicht notieren, bevor das Domelement überhaupt geladen ist. Es sei denn du benutzt .live()
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.481
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben