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
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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>
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>
23. februar 2004 - 10:15
#3
Det sku helst være via html...
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> </p> <div id=nummer2 onclick="div2();"> dette er nummer 2 </div> <p><a href="test.asp">print begge</a></p> </body> </html>
23. februar 2004 - 10:37
#5
Det der forstår jeg ikke lige... Den skal bare printe det der er i div'et
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).
23. februar 2004 - 10:48
#7
kan man ikek bare vælge hvad den skal printe, ligesom man kan med frames??? divnavn.print();
23. februar 2004 - 10:49
#8
23. februar 2004 - 10:50
#9
ik' så vidt jeg ved
23. februar 2004 - 10:54
#10
Det er da underligt, for man kan jo med iframes
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å...
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>
Vi tilbyder markedets bedste kurser inden for webudvikling