Druckenattribute bei einem Formular

flow

Guten Tag

Ich habe ein Problem ich hab mir ein formular geschrieben und einen button zum Drucken ("<input type="button" value="Drucken" onclick="javascript:window.print()"> ")

wie kann ich dem ganzen jetzt Druckattribute mitgeben wie querformat oder farbe/graustufen ???

ist wichtig

ich hoffe mir kann jemand helfen

greetz flow

jojo87

Z.Bsp. mit css:

Code

<style type="text/css" media="print">
/*Hier deine Druckangaben
Als Beispiel ist dein Formular im div mit der id "form"
*/


#form {
color: #000;
width: 1000px;
/*etc*/
}
</style>

Alles anzeigen

flow

ok das versteh ich jetzt nicht ganz könntest du mir ein richtiges beispiel geben oder ich poste mein formular und wenn es nicht zu viele umstände macht könntest du mir dann zeigen wo und wie ich des einfügen muss.

Wäre dir sehr dankbar

HTML

<html>
<head>
<title>SOX-Antrag</title>






<script type="text/javascript">
function chkFormular () {
  if (document.Formular.Nachname.value == "") {
    alert("Bitte Ihren Nachnamen eingeben!");
    document.Formular.Nachname.focus();
    return false;
  }
  if (document.Formular.Vorname.value == "") {
    alert("Bitte Ihren Vornamen eingeben!");
    document.Formular.Vorname.focus();
    return false;
  }
  if (document.Formular.Tel.value == "") {
    alert("Bitte Ihre Telefonnummer eingeben!");
    document.Formular.Tel.focus();
    return false;
  }
  if (document.Formular.Kostenstelle.value == "") {
    alert("Bitte Ihre Kostenstelle eingeben!");
    document.Formular.Kostenstelle.focus();
    return false;
  }
  if (document.Formular.Nutzung.value == "") {
    alert("Bitte den Zeitraum der Nutzung eingeben!");
    document.Formular.Nutzung.focus();
    return false;
  }
  if (document.Formular.Drucken.value == True) {
    javascript:window.print();
  }  

}
</script>


</head>
<body>
[b]Anfrageformular zur Neuvergabe / Abmeldung / Änderung von Benutzerberechtigungen[/b]
&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
[img]magna.jpg[/img] 




<form name="Formular" action="javascript:window.print()" method="post" onsubmit="return chkFormular()"> 








<table border="0">




 <colgroup>
  <col width="1000">
 </colgroup>








<tr>
<th bgcolor="#99CCFF" align="left">
<pre>
Nachname                  Vorname                Tel.                Kostenstelle     Zeitraum der Nutzung    
<input type="text" size="17" name="Nachname">          <input type="text" size="10" name="Vorname">            <input type="text" size="14" name="Tel">       <input type="text" size="6" name="Kostenstelle">         <input type="text" size="16" name="Nutzung">


<font size="2">Art der Benutzerberechtigung</font>                                                       <font size="2">Werkswahl</font>
<select><option>Auswahl....</option><option>Neuanlage interner Mitarbeiter</option><option>Neuanlage externer Mitarbeiter</option><option>Änderung/Erweiterung</option><option>Abmeldung</option><select>                                                         <select><option>Auswahl....</option><option>Werk </option><option>Werk</option><option>Werk </option><option>Werk</option><select>




Zugriff auf folgende IT-Systeme                                  <font color="red" size="1">(bei gelb hinterlegten Felder ist eine Zustimmung durch GM/AGM anzufordern)</font>
  <table>
	<colgroup>
	<col width="500">
	<col width="300">
	</colgroup>
  <tr><th rowspan="2" align="left"><pre>Windows-User anlegen  H:\Laufwerk  Covisint Portal  TISOWARE  Lotus Notes 
       <input type="checkbox" name="win-user">                  <input type="checkbox" name="Laufwerk">           <input type="checkbox" name="Covisint">           <input type="checkbox" name="tiso">         <input type="checkbox" name="Lotus"></pre></th><th bgcolor="#FFFF33" rowspan="2" align="left"><pre>  VPN                Lotus Notes Speichererweiterung
  <input type="checkbox" name="vpn">                <input type="checkbox" name="lotus+speicher"> (Standard-Erweiterung um 300MB)</pre></th></tr>



  </table>
Zugriff auf folgende Verzeichnisse:	                                       Covisint Portal:<table border="1">
					<colgroup>
					<col width="250">
					<col width="100">
					<col width="100">
					<col width="150">
					</colgroup>
					 <tr>
  					  <th><input type="text" size="45" name="#1"></th><th><input type="checkbox" name="edit"> &auml;ndern</th><th><input type="checkbox" name="read"> lesen</th><th><input type="checkbox" name="write"> schreiben</th><th rowspan="3"><textarea name="cov" cols="40" rows="5"></textarea></th>
 					 </tr>
					 <tr>
  	 				 <th><input type="text" size="45" name="#2"></th><th><input type="checkbox" name="edit"> &auml;ndern</th><th><input type="checkbox" name="read"> lesen</th><th><input type="checkbox" name="write"> schreiben</th>
 	 				</tr>
					 <tr>
  					  <th><input type="text" size="45" name="#3"></th><th><input type="checkbox" name="edit"> &auml;ndern</th><th><input type="checkbox" name="read"> lesen</th><th><input type="checkbox" name="write"> schreiben</th>
 					 </tr>
					</table>


<font size="3" color="red">Für die Freischaltung von Projektlaufwerken sind die Projektleiter verantwortlich, nicht die EDV</font>




Name des Vorgesetzten       Abteilung
<input type="text" size="24" name="vorgesetzter">      <select><option>Auswahl....</option><option>AKU</option><option>AT</option><option>AT-FT</option><option>AT-R</option><option>CO</option><option>DV</option><option>EK</option><option>EMP</option><option>FF</option><option>FI</option><option>GL</option><option>KONST</option><option>LOG</option><option>ORG</option><option>PA</option><option>PWT</option><option>QM</option><option>SI</option><option>VE</option></select>
[img]Unterschrift.JPG[/img]
</pre>
</th>
</tr>






<tr>
<th bgcolor="#FFFF33" align="left">
      <table border="0">
           <colgroup>
           <col width="450">
           <col width="50">
           <col width="300">
           <col width="50">
           </colgroup>
           <tr><th align="left">Zustimmung durch Leitung des Fachbereichs
<font size="1">(bei gelb hinterlegten Berechtigungen ist eine Zustimmung durch GL anzufordern)</font></th><th></th><th>Durchf&uuml;hrungserlaubnis erteilt von:
<select><option>Auswahl....</option><option>GM </option><option>GM S</option><option>AGM</option><option>AGM t</option></select></th><th></th></tr>
           <tr><th align="left">freigegeben &ensp;&ensp;&ensp;abgelehnt&ensp;&ensp;&ensp; <font size="1">Begr&uuml;ndung:</font>
<pre><input type="radio" name="frei-ab">           <input type="radio" name="frei-ab">         <textarea name="beg" cols="25" rows="2"></textarea></pre></th><th></th><th>[img]Unterschrift.JPG[/img]</th><th></th></tr>
           <tr><th></th><th></th><th></th><th></th></tr>
           </table>








<tr>
<th bgcolor="#66FF66" align="left">
<pre>     <table>
	  <colgroup>
	   <col width="350">
	   <col width="150">
	   <col width="400">
	  </colgroup>
          <tr>
	   <th></th><th>[img]durch-von.JPG[/img]</th><th align="right">[img]eingangsstempel.JPG[/img]</th>
	  <tr>




	 </table
</pre>
</th>
</tr>






</table>
<input type="submit" value="Drucken">


</form>


</body>
</html>

Alles anzeigen

so das is der Code hoffe du kannst mir helfen wäre serr nett

greetz flow

jojo87

Also:
Im head Bereich deiner HP kannst du CSS Angaben reinschreiben. Gib deinem Formular durch diesen code einen Namen:

Code

<form action="" method="" id="name">

Dann kannst du dieses Formular per css ansprechen:

Code

<style type="text/css" media="screen">
/*Hier kommen nun Angaben rein, welche die Anzeige aufm Bildschirm definieren*/
#name {
background-color: Hintergrundfarbe;
color: Schriftfarbe;
/*etc.*/
}
</style>

Durch Veränderung des media-Attributes im style-tag kannst du Angaben machen, welche das Drucklayout bestimmen:

Code

<style type="text/css" media="print">
#name {
/*CSS-Angaben, die nur zum Drucken verwendet werden*/
}
</style>

Wie gesagt, dass alles in den head.
Schaue im obigen Link, welche Angaben es gibt und welche du brauchst.
Gruß,
Jojo

PS: Bitte drängle nicht so, wenn ich Zeit und Lust habe, dann Antworte ich schon von selber. Andernfalls bringt auch eine pn nichts

flow

also mein kopf sieht so aus :

ich hoffe das geht so oder soll ich beide styles getrennt machen?

Code

<script type="text/javascript">
function chkFormular () {
  if (document.Formular.Nachname.value == "") {
    alert("Bitte Ihren Nachnamen eingeben!");
    document.Formular.Nachname.focus();
    return false;
  }
  if (document.Formular.Vorname.value == "") {
    alert("Bitte Ihren Vornamen eingeben!");
    document.Formular.Vorname.focus();
    return false;
  }
  if (document.Formular.Tel.value == "") {
    alert("Bitte Ihre Telefonnummer eingeben!");
    document.Formular.Tel.focus();
    return false;
  }
  if (document.Formular.Kostenstelle.value == "") {
    alert("Bitte Ihre Kostenstelle eingeben!");
    document.Formular.Kostenstelle.focus();
    return false;
  }
  if (document.Formular.Nutzung.value == "") {
    alert("Bitte den Zeitraum der Nutzung eingeben!");
    document.Formular.Nutzung.focus();
    return false;
  }
  if (document.Formular.Drucken.value == True) {
    javascript:window.print();
  }  


<style type="text/css" media="print"> 
#form { 
/*CSS-Angaben, die nur zum Drucken verwendet werden*/ 
color: #000; 
width: 1000px; 


} 
</style> 


  
}
</script>

Alles anzeigen

flow

ist es überhaupt möglich css und java auf einmal zu benutzen weil sobald ich beides implementiert hab wird die seite nicht mehr angezeigt.

jojo87

Du kannst das <style> tag nicht ins <script> tag packen. das muss schon extra stehen.

driver

btw. das ist KEIN JAVA. das ist JAVASCRIPT ! großer unterschied, bitte nicht verwechseln.

Druckenattribute bei einem Formular

Tags

Benutzer online in diesem Thema