
January 19th, 2005, 07:05 AM
|
 |
Moderator From Beyond
|
|
Join Date: Sep 2004
Location: Israel
|
|
to print only part of the document, you'll have to copy the desired elements into new browser window and print it using javascript. first, you have to give unique id to all elements, then you can use such code:
Code:
<script language="javascript">
function PrintParts(arrElementNames)
{
var objWindow=window.open("about:blank", "print", "left=0, top=0, width=10, height=10, toolbar=no, scrollbars=no");
var strHtml="<html>";
strHtml += "<head>";
strHtml += "</head>";
strHtml += "<body>";
for (var i=0; i<arrElementNames.length; i++)
{
var element=document.getElementById(arrElementNames[i]);
strHtml += element.innerHTML;
}
strHtml += "</body>";
strHtml += "</html>";
objWindow.document.write(strHtml);
objWindow.document.close();
objWindow.print();
objWindow.close();
}
</script>
<div id="element1">I'm the first element. you can put here whatever you want.</div>
<div id="element2"><form>
you can also have forms and <input type="text" /> text boxes.</form>
</div>
<div id="element3">this for example won't be printed.</div>
<input type="button" value="Print" onclick="PrintParts(new Array('element1', 'element2'));" />
whatever elements you pass to the function as part of the array would be printed.
|