html - CSS - media="print" - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 > >>

Bruger #2165 @ 04.06.03 12:10

302

Midt på min hjemmeside står der en textarea:

Kode

<textarea name="html" id="html" wrap="soft" value="" style="background-color: FFFFFF;"></textarea>

Det er så meningen at man kan skrive noget tekst og når man vil udskrive skal den kun udskrive den tekst man skrev i textarea'en...
Jeg ved man kan redigere med hvad den skal udskrive med CSS... Jeg har selv prøvet mig frem med forskellige ting som:

Kode

<style media="print">
  me.document.body.innerHTML: "";
</style>

Altså bare for at gøre documentet blankt... Jeg tror nemlig godt at jeg kan finde ud af at få teksten ind hvis jeg først kunne nulstille dokumentet...

HVORDAN "NULSTILLER MAN DOKUMENTET???"

14 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #3143 @ 17.06.03 12:16

1.965

Du kan starte med at skjule alt undtagen textareaet:

Kode

<style>
@media print{
.skjul{display:none;}
}
</style>
<span class="skjul">Skjult tekst før</span>
<textarea></textarea>
<span class="skjul">Skjult tekst efter</span>

Så er det kun textareaet der vises, men hvis man har skrevet for meget, vises det hele ikke. Vi kan starte med at sætte bredden til st fylde hele siden:

Kode

textarea{width:100%;}

Vi kan ikke sætte højden til et % tal og hvis vi kunne, ville det hele ikke blive printet ud hvis indholdet ikke kunne være på et enkelt papir. Derfor sætter vi textareaet til selv at tilpasse størrelsen:

Kode

textarea{
  width:100%;
  overflow:visible;
}

Og til sidst kan vi lige fjerne rammen:

Kode

textarea{
  width:100%;
  overflow:visible;
  border:0px;
}

Altså er koden:

Kode

<style>
@media print{
  .skjul{
    display:none;
  }
  textarea{
    width:100%;
    overflow:visible;
    border:0px;
  }
}
</style>
<span class="skjul">Skjult tekst før</span>
<textarea></textarea>
<span class="skjul">Skjult tekst efter</span>

Bruger #3143 @ 04.06.03 12:22

1.965

Du kunne putte teksten fra textareaet over i en tom usynlig iframe og udprinte den.

Bruger #2165 @ 04.06.03 12:24

302

med css?

Bruger #3143 @ 16.06.03 23:04

1.965

For at få css komandoer til at gælde kun når en side printes ud (Eller ses i Vis udskrift) skal de sættes ind i følgende kode:

Kode

<style>
BODY {color:blue;} /* Gælder altid */
@media print{
BODY {color:red;} /* Gælder kun når der printes ud */
}
</style>

http://www.w3.org/TR/REC-CSS2/media.html

Bruger #2165 @ 17.06.03 11:37

302

ja ja...
Jeg er mere interesseret i hvad der skal stå mellem:
@media print{
og
}

Bruger #2165 @ 17.06.03 14:06

302

Jeg kendte ikke overflow:visible; og jeg tænkte ikke på at man bare behøvede at fjerne rammen!
Jeg har ikke lige tid til at teste det nu... Jeg tester det senere og hvis det virker giver jeg point

Bruger #3143 @ 18.06.03 15:48

1.965

Jeg kendte ikke overflow:visible;

Den fandt jeg med TopStyle Lite fra www.bradsoft.com

og jeg tænkte ikke på at man bare behøvede at fjerne rammen!

Det behøver man heller ikke, men det ser pænere ud.

Bruger #2165 @ 19.06.03 13:49

302

Bruger #3143 @ 19.06.03 15:17

1.965

Tja... Den gør lige som med billeder der er for store
Har prøvet display : block; uden held

Bruger #2165 @ 19.06.03 16:30

302

Kan man i css udføre en javascript funktion (jeg tror desværre ikke den kan udføre asp eller php funktioner da det er serversprog)???

<style>
@media print{
javascript: DoSomething;
}
</style>

<< < 1 2 > >>

CSS - media="print"

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler