Avatar billede gadebarnet Nybegynder
23. februar 2004 - 09:08 Der er 11 kommentarer og
1 løsning

print kun inden for div

Hvis nu jeg har det her

<div id=nummer1>
-link-
dette er nummer 1
</div>

<div id=nummer2>
-link-
dette er nummer 2
</div>



De steder der står -link- skal man kunne tykke så den kun printer det der inden for det gældende div
Avatar billede lklingenberg Nybegynder
23. februar 2004 - 10:10 #1
Ikke med HTML alene tror jeg. Med ASP kan du fx gøre således:

<html>
<head>
<title>Test</title>
<% If Request.QueryString("print") = "1" Then %>
<style type="text/css">
#nummer1 { visibility: hidden; position: absolute; top: 0; left: 0;

width: 0; height; 0 }
</style>
<% ElseIf Request.QueryString("print") = "2" Then %>
<style type="text/css">
#nummer2 { visibility: hidden; position: absolute; top: 0; left: 0;

width: 0; height; 0 }
</style>
<% End If %>
</head>
<body>

<div id=nummer1>
<a href="?print=1">print 1</a><br>
dette er nummer 1
</div>

<div id=nummer2>
<a href="?print=2">print 2</a><br>
dette er nummer 2
</div>

</body>
</html>
Avatar billede lklingenberg Nybegynder
23. februar 2004 - 10:14 #2
hov, det skal jo være lige omvendt ;-)

<html>
<head>
<title>Test</title>
<% If Request.QueryString("print") = "1" Then %>
<style type="text/css">
#nummer2 { visibility: hidden; position: absolute; top: 0; left: 0; width: 0; height; 0 }
</style>
<% ElseIf Request.QueryString("print") = "2" Then %>
<style type="text/css">
#nummer1 { visibility: hidden; position: absolute; top: 0; left: 0; width: 0; height; 0 }
</style>
<% End If %>
</head>
<body>

<div id=nummer1>
<a href="?print=1">print 1</a><br>
dette er nummer 1
</div>

<div id=nummer2>
<a href="?print=2">print 2</a><br>
dette er nummer 2
</div>

<p><a href="?print=">print begge</a></p>

</body>
</html>
Avatar billede gadebarnet Nybegynder
23. februar 2004 - 10:15 #3
Det sku helst være via html...
Avatar billede lklingenberg Nybegynder
23. februar 2004 - 10:35 #4
så kan man måske lave noget DHTML med onclick:

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function div1(){
  document.getElementById('nummer2').style.visibility = 'hidden';
  document.getElementById('nummer2').style.position = 'absolute';
  document.getElementById('nummer2').style.top = '0';
  document.getElementById('nummer2').style.left = '0';
  document.getElementById('nummer2').style.width = '0';
  document.getElementById('nummer1').style.visibility = 'visible';
  document.getElementById('nummer1').style.position = 'absolute';
  document.getElementById('nummer1').style.top = '10px';
  document.getElementById('nummer1').style.left = '10px';
}

function div2(){
  document.getElementById('nummer1').style.visibility = 'hidden';
  document.getElementById('nummer1').style.position = 'absolute';
  document.getElementById('nummer1').style.top = '0';
  document.getElementById('nummer1').style.left = '0';
  document.getElementById('nummer1').style.width = '0';
  document.getElementById('nummer2').style.visibility = 'visible';
  document.getElementById('nummer2').style.position = 'absolute';
  document.getElementById('nummer2').style.top = '10px';
  document.getElementById('nummer2').style.left = '10px';
}

</script>
<body>
</head>

<div id=nummer1 onclick="div1();">
dette er nummer 1
</div>
<p>&nbsp;</p>
<div id=nummer2 onclick="div2();">
dette er nummer 2
</div>

<p><a href="test.asp">print begge</a></p>

</body>
</html>
Avatar billede gadebarnet Nybegynder
23. februar 2004 - 10:37 #5
Det der forstår jeg ikke lige... Den skal bare printe det der er i div'et
Avatar billede lklingenberg Nybegynder
23. februar 2004 - 10:45 #6
Men for kun at kunne printe den ene, skal du jo have skjult den anden (eller i hvert fald have den skjult i printet).
Avatar billede gadebarnet Nybegynder
23. februar 2004 - 10:48 #7
kan man ikek bare vælge hvad den skal printe, ligesom man kan med frames???

divnavn.print();
Avatar billede mm12010 Nybegynder
23. februar 2004 - 10:49 #8
Avatar billede lklingenberg Nybegynder
23. februar 2004 - 10:50 #9
ik' så vidt jeg ved
Avatar billede gadebarnet Nybegynder
23. februar 2004 - 10:54 #10
Det er da underligt, for man kan jo med iframes
Avatar billede lklingenberg Nybegynder
23. februar 2004 - 11:14 #11
Det kan også godt være man kan, men min viden rækker ikke længere end til disse eksempler ;-)

Under alle omstændigheder, så skal du lukke det andet spm (mm12010, 10:49:10) - og mon ikke der i det spm er et par linjers kode eller 3 som kan hjælpe dig med det her også...
Avatar billede roenving Novice
23. februar 2004 - 16:05 #12
(i)frames er window-objekter, og det er kun den slags, som har en print-metode, da browseren (sæ'fø'li' !-) ikke kan håndtere andet ...

-- og som lklingenberg 23/02-2004 10:45:13 siger, er det nemmest at skjule dem, med f.eks.

<div id="div1">
<a href="#printDiv1" onclick="document.getElementById('div2').style.display='none';window.print();document.getElementById('div2').style.display='block'">
Dette er div1
</div>

<div id="div2">
<a href="#printDiv2" onclick="document.getElementById('div1').style.display='none';window.print();document.getElementById('div1').style.display='block'">
Dette er div2
</div>
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester