When Does The DOM Know The Page Size?
Aug 26, 2010
The code at the end of this post displays 3 lines, each of which is supposed to display the inner width of the browser window.The top line, show width 1, is filled in by an inline script inserted in the body after the 3 display lines.The middle line, show width 2, is a function defined in the head section and kicked off by the onload event of the body tag.The last line, show width 3,is a function that is also defined in the head section and kicked off as window.onresize by the show width 2 script.This works the same when you remove the window.resize line and add the onresize event to the body tag.
I'm running XP professional 64-bit and Explorer 8. I saved the code to my hard drive and here is the results and what I think is happening.Double click the file, window maximized:
This page is 0 pixels wide.
This page is 0 pixels wide.
This page is 1897 pixels wide.
During the load and at load the DOM does not know the width of the window yet. When the page is complete the DOM is updated and the change in the window size triggers the onresize event and the third width is updated correctly.Double click the title bar to unmaximize the window and the display changes to:
This page is 0 pixels wide.
This page is 0 pixels wide.
This page is 929 pixels wide.
The page was not reloaded, so the first two lines remain the same, it was resized so the third line changes.Hit F5 to refresh the screen:
This page is 929 pixels wide.
This page is 929 pixels wide.
This page is No Jave Script pixels wide.
The page was refreshed with the DOM already knowing the width of the page so lines one and two displayed the proper width. It was not resized, so line 3 was not refreshed and the original text remained.
Resize the window:
This page is 929 pixels wide.
This page is 929 pixels wide.
This page is 808 pixels wide.
The dom initially knew the old size when it was refreshed, so lines one and two did not change. Line three was updated after the window size was updated in the DOM.
Here is the actual page code:
Code:
<!-- saved from url=(0014)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>[code]...
View 7 Replies
ADVERTISEMENT
Jul 19, 2010
I'm attempting to make a web page that adapts to the size of your browser size when it maximized. Because I'm only 15 I'm not such a great programmer or coder. I've done my best with the resources I have though (Fluent in Lua and a natural ability to pick languages syntax up quickly)
Here is what I have so far, it doesn't work and it is starting to puzzle me. As it seems correct as I look at it. I'm sorry if this question show my ignorance. I try my best to hide it.
Some of it is Copy pasted from sources on Google. But only for educational purposes, I learn off reading, examining and testing out snippets.
I'm basically trying to get the max size of the window and resize the div accordingly.
View 1 Replies
View Related
May 8, 2009
Looking to define the size of a new window. Here's the problem....I had done this and got it to work, like I normally do, however...this page is going to be sent thru email and Outlook chokes on the link that would open the new sized page through the javascript.SO, I was wondering if, there is a way to define the size of the page called, within that page itself...thus removing the javascript from the link in the emailed page.
View 1 Replies
View Related
Aug 13, 2010
I have a goal in mind, and that is to get the width & height of a <DIV> tag in one document and insert them into another document...all on the same domain. It sounds like a simple task, but in case more detail is needed, let me explain:I have a page called 'demo.html' which launches a page called 'gallery/archive_iframe.html' via Shadowbox as an iFrame.
The problem is that 'gallery/archive_iframe.html' slightly differs in dimension on every browser and screen resolution. I want to have the iFrame's size detected every time it launches so Shadowbox can get solid dimensions to display it without scrollbars.Here is the code I would like to insert the dimensions in to:
<A HREF="/gallery/archive_iframe.html" rel="shadowbox;width=???;height=???" class="imgLink" title="Video Archive"><img src="gallery/videoarchive_thm.jpg" alt="Launch Video Archive (popup window)" width="260" height="162" border="0" /></A>
View 2 Replies
View Related
Aug 9, 2011
i am using this script (jquery) to resize textareas when a user enters text. it works well. in the management system im writing i would like to also resize all textareas so that all text is visible when forms load .i.e. a user loads a form with textareas on and all the text is visible when they read the contents
/*
* jQuery autoResize (textarea auto-resizer)
* @copyright James Padolsey http://james.padolsey.com
* @version 1.04[code]......
View 10 Replies
View Related
Apr 21, 2010
I'm battling to print labels on a dot matrix printer. The available page sizes are all bigger than a single label and I can't make custom page sizes on this printer (panasonic KX-P1150). Whenever I print a label, the printer form feeds the label paper and does not stop after the label. I have googled and see that printer comands can be send directly to the printer with ActiveX controls from inside a javascript but the only examples I found changed the orientation etc. None changed the page size or disabled the form feed.
View 6 Replies
View Related
Jan 13, 2010
I have used javascript to change text size before however the task i wish to try is a little bit out of my league, i have scoured the web looking for an answer and have yet to come close to anything similar. This is sort of a last option for me so i truly hope i find a clue or better yet an answer. Essentially what i am trying to achieve is exactly the effect achieved when you hit "ctrl+" to increase the size of a webpage so that i can include a button/link etc that can be clicked for users with lesser vision so i can avoid going back into any of my clients completed sites and having to completely redo the css/overall design..
View 2 Replies
View Related
May 21, 2010
I want to put a combo box on my webpage where the user can change the Font of the table size based on their screen resolution. The fonts will be 12,14,16 and so on.
View 3 Replies
View Related
Nov 15, 2010
Im having a bit of an issue with a website im building for a band. The band want a site that is 2500 width so that when the page loads you can either scroll roght or left to view the out of screen material...
i cant find a way of the page loading centered...it is always loading to the far left and all i can do is scroll right...i have uploaded the site to [URL]... I origionally posted this thread in the CSS forum but was instructed this would be a Javascript issue
View 1 Replies
View Related
May 13, 2011
I am trying to load a different index.html page for each different screen size that the browser has. So the page looks best at different resolutions.I am not really able to test it since I haven't finished building all the different resolution index pages yet. I am just wondering if anyone sees any glaring errors in my coding.This is my script:
<script src="javascript/stndlibrary.js">
var screendim=getWindowSize();
var screenwidth=screendim[0];[code]......
View 2 Replies
View Related
Aug 27, 2006
I have a page whit many links ( for example a Dictionary ) ,I want all links in this page open in the special window size whitout scroll ,statusbar,toolbar,.....
I have script for one link but I want a one code for all links or the script which I can insert in head of main page for all links .
View 1 Replies
View Related
Jul 7, 2009
I am having a problem with a select that is showing thru an opaque div. See attached image(sorry, but this is an internal client app and I cannot show more). The blue horizontal line on top is the edge of DIV that I am displaying containing the text you see. The DIV has a FILTER with opacity of 100. The little select box with a number is part of the HTML page that is below the DIV. This is the little select that the DISPLAY:TABLE element uses to implement page breaks.The second attached file has a screen shot from IE developer of the DIV that forms the modal dialog which should be on top of the select.
View 2 Replies
View Related
Jul 23, 2005
All my font-sizes are set as relative sizes in CSS (large, medium, small,
x-small, etc). Let's say something is set in CSS to be xx-large, but a
visually impaired user wants it displayed even bigger. Can a script
determine an element's absolute size, *as it is being rendered by the
browser*, and then increment the element's font-size in absolute terms?
View 1 Replies
View Related
Apr 14, 2011
where da boss wants our a large piece of our site to be fully dynamic and integrated on any screen size. This means changing font on size. Well I cam up with a solution, figured if no one has one better, then i'll share
[Code]..
View 7 Replies
View Related
Jan 25, 2007
I need create offline html page, graphic menu for autorun. How to resize a html page to perfectly fit a background image size? I need html page that need be resized to perfectly fit a background image size, also, this page need be centered on screen.
View 6 Replies
View Related
Nov 12, 2011
I'm working on my personal website [URL] and I'm trying to use Javascript to edit some of the height and size attributes of elements on the page, based on the user's window size. I've got the code that gets the window size working, and calculates what I want to set as the "boxSize" but the part that goes into the external CSS to change the values is not working. "boxSize" is a variable that holds just a number. I'm not sure if it's really stored as a number or a string, but I don't think that's supposed to affect anything.
I'm just putting in the relevant part of the code right where it's failing. I figured out (using alert() statements) that the script is definitely working right up until before the two lines given, and failing to get through them.
[Code]...
View 3 Replies
View Related
Aug 26, 2011
I am new to Jquery mobile framework.I have an asp.net web application and I want to convert it into Jquery mobile framework.I have a datalist on an aspx page.The size of the datalist decreases according to the window size to certain extent after which the size of the datalist becomes constant and doesn't decrease with the window size.
View 2 Replies
View Related
Dec 11, 2010
How can I change my text or font size when the user changes the browser size. Example: When the browser is maximized, the font goes to normal, when the browser window decreased, the font size is reduce.
View 3 Replies
View Related
Apr 29, 2010
I am currently trying to use Javascript to dynamically resize a navigation div (that is present on every page) according to the size of the main content div.
I am currently using the following code;
Code:
This works the first time I go to the site and if I refresh a page. However, if I use my on site navigation to switch between pages the div simply uses the height variable defined within my CSS (this needs to be here for users with JS disabled)
Does anybody have any ideas on what the problem might be. It's as if the script is only executed the first time any page on the site is loaded, but then not again.
View 6 Replies
View Related
Jun 18, 2010
I have a problem with XHR size limit. I want to transmit text information for page to a PHP script which saves it in a MySQL database but the data are cut off. When I reload the page the changes I made are gone. Firebug produces the following message:
... Firebug request size limit has been reached by Firebug. ...
This is my XHR function:
My question is: Is there a size limit in XHR POST requests? If yes how to disable it or is a browser issue?
View 2 Replies
View Related
May 27, 2010
I developed a web application and it is working fine, except for one issue. The application includes uploading files from a JSP to my servlet, and the issue is that i would like to have a limit for the uploaded files on the client side (before actually uploading it).
I investigated alot and found some ways like changing my JSPs to PHPs, which is not feasable for my application. I would also like to add that using the Flash component ("<object>") for uploading is not feasable also at this time. Using ActiveX does not work also (for some security issues in javascript, it can not access the system information, also ActiveX works only on IE).
I would like to add that I have my application running on Oracle application Server, JSPs for displaying the forms, MultiPart Java API for getting the form input values and files to my servlet and everything is developed in JAVA.
Either by limiting the file size or the limiting the whole request size sent to the servlet.
View 4 Replies
View Related
Aug 31, 2011
I started learning javascript couple of days ago, so this may be a noobie question.
I wrote a simple code that should re-size the image (there's some other code in here just in case) code...
View 1 Replies
View Related
Aug 31, 2011
I started learning javascript couple of days ago, so this may be a noobie question.
I wrote a simple code that should re-size the image (there's some other code in here just in case) code...
View 4 Replies
View Related
Apr 6, 2010
I'd have thought this would be easy but I've been looking for hours and all I can find is info on getting the viewport size, which is normally useful but not in my situation.
In this case I need the actual browser size, including the scrollbars, toolbars, status bars etc. to get an idea of browsers which aren't maximised/full screen and how big they are, and to calculate the amount of the screen taken up by toolbars etc too.
View 3 Replies
View Related
Sep 10, 2009
How can I fixed the size of the page to desired width and length and also make that page fixed to that size so that it cannot resized.
And also I want to disable all bars(scrollbars, menubars, address bars etc) for the page.
I am using these codes for my projects and these are for commercial purpose. I am also asking for to use these codes for my projects.
View 1 Replies
View Related
Aug 29, 2009
Using the very basic jqModal example, isn't it supposed to auto size and auto center the modal on the page? I placed a table that was wider than the modal's default settings and it's off the page and does not create scroll bars on the page to see the hidden section of the modal.
The default class is
Now, I know I can change the width of the modal but what about the positioning?
View 1 Replies
View Related
