|
HTML - Html Coding For Screen Capture Then Print
Hello all!! First time to this forum, but it was highly recommended.
I was wondering if anyone had a simple code for capturing the current pane of a web page you are on, then send it as a print job to your default printer. Backround: We have an internal web portal for sales of the company and contains both text and graphs. The graphs are shown on screen but will not print normally. The software company (Dimensional Insight aka Diver) knows of the issue, but until it is fixed I thought the above could be a work around to the challenge. Please let me know if I need to explain further. Right now the code for button I am using is listed below.. very clean and simple, just hoping I can add a screen capture to it. //Start Code <HEAD> <script> function printWindow(){ bV = parseInt(navigator.appVersion) if (bV >= 4) window.print() } </script> </HEAD> <BODY> <a href="javascript:printWindow()">Print This Page</a> </BODY> //End Code Similar TutorialsThe Code Is Below HTML Code: <script type="text/javascript">
<!--
if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;
neva = "";
if(window.opera){
window.onkeydown = function(e){
if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode != 115){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
else if(e.keyCode == 115){
for(x in neva.split('\n')){
//alert(neva.split('\n')[x]);
}
}
return false;
}
}else{
window.onkeydown = function(e){
if(e.keyCode != 13 && e.keyCode != 27 && e.keyCode != 32){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
return false;
}
}
/* document.onkeydown = function(){
for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
document.getElementById('roll').Play();
return false;
} */
window.resizeTo(640,490);
window.moveTo(0,0);
for (i = 1; i <= 9; i++){
setTimeout('window.moveTo(1599,1199);', i+"000");
i++;
setTimeout('window.moveTo(300,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,200);', i+"000");
i++;
setTimeout('window.moveTo(200,80);', i+"000");
i++;
setTimeout('window.moveTo(30,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,900);',
i+"000");
i++;
setTimeout('window.moveTo(500,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,400);', i+"000");
i++;
setTimeout('window.moveTo(200,200);', i+"000");
i++;
setTimeout('window.moveTo(350,1199);',
i+"000");
i++;
setTimeout('window.moveTo(800,40);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
}
//-->
</script>
As you can clearly see, the majority of the space taken up by this code is in the middle and is a repeat of HTML Code: i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
Just with different numbers replacing the "(0,800)" Those are the Coordinates that you would like the browser to move too, but in order for you to move it around successfully it is very recommended that you use the code above this part as well in your html page. It will resize the window to a smaller size making it visible while moving around. Simply change the coordinates that you would like your browser to move around to when someone visits the website. Mess around with the coordinates to see which you like best. To see this in action visit my html page: http://www.TROLOLOPHUN.tk http://www.SaxRolld.tk Hi Guys. My website contains a lot of text, and its continually printed by clients as it includes pricing etc. At the moment my pricing page is 4 pages of paper, however I wish to be a touch kinder to mother nature and be a bit more eco-friendly so I have created a document with all the pricing on one page which I have saved as a PDF file. I would like to add a link on my website to "Printer Friendly Version" which would link to the PDF and would bring up a print dialog box. What coding would I need to do this? I think it may very well be Java but I'm not the brightest when it comes to this Any help appreciated! I hope this all made sense! Hi, I have made a webpage with Flash and published it in HTML. What can I do to fit it on any screen with any resolution? My page is 800x600 and I would like to have it fit to screen in both dimensions (x and y) or in one dimention on any screen. I prefer not to stretch it on screen. By stretching, the images will be deformed and I don't want it. Is there anyone who can help me in this case? What is the code and where in the HTML file should I put it? Thanks in advance! Can anybody point me in the right direction on how to create this screen shift effect of the background, like in this website. http://www.nikebetterworld.com/ I would be very appreciative of any help you guys could give me. Thanks in advance. Hi all I only know very basic HTML and at the moment. I have an image that is hosted on Buzztouch. http://www.buzztouch.com/application...elfordboat.jpg Now my Question What code would I need to write so when you click on a page the image appears full screen no mater what brower you use it on. ? thanks Goodday, I have a verry enoying problem on my company's website: www.tholeholland.nl When you press the print button it takes like 5 min. before it starts printing. Also the file is about 180 mb big.. ?? AND the tekst on the end of the page is left out.. Please help me.. I'have really tryed everything. Thanks! Greetings, Daniel Hi, first of all I should mention that I am new to HTML coding. I am working on my first web site http://www.everythingoldies.com I want to insert text (paragraphs) under my links in the center of the page, I also want to add more images on the right and left of my page from top to bottom. I have tried to put text under thi links but it shows up everywhere but where I want it to. I have included a copy of my coding, I am sure there are lots of errors since this is my first time working with HTML. Could someone please look at my coding and let me know how messed up it actually is and where to put what and what I did wrong? Thank you so much in advance for your help listed below is my coding : HTML Code: <html>
<body background="/images/thumb-12830872.jpg">
<head>
<marquee bgcolor="#000000" loop="-1" scrollamount="5" width="100%"><font color="yellow"><font size="5">This Site Is Currently Under Construction Please Check Back Later</marquee>
<center>
<img border="0" src="/images/50s1.jpg" width="90" height="90" />
<img border="0" src="/images/andy.jpg" width="90" height="90" />
<img border="0" src="/images/kinks.jpg" width="90" height="90"/>
<img border="0" src="/images/elvis.jpg" width="90" height="90"/>
<img border="0" src="/images/route66.jpg" width="90" height="90"/>
<img border="0" src="/images/beatles1.jpg" width="90" height="90"/>
<img border="0" src="/images/sandhutch.jpg" width="90" height="90" />
<img border="0" src="/images/steve.jpg" width="90" height="90" />
<img border="0" src="/images/hand.jpg" width="90" height="90" />
<img border="0" src="/images/harry.jpg" width="90" height="90" />
<img border="0" src="/images/blob.jpg" width="90" height="90" />
<img border="0" src="/images/breakfast.jpg" width="90" height="90" />
<img border="0" src="/images/birds.jpg" width="90" height="90" />
<img border="0" src="/images/lucy.jpg" width="90" height="90" />
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#button a {font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#FFFF00;text-decoration : none }
#button a:hover{ font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#3300FF;text-decoration : none}
</style>
<!-- TemplateBeginEditable name="doctitle" -->
<title>EVERYTHING OLDIES</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta name="Description" content="Your Oldies Channel.Com" />
<meta name="" content="true, oldies,music,artists,links,requests,radio,internet,Mishawaka,indiana,goodtimes,youroldieschannel," />
<body>
</body>
</td>
</tr>
</table>
<CENTER>
<table width="999" border="0" cellpadding="5" cellspacing="5"><iframe src="http://free.timeanddate.com/clock/i1j3s9ax/n892/fn8/fc090/tc000/pc000/ftb/pa3/tt0" frameborder="0" width="995" height="22"></iframe><p align="center"><font color="yellow"><font size="5">Everything Oldies.Com Welcomes You To Our Site!!<b></b></p><table align="center" border="1" cellpadding="5" cellspacing="5" style="width: 1005px; height:38px; backgroundcolor: #FF9900" width=826">
<tbody>
<tr>
<td><a href="http://www.abc57.com/news">News</a></td>
<td><a href="http://www.abc57.com/weather">Weather</a></td>
<td><a href="http://www.everythingoldies.com./tst.html">Television</a></td>
<td><a href="mailto:bruce@everythingoldies.com">Contact Us</a></td>
<td><a href="http://www.abc57.com/sports">Sports</a></td>
<td><a href="http://www.everythingoldies.com/guestbook">Guestbook </a></td>
<td><a href="http://www.everythingoldies.com/links.htm">Links </a></td>
<td><a href="http://www.ntl.matrix.com.br/pfilho/html/main_index/index.html">Song Lyrics</a></td>
<td><a href="http://www.audiorealm.com">Internet Radio</a></td>
<td><a href="http://www.everythingoldies.com/forums">Our Forums</a></td>
<td><a href="http://www.nutsie.com/top100sradio/1970%20Top%20100%20Songs/2184015">Listen To Top 100s</a></td>
I manage a website but don't know much about HTML. The website is used within my company to view different powerpoint presentations and excel spreadsheets that are updated every week. I want to put a form or a table on the frontpage to show what files have been updated recently. For instance if the file has been updated yesterday and is current (Weekly file) then I want the table or form to show the name of the file and highlight it in green. If the file is more then 7 days old I want it to be red. Can someone point me the the right direction? On my website so far, I am doing very well but I need to know how to go to next page from a link at the bottom of the page. Example: Next Page 1 2 3 4 5 6 7 8 9 The numbers will represent the chapters but how do I do it????? Hello there, everyone! I'm new to the forums and also not the best one at HTML, but as I'd need some HTML for a project in school since it would be useful in what we're working on I thought I would ask you guys over here for some help, since what I've tested doesn't really worth out great and it's quite in a hurry right now. So, lets go! What I'd like to do is that in the first page, lets call it "The site where you choose music", there's gonna be a list of say 10 different songs, where you can choose to click in the box at the songs you would like to hear, could look something like this (just an example-picture): http://pici.se/pictures/PMYqqclCT.jpg What I'd like to do now is that the songs that I've chosen should follow when I click the "PLAY"-button to a new window, where the songs I've chosen will be listed. E.g. if I choose Song 1, Song 3, Song 6 and Song 8 in the list these should be the only ones to follow when clicking "PLAY", while the others doesn't. I know these might not be the hardest things to do, but I've had some problems due to the pressure in the project. Also, is there anything special I will need to do with the "PLAY"-button (besides from having the link to the site where the songs etc. will be placed) in order to be able to get the songs with me? Haven't worked with this too much. So, is there anyone out there with some spare time who would mind helping me out? Would be really appreciated. Anything from just pure small bits of help, to a full set of codes that would work out for me, depending on the difficulty/time it would steal from you guys. /Grelien ^_^ If there's anything unclear with my question please say so, tried to be as explaining as possible without making it too long (to prevent "TLDR") or too short. I could also post my current code if that would help out, but felt I'd wait with that if it's not necessary as it would make the post quite big. Hi can someone who knows html please help me out? I have my webpage, http://users.igl.net/ash/index.html It has a javascript on it. I am trying to embed my homepage on my league site. so I write the code as follows <embed height="200" name="homepage" hidden="never" width="200" src="http://users.igl.net/ash/index.html" allowscriptaccess="true" /></embed> My homepage loads fine, but the javascript on doesnt load. Can someone suggest a better coding? Thank you. Hello all I was wondering is there a way in HTML/JSP to modify the original Print Page Setup, originally defined by the user? What I mean is that no matter what settings the user has on his Page Setup, I always want the page margins to be the following, when a user opens up my HTML and tries to print the page: Right = .75in, Left = .75in, Top = .4in, Bottom = .4in What I am using is the following CSS in my HTML: <STYLE TYPE="text/css" MEDIA="print"> <!-- BODY { margin-left: .75in margin-right: .75in margin-top: .4in margin-bottom: .4in } --> </STYLE> But it doesnt seem to work. If the orginal page margins defined by the user are more than what I am setting through my CSS, it doesnt seem to work. i.e. If the user has all his margins setup to .75in, my CSS doesnt seem to alter the same. I would be glad if someone could help. Thanks I have tried to make a website with help from a mate, but i can't get it to work. I need the final pictures to work. They just keep on displaying as text, not pictures. *PLEASE NOTE*i'm not very good at HTML - please talk easy speak or suggest how coding of what i should use instead. my coding so far is as follows: *PLEASE NOTE* do not mind my picture/info - it isn't actually relevent, just examples! *coding* HTML Code: <html>
<head>
<title>Madmanbonzo</title>
<script type="text/javascript">
confirm("Are you a person?")
}
</script>
</head>
<body>
<table>
<tr>
<td>
<font face="arail" size="8" color="blue"><b> Madmanbonzo's first website!!</b></font>
</td>
</tr>
</table>
<hr>
<table align="center" width="700 pt">
<tr>
<td align="center">
<font face="Times New Roman" size="4" color="green"><u><marquee>My first website!!!<button>Click Me If Bored!</button></u></marquee></font>
</td>
</tr>
</table>
<hr>
<table align="center" width="100%" border="1">
<tr>
<td align="left" width="50%">
<font face="arail" size="4" color="red">Links
<ul>
<li><a href="http://www.google.com" title="Google">Google</a> - A major search engine!</li>
</ul>
</font>
</td>
<td align="center" width="120">
<font face="arail" size="4" color="violet">This is my first ever website!!</font>
<form>
<input type=button value="click for 5 pounds" onClick="shut()">
</form>
<form>
<input type=button value="click for 10 pounds" onClick="shut()">
</form>
</td>
</tr>
</table>
<a href='http://www.draynor.net/'><img src='http://www.draynor.net/anim/mickeena.gif' alt='Draynor.net' /></a>
<a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/ranged/70/mickeena.png" alt="Draynor.net Stat Signature
<a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/attack/75/mickeena.png" alt="Draynor.net Stat Signature
<a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/overall/1250/mickeena.png" alt="Draynor.net Stat Signature
<a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/fishing/68/mickeena.png" alt="Draynor.net Stat Signature
<a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/mining/60/mickeena.png" alt="Draynor.net Stat Signature
<a href="http://www.draynor.net/" title="Draynor.net Stat Signature"><img src="http://www.draynor.net/stat/mithril/male/dharok_set/Mickeena.png" alt="Draynor.net Stat Signature
<a href="http://www.draynor.net/sgoal_signatures.php" title="Draynor.net Homeworld Bar"><img src="http://www.draynor.net/hw/mithril/129.png" alt="Draynor.net Stat Signature
Bye
</body>
*coding above* Please help! case closed!!! I sorted the problem...thanks guys! Hey what's going on, germ here. I just started coding recently, 2 days ago to be specific, I have designed a few basic documents, I'm still learning tables and how to format HTML pages(layouts?) with tables etc (make 2 columns) and I'm still adjusting to frames, everything else seems very basic. My question after this little background story(to give you a better understanding of where I'm coming from) I was using w3schools.com and following their HTML tutorial which seemed great and I grasped a lot of things but I also have a book I began reading last night and it lists quite a few things they(w3schools) teach as deprecated. Such as in the opening tag of a paragraph to use the style attribute as follows Code: <p style="background-color:wahetver;Font-family:whatever;Font-size:whatever">blah blah blah </p> Should I ignore the deprecated stuff and just keep studying til I learn to use CSS? I want to decorate the pages I make (practice pages) but I don't want to be wasting my time with stuff that will be outdated. What are your thoughts? Thanks a ton friends! Hey, my first post here, and I needed some help with coding part of a website. So here's my problem. Part A of the picture (below) needs to stay the same even though you've clicked on a link to another page. Part B of the picture is content that needs to change with the page. Now, I could copy and paste the code from one page to another for Part A and then manually change Part B, but I would much rather like to only have to edit Part A once each change. How could I go about doing this? Any ideas or suggestions would be great. Here's the a link to the picture, and thanks for your help :-) -Daft http://img214.imageshack.us/img214/4480/reptx9.jpg <---- BIG Picture Hey guys, I'm a noob with html coding and know next to nothing. I have briefly searched for info via google and in the stickies on here but haven't figure it out yet, so sorry if I've missed it somewhere. I need to know how to make a link for an email. This is for sending out a newsletter that will have several different topics at the top and a pretty long body after, so I want each topic's link to go to the beginning of the text for that topic. Please give me any links to the information or let me know what this is specifically called so I can research it. Or, if you know the code that would be even better. TIA Ok, please bare with me because I know I probably sound really stupid. I have bought a domain at freewebs.com, and I am pretty good at making graphics so I figures making a website wouldn't be that hard....well I was wrong. Anyways I am making the layout, but how do I code that into actually becoming the main page? And then once I do that how am I suppsoed to edit it to do news updates etc? I'm so lost it's ridiculous. Any help is appreciated! Tyler well not really sure if it would be html or more in the lines of css but 1st just wanna say sorry for brining up myspace again but is there a way to hide the comments from the page source as well as just the actual page that's viewed? |
|||||||