1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Textzeile drucken

  • micha141076
  • 25. April 2007 um 12:46
  • micha141076
    Anfänger
    Beiträge
    5
    • 25. April 2007 um 12:46
    • #1

    hallo,
    ich habe mal eine frage...

    aufgabe:
    ich trage in einem textfeld etwas ein, dieses soll dann mit einer taste [drucken] ausgedruckt werden.

    ich habe aber leider keine ahnung, wie ich das realisieren kann.

    reicht dazu html aus?

    folgendes habe ich versucht:
    über frames

    <body>
    <script type="text/javascript" language="JavaScript">
    function unten() {window.parent.mainFrame.focus();window.print();}
    </script>
    <div align="center">drucken
    </div>
    </body

    er druckt den auch aus, aber oben und unten am blatt steht dann:
    o:
    Unbekanntes Dokument Seite 1 von 1
    u:
    file://C:\.........\unten.ht, 25.04.2007

    ...und ich muss einen drucker auswählen, obwohl ich einen standartdrucker habe.

    gruß,
    michael

  • Phunthom
    Interessierte/r
    Beiträge
    130
    • 25. April 2007 um 13:49
    • #2

    also du musst erstmal die function definieren zwischen dem head-tag
    zb so

    Code
    <script language="JavaScript">
    function drucken()
    {
       document.form1.Submit;
       window.print();
    }
    </script>

    und dann musst den noch einen Button haben der diese startet, der muss aber natürlich im body-tag sein
    zb so

    Code
    <input type="submit" name="Submit" value="Drucken" onClick="drucken()">


    Muss aber kein Submitbutton sein.

    Bitte korriegiert mich wenn ich was falsches sage, hoffe ich konnte dir damit weiterhelfen

    Edit: Mist hab mir nochmal den ersten Post durchgelesen, bin ja leider etwas an der Frage vorbeigeschliddert, sorry
    also wenn ichs richtig verstanden habe, ist dein Problem, dass Sachen ausgedruckt werden, die nicht mit auf den Ausdruck sollen... bin der Meinung das lässt sich mit css machen indem man dort "@media print" definiert und dann noch "#container-no-print" und "#container-print" dann müsste das eigentlich klappen

    Man muss nicht verrückt sein um mit mir befreundet zu sein...
    ABER es hilft!!!

  • micha141076
    Anfänger
    Beiträge
    5
    • 25. April 2007 um 14:17
    • #3

    so ähnlich habe ich es gemacht. siehe oberen text.
    klappt auch super.

    minus-punkt bei:
    oben und unten von der seite druckter immer:

    o:
    Unbekanntes Dokument Seite 1 von 1
    u:
    file://C:\.........\unten.htm 25.04.2007

  • Phunthom
    Interessierte/r
    Beiträge
    130
    • 25. April 2007 um 14:37
    • #4

    ja am Button und der Function wirds auch glaub ich nicht liegen, es wird wahrscheinlich an der css Datei liegen, daher wäre es am besten wenn du diese mal hier posten könntest, sonst kann dir schlecht geholfen werden

    Man muss nicht verrückt sein um mit mir befreundet zu sein...
    ABER es hilft!!!

  • micha141076
    Anfänger
    Beiträge
    5
    • 25. April 2007 um 15:07
    • #5

    hi,
    erstmal vielen dank für deine hilfe.

    hier die 3 dateien:

    test.htm:

    HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Unbenanntes Dokument</title>
    </head>
    
    
    
    
    
    
    <frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
      <frame src="oben.htm" name="topFrame" scrolling="NO" noresize>
      <frame src="unten.htm" name="mainFrame">
    </frameset>
    <noframes><body>
    
    
    </body></noframes>
    </html>
    Alles anzeigen

    oebe.htm:

    HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Unbenanntes Dokument</title>
    </head>
    
    
    <body>
    <script type="text/javascript" language="JavaScript">
    function unten() {window.parent.mainFrame.focus();window.print();}
    </script>
    <div align="center">[url='javascript:unten()']drucken[/url]
    </div>
    </body>
    </html>
    Alles anzeigen

    unten.htm:

    HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Unbenanntes Dokument</title>
    </head>
    
    
    <body>
    <form name="form1" method="post" action="">
      <p align="center"><input type="text" name="textfield"></p>
    </form>
    </body>
    </html>
    Alles anzeigen


    es soll, wenn möglich, auch nur der inhalt vom textfeld gedruckt werden.

  • GREEndestiny
    Fortgeschrittene/r
    Beiträge
    160
    • 25. April 2007 um 17:53
    • #6

    Wenn ich mich nicht irre, ist es weder mit CSS noch mit JavaScript möglich. Diese Angaben sind Webbrowserspezifisch und damit nur im Browser einzustellen.

    Gruß
    Kathrin

  • Lizzard
    Prinz(essin)
    Beiträge
    788
    • 25. April 2007 um 20:11
    • #7

    Hi,

    kuck dir mal dieses Tutorial an:
    http://lizzardsweb.de/artikel/artikel.php?id=4
    da wird unter anderem erklärt, wie du bestimmte Bereiche deiner Seite beim Druck ausblenden kannst (per CSS).
    Das basiert teilweise auf Phuntoms Post weiter oben.

    Grüße,
    LizZard

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

Tags

  • button
  • html
  • http
  • body
  • star
  • post
  • problem
  • form
  • input
  • code
  • php
  • datei
  • javascript
  • drücken
  • druck
  • artikel
  • script
  • css
  • tutorial
  • container
  • name
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern