No Page Header And Footer When Printing A Webpage?
Dec 13, 2004
is there a way to rid of the page header (usually it's the page title and url) and the page footer (usually it's the page number and date) without having user to change from the web browser's the page setup ?
Can this be done using javascript or just html meta tags?
Also we control the contents of what is printed from a web page without having to redirect the page? Example, I have three paragraphs on a web page and I don't want the middle paragraph to be printed.
I've been using JavaScript for a few years now I'm not a huge expert I rely more of JQuery. I am just wondering what best solutions are there to call Javascript files (and to make pages load faster):
Normally I request all these in the Header like you normally would but I have seen and heard people to call their Javascript files in the footer to make page load faster and have all their Javascript functions all in the footer as well.
Is this a good idea? What are the downside? Should I just keep all my JS in the Header as usual?
What I would like to do is create header and footer information for my webpages which are created by calling from a referenced .js page . . . for example in Header.js:
I'm building a website which uses javascript to cycle through and fade images in the header portion of each web page. The javascipt os located in an external file and called via the master page. Here is the code in the content.js file which specifies where the images are located: // create array of images var CyclingImages = new Array("header/images/tankimage1.gif", "header/images/tankimage2.gif", "header/images/tankimage3.gif", "header/images/tankimage4.gif")
Here is the code in the master page which finds the javascript: <script language="javascript" src="<%= Page.ResolveUrl("~/content/content.js") %>" type="text/javascript"></script>
Here is the function call in the masterpage to fade and cycle the images: <body onload="FadeAndCycleImages()">
Here is the code in the masterpage which references the cycling images: <span class="fadingimages"> <img src="<%= Page.ResolveUrl("header/images/tankimage1.gif") %>" width="142" height="124" title="" alt="" name="cyclingimage" /> </span>
Each webpage loads the masterpage. If the webpage is located at the root of the project, the cycle and fade functionality works great. When I start to place some of the webpages in separate folders - which I need to do - the cycling and fading functionality breaks down, meaning the images cannot be found. The image place holder is there with the standard red "x" in the upper left. I have done a lot of research and tried many approaches to try to resolve this issue, but with no success. The root of the problem seems to lie in the fact that I cannot apply Page.ResolveUrl within the content.js file.
I am attempting to use $load to load up a page footer that will be repeated in multiple pages.
The following seems to be working only on Safari Mac, but not on anything else... Can anyone point out what I did wrong? (The files and folders all exist)
I would like all of our intranet pages to provide a link to the site owner... and when clicked the visitor should be able to send the owner an email.
I was using ASP to do this (see below) but I would like to not have use the .asp extension on all 70,000 of our pages...
Can i somehow get this (or similiar) functionality using javascript? You will notice that a _siteinfo.txt file has to be dropped into each directory for the code to work.
This code also generates a page last modified date... but I did figure out how to get that info using javascript. Code:
I'm using this small js to scroll a div, the problem is that it goes all the way to the bottom of the page and overlapping my footer, I need it to stop before the footer. [URL] $(function () { var msie6 = $.browser == 'msie' && $.browser.version > 7; if (!msie6) { var top = $('#contact').offset().top - parseFloat($('#contact').css('margin-top').replace(/auto/, 0)); $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop(); // whether that's below the form if (y >= top) { // if so, ad the fixed class $('#contact').addClass('fixed'); } else { // otherwise remove it $('#contact').removeClass('fixed'); }}); }});
I want to print a html page which has contents wrapped in several div tags. I need to insert page break after each div tag and the page numbers need to start from one, after each page break. I could insert page break using the following java script code.
var allDivs = document.all.tags("div"); for (i=0; i<allDivs.length; i++) { allDivs(i).style.pageBreakAfter = "always"; }
But the page number is continuous. How can I change the page number for each pagebreak?
I have a calender I made in PHP and when you choose a week in opens up in a pop-up window. I have a simple JavaScript to display a print button. The problem is that the calender is very wide, so you have to print it as a "landcape", but even then the whole thing doesn't fit on the paper. Furthermore, it doesn't fill out the paper in the top and bottom.
It's a bit hard to explain, but I hope you understand what I mean. How can I make it fit the paper when being printed? Here's the JavaScript I use:
How do you print part of an html page using the javascript print() function? Is it possible to put the printable area inside a <div></div> block and print it, or can you use a hidden style then print it?
Is there a site on the www which has some information?
The problem is that the pages spill over to another page (in all printers I've tested - and in a pdf) BUT (and this is weird) if I print the page OUTSIDE of the frames, they print out on one single page as designed. The javascript used to print the page is simple enough:
function printit(){ window.parent.middle.focus(); window.print(); }
...but i don't think the function is the problem.
Does anyone know why a page would print out differently (i.e. longer) if inside a frame in a frameset, why this should be so, and what I can do to prevent the difference and have it print like a normal page?
I have asp page with dynamic table on it. Table is populated from XML which populated from stored procedure.
Sometime reports that are printed are extremly wide and long. And long is ok, but when it's 200+ headers.... yeah... it sucks =) cuz only first 10 get printed, the rest is just cut off...
is there a way to do some sort of a wrapping on a table?
I've scrollable screen. I'm having a print button on it and "window.print()" function is called on its onclick event.My problem is it only prints the "viewable" part of the screen, not the whole screen.P.S. I'm using IE7 and it must work for IE7 atleast (for rest I'm not bothered).
I'm not very good with coding and this seems like a very basic issue. I have a resume page that opens up in a new window. I made a button on the resume page that fires up the print command window when clicked using this code: javascript:window.print() It works fine except it only prints the first page. How I can get it to print all the pages?
I'm using Walter Zorn's Drag & Drop script on my page: [URL]. The script works just fine. But there is a problem when the visitors are trying to print out their design. All "draggble" elements are getting shifted in relation to the rest of the page (try to move "draggble" elements, and then go to Print Preview to see what happens). The page layout is centered on the screen: #maincontainer{margin: 0 auto; /*Center container on page*/}
Drag & Drop script recalculates positions of elements from the Top Left corner. If I change margin to left, than everything prints out just fine, without shifting. I'd like to keep my page layout centered on the screen and I know nothing about Java programming. How to make necessary changes to the Drag & Drop script to achieve proper page printing? Drag & Drop script path: [URL] CCS path: [URL]
I have 6 headers that are animated gifs. They transition, 3 of them left to right, the other 3 right to left.I would like to have them to change to next header in sequence no matter which page on my site they click.I'm not sure this can be done, but think javascript is my best bet. Can anyone point me in the right direction?
I am using my script to update my table with the click number and then redirect to the stored href link code...
The only problem I have with this is that my web page gets replaced.
What I really want to do is open a new window and have the new web page in that. I can put a notice to say it will open a new window, its just that it will really annoy people if my page closes on them when they are half way through a tutorial !
What do I need to do to open the link in a new window ?
My firefox plugin called yslow that gives advice on speeding up loading times says: JavaScript scripts block parallel downloads; that is, when a script is downloading, the browser will not start any other downloads. the page load faster, move scripts to the bottom of the page if they are deferrable.
I always thought that js should be in the header. What do you think?
