Søg
Avatar billede spidr Nybegynder
27. juli 2005 - 13:18 Der er 11 kommentarer og
1 løsning

Kun udskrive tekst.

Hvordan laver jeg en knap der KUN udskriver tekst og tal på siden hvor den er?
Avatar billede softspot Forsker
27. juli 2005 - 13:30 #1
Øøøh... det er jo et ret åbent spørgsmål... jeg var ikke lige i dit hoved da du udtænkte det, så hvis du kan uddybe lidt ;)

Jeg kunne da forstille mig noget med:

<input type="button" onclick="document.body.innerText = 'tekst og tal på siden hvor man er?'">
Avatar billede roenving Novice
27. juli 2005 - 13:35 #2
Du laver et print-stylesheet, som skjuler alle de elementer, du ikke vil have med på udskriften, og så laver du simpelthen en knap, som kalder window.print() ...

<style type="text/css">

/*
  Alle din almindelige style-rules
*/

@media print{

/*
  Rules, som skjuler de elementer, du ikke vil have med, f.eks.
*/
.banner{display:none;}

}
</style>
Avatar billede roenving Novice
27. juli 2005 - 13:36 #3
<button onclick="window.print();return false;">Udskriv</button>
Avatar billede softspot Forsker
27. juli 2005 - 13:41 #4
aaahaaa... udskrive som i print - jeg befandt mig åbenbart i en anden kontekst da jeg læste udskrive :) - kommunikation _er_ en udfordring :D
Avatar billede spidr Nybegynder
27. juli 2005 - 14:01 #5
Roenving, urg det var lidt mere besværligt end jeg troede, men mange tak for det :)

Ja Softspot det er ikke nemt :D gjorde det vidst heller ikke helt klart, my bad ;)
Avatar billede roenving Novice
27. juli 2005 - 14:04 #6
Afhængig af din sides opbygning kan du muligvis lave noget mere generisk, jeg har en tingest liggende, som kun udskriver et element (eller en klasse elementer) og deres indhold, men ignorerer alt andet (men den er heller ikke helt simpel !-)
Avatar billede spidr Nybegynder
27. juli 2005 - 14:37 #7
Ville ellers være smart hvis man bare kunne udskrive alt imellem

<div class=udskirv>
Det her skal udskrives :P
</div>

:)
Avatar billede roenving Novice
27. juli 2005 - 14:42 #8
F.eks. sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Generisk print-stylesheet</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/551671">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
@media print{
  body *{display:none;}
  #printDiv *{display:inline;}
  #printDiv,#printDiv p,#printDiv div,#printDiv ul,#printDiv textarea,#printDiv td,#printDiv h1,#printDiv h2,#printDiv h3,#printDiv h4,#printDiv h5,#printDiv h6{display:block;}
  #printDiv table{display:table;}
  #printDiv td{display:table-cell;}
  #printDiv li{display:list-item;}
}
</style>
</head>
<body>
<span>En hel masse indhold, som ikke må komme på print, f.eks. menuer, navigation m.m.</span>
<br>
<table><tr>
  <td>En tabelcelle</td>
</tr></table>

<div id="printDiv">Indholdet som skal vises på print:<br>
<table><tr>
  <td>En tabelcelle</td>
</tr></table>
<ul>
  <li>Et liste-item</li>
</ul>
<span>Noget tekst i nogle <i>inline</i> elementer</span>
</div>
</body>
</html>
Avatar billede per1291 Nybegynder
28. juli 2005 - 11:39 #9
Et tillægsspørgsmål, som jeg selv kunne bruge svaret på:

Jeg går ud fra, at denne kode vil få browserens printknap til at gøre det ønskede.
Hvordan tilpasser man samtidig printet til A4?

Forslag:
getElementById("printDiv").style.width=...

(Man kunne i mange tilfælde undgå at definere en knap "Printervenlig version").

Hilsen  Per
Avatar billede roenving Novice
28. juli 2005 - 13:35 #10
Det gør du da direkte på printDiv'ens style i print-stylesheetet:

@media print{
  body *{display:none;}
  #printDiv{display:block;width:17.1cm;}

-- en anden mulighed er at bruge @page:

  @page {size: 21.01cm 29.69cm;margin: 2cm 1.5cm;}

-- se f.eks. http://blooberry.com/indexdot/css/syntax/atrules/page.htm
Avatar billede per1291 Nybegynder
31. juli 2005 - 14:55 #11
Hov, jeg har glemt at sige tak for info. Tak, roenving. - Hilsen Per
Avatar billede spidr Nybegynder
18. december 2005 - 14:24 #12
Lukket på grund af intet svar..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
I går 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
White papers
Flere white papers »