HTML - Print-screening A Flash Chart
Hi there,
I've created a learning tool that outputs a student's results to a flash chart. Thing is they will need a printed copy of this results chart, obviously flash does not print. The only way around this problem I can think to is to take a screenshot of the page, then proceed to print that out. I need some script that will capture the page, then store it in a defined directory with a relevant name for later printing. Yes I know this could be done manually, but the people taking the quiz would more than likely view it as a chance to cheat, plus it looks pretty unprofessional if you have to mess about with paint or a place to paste the file. Does anyone have any ideas for how I'd go about doing this? Similar TutorialsHi 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! I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head> <title>iSwim</title> </head> <body> <div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;"> <object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object> </div> </body> Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. I realize that I need to have an offline color chart handy, I would like a standalone chart on my desktop for easy access, any links please? Hello all, The team I work on is going to be creating a .NET application which reads organization information from a database and creates a dynamic Org Chart. One of common features in an org chart is lines that show reporting structures. Does anyone have any recommendations on how we could dynamically create such lines that would need to go both horizontally and vertically? Thanks Hi, I can't get the variable E to print at the end by the form answer. It is calculating cubic inches, then the Answer is to gallons. I want to see both answers. Thanks in advance!! Code follows: <HTML> <HEAD> <TITLE>Calculation</TITLE> <SCRIPT LANGUAGE="JavaScript"> function CalculateSum(Atext, Btext, Ctext, Dtext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); var C = parseFloat(Ctext); var D = parseFloat(Dtext); var E = (A*C*D) + ((A/2) * (B-C)*D); form.Answer.value = E/200 ; } /* ClearForm: this function has 1 argument: form. It clears the input and answer fields on the form. It needs to know the names of the INPUT elements in order to do this. */ function ClearForm(form) { form.input_A.value = ""; form.input_B.value = ""; form.input_C.value = ""; form.input_D.value = ""; form.input_E.value = ""; form.Answer.value = ""; } // end of JavaScript functions --> </SCRIPT> </HEAD> <BODY> <P><FONT SIZE="+2">Calculation</FONT></P> <FORM NAME="Calculator" METHOD="post"> <P>Enter A: <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P> <P>Enter B: <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P> <P>Enter C: <INPUT TYPE=TEXT NAME="input_C" SIZE=10></P> <P>Enter D: <INPUT TYPE=TEXT NAME="input_D" SIZE=10></P> <P><INPUT TYPE="button" VALUE="CALCULATE" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form.input_C.value, this.form.input_D.value, this.form )"></P> <P><INPUT TYPE="button" VALUE="Clear Fields" name="ClearButton" onClick="ClearForm(this.form)"></P> <P>Cubic Inches = <script type="text/javascript"> document.write(E); </script> <br> Gallons =<INPUT TYPE=TEXT NAME="Answer" SIZE=12> </P> </FORM> </BODY> </HTML> Hello to all experts in HTML, I want to know, because when I try to print the contents of a DIV I print all text except the images. I created a DIV centered on my page, and inside there is some text and a background image. I haven't used the <IMG> tag for the background image but the style: background-image:#; <div> <a class="print" href="#" onclick="window.print()"><img src="icon.png" /><br />Print</a> <div id="content"> <p> eccc...... </div> </div> Can you please explain me, why I did not print from what I see from my browser? Thank you! ps. Sorry for my bad English. In IE6 and FF, my page prints just fine. In IE7, depending on the environment, it either prints next to nothing or a paragraph of text. Either way, it's missing about 2-3 pages of content. I've scoured online and can't find any fixes. Any assistance would be much appreciated. Hi, how can I print the page ? <a>Print the page</a> should I use javascript ? which is the correct command (cross-platform) ? thanks Hi all I have a print issue in IE v6.x. The website is divided in different frames and I have a menu which contains a print button. This button takes out the content in the main frame and insert it into its own window so it can be printed without the other frames. This works fine in Firefox, if the page is to wide compared to the paper then Firefox automatically resizes the entire page so it fits. This on the other hand does NOT happen in IE, probably because it just does not have than functionality. So the page gets cut and does not look so good when printed. Is there anyway to solve this? This also happens if I have restricted the main div which contains everything to less then a paper size. If the DIV contains other divs besides each other, then the info at the right DIV gets cut when the page is at its end (in width). But like I said this works fine in Firefox since it automatically makes the page smaller. Is there anyway to do something like this in IE as well? Thx in advance for all help! I have a timesheet template that I have converted from word to html. I'd like to make it so users can type onto the sheet though and print it off showing their name/hours/dates etc. The template is similar looking to this !! Company Logo !! Contact details, fax number, telephone numbers etc Contracted company ------- Contractors Name ------- ================== Day Date Hours Mon --- --- Tue --- --- Wed --- --- Thu --- --- Fri --- --- Sat --- --- Sun --- --- ================== Total hours worked ----- I have a feeling this can be done using javascript but havent a clue how. Or, can I just make text boxes that allow a user to type into but wont be shown on the print out? I'd like it so only the timesheet is printed off with all the entered data rather than any other parts of the website. I am setting up a website to print free birthday cards. However I am not at all experienced in html. Basically I want the customers to print the cards without downloading the image. I thought I could do this perhaps by loading what I want printed in an iframe (???) The actual page will have the image with a watermark on it, and a printing link that prints the card without the watermark I am working on an application within a website. Most of the HTML for the entire site, I did not create myself, just some HTML and CSS for a specific application. Even in that application, I imported some of the text (which contains HTML tags) from a previous application. So, I only did a small portion of the HTML/CSS. My problem is that when users print out this page in IE6, some of the rows of the main table are missing from the printout. For example, this page: http://www.northcarolina.edu/pe_test/sample_pe.php Does any one have any knowledge of a bug that would cause IE6 not to print some rows? Does any one see any reasons why some rows in the tables (the ones with class='workplan') would skip rows when printing? Thank You. Is there any way to avoid to print buttons or images in printer Hi Guys, I am building a website for a client, and I have included a contact form on the website. It turns out that they would prefer it if the form could be printed out instead of emailed. All I have is 3 fields, and I want them to output to a page where they can print directly. The design of the output page will be minimal as in the end the forms will be faxed to a number. Is there some way I can do this with HTML? Or is advanced language needed? Cheers LTC I created a form with html. At the end of the form there are two buttons, the button "entry", and the button "reset". When clicking on "entry" button i want to print the form's elements. How can i do it? Hello friends, I work for a company that sends out a monthly newsletter by email. We are trying to motivate people to print out the file to have it instead of just looking at it once in their inbox and forgetting it. So what we were thinking is we could make a file with "Print Newsletter for Pricing" in the price slots, then have another file with all the pricing that when they clicked a (presumably HTML) link like "Print File Here" it would then call up the PDF File with all the prices and print it. Is this possible? Amen, Christapher If you open an html document in IE8 and go to File/Page Setup, you'll see Margins (Left, Right, Top & Bottom). Anyone know any html code that will change these margins? I need a fool-proof method of making a page break for printing purposes. Nice clean break. I tried using the CSS method, but its doenst work in all browswerrs and is very finicky. Any suggestions? I've just published my first flash site, which is a schoolproject. I have this little problem: my site won't center in the popup so i get this white border in top and left site while some of my site is missing in right and bottom.. you can see it he http://www.rtgkom.dk/~caspers06/ click on anotherDepth. Here's the code i used for my popup: Code: <SCRIPT LANGUAGE="JavaScript"> function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=959,height=500,left = 35.5,top = 128');"); } </script> Code: <a href="" onClick="MinPopUp('http://www.rtgkom.dk/~caspers06/main.html');return false;"> <A HREF="javascript:popUp('http://www.rtgkom.dk/~caspers06/main.html')"><img src="images/index_09.gif" alt="" width="254" height="58" border="0"></A> Hope someone can help me.. Btw, if this is posted the wrong place im very sorry but i could'nt find anything about javascript. Hey, Im making a site for a client and we've hit a dead end one one thing i particular The whole site we've made is HTML and Images only. The only flash element is the Navigation bar at the top. With out making 2 dedicated flash/non flash sites, how do we make it so that if flash is not detected on the viewers computer then the flash navigation will not show, but instead show a java script rollover nav bar? I was thinking maybe have the flash nav in a div that floats over the image nav, and if flash is not detected it would disappear...? help would be super appreciated. -Mongoose |