Problem mit dem Befehl onClick

S

SvenKrüger

Mitglied
Hallo zusammen,

eins vorweg, ich habe absolut keine Ahnung von Javascript Ich habe mir jetzt mal einen Befehl zusammen gebastelt, der bewirken soll, dass wenn ich auf etwas klicke sich das Druckmenü öffnet, damit die geöffnete Seite ausgedruckt werden kann.

<a href="#" onClick="printit();window.close();"><span id="prt" style="font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; background=#E0E0E0; text-decoration:none;">&nbsp; Gutschein&nbsp;ausdrucken &nbsp;</span></a>

leider funktioniert er nicht.

Kann mir jemand weiter helfen ?

Oder mir einen Tip geben wo ich die Lösung finde. Habe unterschiedliche Schlagworte eingegeben, doch leider bin ich immer noch nicht zum richtigen Ergebnis gekommen.

Vielen Dank

Sven
 
Hallo,

"printit()" ist keine vordefinierte Javascript Funktion - das heißt du musst sie irgendwo geschrieben oder eingebunden haben. Post noch die Code der Funktion, ohne denn kann man dazu nichts vernünftiges sagen...

bye
 
Ich habe hier ein Tut gefunden der automatisch das "Druckmenü" öffnet wenn man das Fenster öffnet, da steht der Befehl "print" wenn ich das "Script" einbinde funktioniert es auch, jetzt will ich halt nur erreichen, das sich das Menu öffnet wenn ich auf "Gutschein drucken" klicke.

Der ganze Quelltext sieht bisher so aus :

//edit: so ist's schöner :)
PHP: 
<html><head><title>Geschenkgutschein</title>


<link rel="stylesheet" type="text/css" href="/formate_gs.css">


</head>
<body bgcolor="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" onLoad="flashit()">
<center>
<br>
<table width="400" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">
<tr>
	  <td width="126" height="75" bgcolor="#000000" align="center" valign="middle"><img src="../bilder/wert_gs.gif" border="0" width="126" height="75"></td>
	  <td width="148" height="75" bgcolor="#000000" align="center"><img src="../bilder/logo_small.gif" border="0" width="148" height="75"></td>
	  <td width="126" height="75" bgcolor="#000000" align="center" valign="middle"><img src="../bilder/wert_gs.gif" border="0" width="126" height="75"></td>
</tr>
<tr>
	<td colspan="3" width="400">
	<table width="400" height="110" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000">
	<tr>
		<td align="center" valign="middle">
		<div style="font-family:Arial,Helvetica; font-size:18pt; font-weight:bold; color:#000000;">Geschenk-Gutschein</div>
		<div style="font-family:Arial,Helvetica; font-size:4pt;">&nbsp;</div>
		<div style="font-family:Arial,Helvetica; font-size:10pt; font-weight:normal; color:#000000;">Dieser Geschenkgutschein 
		ist einl&ouml;sbar bei<br>einer Neumodellage von 10 Fingern&auml;geln<br>&nbsp;</div>
		<div style="font-family:Arial,Helvetica; font-size:7pt; font-weight:normal; color:#000000;">(Nur ein Gutschein anrechenbar, 
		nicht g&uuml;ltig auf Aktionen oder andere Leistungen)</div>
		</td>
	</tr>
	</table>
	</td>
</tr>
<tr>
	<td height="100" bgcolor="#000000" colspan="3" align="center">
	<table width="400" height="80" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td width="180" bgcolor="#000000">
		<table width="180" height="80" border="0" cellspacing="0" cellpadding="4">
		<tr>
			<td bgcolor="#FFFFFF" valign="middle">
                    <div style="font-family:Arial,Helvetica; font-size:8pt; color:#000000;"> 
                      <p>NailDesign<br>
                        Heike Springer<br>
                        Rotenwaldstra&szlig;e 96<br>
                        70197 Stuttgart<br>
                        TEL : 0711 - 26 34 294<br>
                        MOBIL : 0170 - 18 85 213</p>
                    </div>
                  </td>
		</tr>
		</table>
		</td>
		    <td width="20" bgcolor="#000000"><img src="../bilder/transp.gif" width="1" height="1" border="0"></td>
		    <td width="200" bgcolor="#000000"><img src="../bilder/gs_barcode.gif" border="0" width="200" height="80"></td>
	</tr>
	</table>	
	</td>
</tr>
</table>
<br>
<a href="#" onClick="printit();window.close();"><span id="prt" style="font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; background=#E0E0E0; text-decoration:none;">&nbsp; Gutschein&nbsp;ausdrucken &nbsp;</span></a>

</center>
</body>
</html>

Ich hoffe man wird daraus schlau *schauverzweifelt
 
Hi,

Seit JavaScript 1.2 (NN 4) gibt es die Methode print() des window-Objektes. Damit ist es möglich, den Inhalt eines Fensters oder Frames auszudrucken. Der Effekt ist absolut mit dem identisch, der eintritt, wenn der Benutzer den "Print-Button" drückt.
Quelle: http://www.dcljs.de/faq/antwort.php?Antwort=client_drucken
Zum Vergrößern anklicken....

..das ergab eine Google-Suche nach den Schlagwörtern Javascript und Drucken.

Also schreibe statt "printit()" einfach "window.print()". Dann sollte es klappen!

Gruß

EDIT:
Ich denke, in dem Script gab es wohl eine JS-Methode printit(), die nichts anderes gemacht hat - ist allerdings in Deinem Beitrag nicht zu sehen.
Wenn Du das lieber über eine Funktion machen willst:
PHP: 
<script language="JavaScript" type="text/javascript">
  function printit() {
    window.print();
  }
</script>
 
Zuletzt bearbeitet:
Code: 
<html><head><title>Geschenkgutschein</title> 


<link rel="stylesheet" type="text/css" href="/formate_gs.css"> 


</head> 
<body bgcolor="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" onLoad="flashit()"> 
<center> 
<br> 
<table width="400" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000"> 
<tr> 
      <td width="126" height="75" bgcolor="#000000" align="center" valign="middle"><img src="../bilder/wert_gs.gif" border="0" width="126" height="75"></td> 
      <td width="148" height="75" bgcolor="#000000" align="center"><img src="../bilder/logo_small.gif" border="0" width="148" height="75"></td> 
      <td width="126" height="75" bgcolor="#000000" align="center" valign="middle"><img src="../bilder/wert_gs.gif" border="0" width="126" height="75"></td> 
</tr> 
<tr> 
    <td colspan="3" width="400"> 
    <table width="400" height="110" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000"> 
    <tr> 
        <td align="center" valign="middle"> 
        <div style="font-family:Arial,Helvetica; font-size:18pt; font-weight:bold; color:#000000;">Geschenk-Gutschein</div> 
        <div style="font-family:Arial,Helvetica; font-size:4pt;">&nbsp;</div> 
        <div style="font-family:Arial,Helvetica; font-size:10pt; font-weight:normal; color:#000000;">Dieser Geschenkgutschein 
        ist einl&ouml;sbar bei<br>einer Neumodellage von 10 Fingern&auml;geln<br>&nbsp;</div> 
        <div style="font-family:Arial,Helvetica; font-size:7pt; font-weight:normal; color:#000000;">(Nur ein Gutschein anrechenbar, 
        nicht g&uuml;ltig auf Aktionen oder andere Leistungen)</div> 
        </td> 
    </tr> 
    </table> 
    </td> 
</tr> 
<tr> 
    <td height="100" bgcolor="#000000" colspan="3" align="center"> 
    <table width="400" height="80" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
        <td width="180" bgcolor="#000000"> 
        <table width="180" height="80" border="0" cellspacing="0" cellpadding="4"> 
        <tr> 
            <td bgcolor="#FFFFFF" valign="middle"> 
                    <div style="font-family:Arial,Helvetica; font-size:8pt; color:#000000;"> 
                      <p>NailDesign<br> 
                        Heike Springer<br> 
                        Rotenwaldstra&szlig;e 96<br> 
                        70197 Stuttgart<br> 
                        TEL : 0711 - 26 34 294<br> 
                        MOBIL : 0170 - 18 85 213</p> 
                    </div> 
                  </td> 
        </tr> 
        </table> 
        </td> 
            <td width="20" bgcolor="#000000"><img src="../bilder/transp.gif" width="1" height="1" border="0"></td> 
            <td width="200" bgcolor="#000000"><img src="../bilder/gs_barcode.gif" border="0" width="200" height="80"></td> 
    </tr> 
    </table>     
    </td> 
</tr> 
</table> 
<br> 
<span id="prt" style="font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; background=#E0E0E0; text-decoration:none;" onClick="window.print();window.close();">&nbsp; Gutschein&nbsp;ausdrucken &nbsp;</span>

</center> 
</body> 
</html>

In diesem Sinne
 
Der Aufruf "onClick="printit();window.close();" ist in Ordnung. Jedoch versuchst du die Funktion "printit()" aufzurufen, die es in deinem Dokument nicht gibt (dazu müsste die Funktion entweder über <script type="text/javascript" src="DASSCRIPT.js"></script> eingebunden werden, oder direkt im Quelltext der Seitete notiert werden.) . Du kannst
Code: 
onclick="window.print()"
verweden, wobei ich nicht glaube das es zum gewünschten Ergebnis führt...

bye
 
@ Krypthonas : Sorry, aber irgendwie hat sich bei Deiner Variante nichts getan :-((

Allerdings war der Lösungsvorschlag von Andeas genau das was ich wollte, beim Klicken öffnet sich das "Druckfenster"

Das manche Dinge doch so einfach sein können *lach

D A N K E !

EDIT

@ Datic

Stimmt, diese Funktion gab es, hab sie aber gelöscht, weil ich als Anfänger damit rein gar nichts anfangen konnte *schäm

Wollte es halt alleine probieren.
 
Zuletzt bearbeitet:
Original geschrieben von SvenKrüger
@ Krypthonas : Sorry, aber irgendwie hat sich bei Deiner Variante nichts getan :-((
Zum Vergrößern anklicken....
Komisch... er macht das gleiche wie ich ;)

Datic
Ich denke, in dem Script gab es wohl eine JS-Methode printit(), die nichts anderes gemacht hat
Zum Vergrößern anklicken....
Nein, das glaube ich nicht. Ich denke eher das in "printit()" der Content noch formatiert wurde - zum Beispiel Navigation ausblenden o.ä.... Es macht eigentlich sonst keinen Sinn einen Wrapper für einen einfachen Aufruf zu schreiben ;)

bye
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück