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 a webpage that uses frames (yes I know, frames - previously been flamed about that, but I do not know anything else to use since I am clueless!!! Been asked to cobble together a site since there is a misconception that I know what I am doing!!!)
Anyway, one of the things I have been asked to do is create a button that will allow the user to print the contents of the main window (main frame) without the navigation bar (header frame) being printed.
Having been looknig into this, I have found the following:
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?
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?
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'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 am using a very simple search-type page to enable users to input a model number and its page appears in a inline frame. Its not a true search as it is simply relying on a person entering the correct html page name to find it. But this works perfectly in my application.The problem I have is that I cannot get the type box to accept enter key as a submitt, only a click of the mouse will submitt the request. If enter is pressed the box loses the users input but no action is taken.I think this may be a javascript issue. I have posted the code below.
if i have 10 pages and each of the page has the same navigation bar, i don't think duplicating the code again and again in every page is the right solution... what do the pro normally do? i tried to use a frame inside one of my div tag to link the page to the navigation page
How can I avoid that a site that I send to a frame (via target=...) overrides the whole frameset and claims the whole window. I want the site to appear in that frame and not grab the whole browser window...
I have a site using IFRAMEs and I don't want pages viewed without being in the IFRAME. Is there a way to do this? The pages just don't make much sense unless viewed in the IFRAME. I'm not trying to protect information or anything.
[URL] I have an index.html that sets up 3 Frames. They are called FrameTop, FrameA and FrameB. See pic below. In FrameTop the user can type in a url into a textbox with id="urlINPUT". When user clicks LOADA it loads that url into FrameA. User can then browse web in FrameA, clicking links etc and going to new pages. The second button LOADB is designed to determine the current location/url of the page displayed in FrameA and load that into FrameB. So far when I write the javascript in FrameTop LOADA works but LOADB loads the FrameTop into FrameB! [error!]
I suspect my error lies in use of parent/self in the parent.frame.location.
index.html loads the index correctly and displays FrameTop, FrameA and FrameB. The load A button also works correctly BUT when I click LoadB it loads FrameTop into FrameB! This happens when no page is loaded into FrameA AND when an external page in loaded in. [URL]
Can I create a frame in the same page without referring to other html files? I.e., I have a large dynamically created table in my JSP page. I would like to place it inside the scrollable frame. If I put the whole table into a separate file, I can easily do it by referring to that HTML file from the 'src' attribute. But what if I want to create this frame in the same page without referring to the outside html files?
I tried to place my table content inside the anchor link and then refer to it from the frame like this:
Does any one know how to load a sertain page in a sertain frame depending on the viwers screenresolution?
What i mean is that if a user has 800*600 i want page 800.htm to be loaded in frame "content". If the user has 1024*768 i want page 1024.htm to be loaded in frame "content".
I have a code which works ok, except I would like to load the specified file in an inline frame (I1) on the page instead of a whole new page if at all possible Code:
So to start out, this is my first post on CodingForums! :) I've only recently started learning web development so I figured it would be a good idea to get involved with some active forums.
I am trying to open a random page in a frame, but I am trying to call the Javascript to do so in another frame. I currently have an html page with a frameset which has two frames. One of the frames is a toolbar that sits at the top of the page and it has an image that acts as button. When the user clicks on this image, the bottom frame generates a random page from an array of links I have hardcoded into the Javascript. The bottom frame is just set to google.com as a default because I couldn't really think of anything to put in an html file there.
The problem I'm having is when I click on the image to open a random page in the bottom frame, nothing happens. The code for all the files are below. code...
I have a domain: example.com; which is the parent.And a subdomain: api.example.com; which page 'receiver.html' is being loaded in an iframe, child of parent. Both pages set document.domain = example.com.
I'm trying to adapt this code:[url] but Idon't want to load jQuery from the <iframe> again but I need to have the method $.ajax() working from the <iframe> otherwise it would be a cross-domain request and the browser would abort it. I tried ingenuously to set via $('iframe')[0].contentWindow.$.ajax = $.ajax() and I just got a shortcut to the parent page jQuery method. I also tried to "clone" it using $.expand (true...) but the method doesn't work for me; probably because of the complexity of the objected I'm trying to clone. So is there a way for me to use jQuery to have only a $.ajax() method in the <iframe> ? I've thought even about creating a XHR in the child-iframe and then use that in the $.ajaxSetup ({xhr: THATNEWXHR}) but I couldn't do it. I mean, I want to use the XHR factory from jQuery (which has fallbacks for IE, etc) but it has to be created from the iframe-child.
Maybe there is other way to make the AJAX call come from the child-iframe.
If you're wondering "why don't you load jQuery from <script> in the child-iframe", there is a reason... As I'm using jQuery plugins + my own custom javascripts + other independent scripts I created a compiler which minifies each file and bundle them in one. The advantage of this is the reduction of HTTP requests. So "why don't you load that bundle inside the child-iframe?", because it's ugly and Twitter doesn't... Yeah, I like to take Twitter as a reference and I think if they were able to make it so can I;
I got to work in most browsers except IE and Operaby doing it with pure javascript.
I'm "attaching" the code for you guys to test. If you open it with Chrome, Safari or Firefox you will receive 2 alerts one with the return of $.get() and another with the return of a request made via XMLHttpsRequest object. Otherwise (if you open it with IE or Opera) you'll get 'undefined' in the first alert but the real return in the second.
