jquery jqprint

[Espressolia]

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

<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]

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...

<div id="print">Drucken</div>
<div id="area">Ich möchte gedruckt werden.</div>

<script>
  $("#print").click(function(){
    $("#area").jqprint();
  });
</script>

 

[Espressolia]

AW: jquery jqprint

Ich hab jetzt

$("#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]

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]

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.

<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]

AW: jquery jqprint

Binde das script mal am Ende der Seite vor dem schließenden body-tag ein oder steck es in ein

$(document).ready(function(){ /*hier der code */ });

du kannst es nicht notieren, bevor das Domelement überhaupt geladen ist. Es sei denn du benutzt .live()

 

[Espressolia]

AW: jquery jqprint

oh ja vielen dank jetzt klappt es