I am attempting to modify the style of an element (its width) as the
window is being resized, in firefox.
Long story short, I've tried to use CSS but one particular part of the
layout just won't do what I need.
The javascript solution assigns a function to window.onresize that
sets the inline style, it works with one problem -- the handler only
gets called after the resizing stops, and so there is noticeable lag
before it redraws.
It is not the function that is taking a long time to execute, its
appears to be firefox's handling. It doesn't call it as frequently as
I expected.
Is there another javascript method to accomplish this without the
extra lag?
I want to make a nice floating bar at the bottom of the screen, which hovers about 15px from the bottom. I am doing this to make a site look good in small and big resolutions. The minimum height for the bar to hover is 600px about, if the window is smaller, it is still there so it doesn't go into the content, if the window is bigger, it will follow the resize and be at the bottom still. It is obviously absolutely positioned, and also centered using some javascript (getting the width of the window).The second function is called in the header and positions the bar. The last two document.get things are just for testing so I can see the height in px somewhere. This works fine in IE. If I resize the window, making it shorter, everything goes as planned, and I can see the pixel count dropping in the header where it is displayed. However, in FF it does not work.
The weird thing is this. If I resize by a small amount, less than 10px, it works fine. However, I can not resize by more than 10px! If I do, the window height shown in the top still drops by only 10px.So if my window is 1000px tall, and I close it to say 500px, the value of the height will still be 990px. If I then resize it to any where higher than the 500px, say 550px, the javascript still sees it as making it smaller, since it says the height is 990px, therefore, the window height goes down to 980px. If I shrink the window to 500px and reload everything is fine, if I make it bigger, it works in both browsers. I am thinking that this could be a problem which is like "sampling rate" in music. When in IE I expand or shrink the window I can see the pixel count drop continuously and the bar floating down as I move the window, as if it was "sampled" every 0.05 seconds or something. In FF, shrinking is not working, but if I expand the window the pixel count doesn't change and the bar doesn't change place until I stop resizing (let go of the mouse button), as if it was sampled once, when I stop, so the problem maybe is related?
I'm listening for the window.onresize event and trying to get the document.body.clientWidth afterwards to make sure a wide block fits onscreen. I'm working in Firefox and the thing is, when a scrollbar is added to the page due to content getting longer, the body.clientWidth gets smaller, but the window.onresize doesn't fire (I guess this makes sense as the window hasn't been resized per se).
I am assuming that I will have to check the body.clientWidth manually after the content gets longer and then call my resize function if so. But is there a way to achieve this or watch body.clientWidth other than window.onresize?
The window.onresize is not called (in Mozilla) when changing the text size on the browser (crtl + or View/Text Zoom).
Is the xAddEventListener function usefull ? What does the "For some browsers the window.onscroll and window.onresize events are simulated." mean ?(found in the X Library function reference).
i have this code i need to close the parent.html window when the child window opened, i need the code for that working well in IE and Firefox Parent.html
<HTML> <SCRIPT TYPE="text/javascript"> function sendTo() { window.open('child.html','_blank','resizable=yes,width='+(screen.width-500)+',height='+(screen.height-500)+''); } [Code]...
Firstly I know this issue has been addresses a lot already but as a newbie to HTML and Web Development I am unable to get the idea. according to documentations and solutions proposed on different forums a popup or child window can be only closed using window.close() if it is opened via window.open() function.
I have just downloaded the JavaScript HTML WYSIWYG editor TinyMCE. It works well except when I click on the link button or any other button that opens a window to add an element, nothing loads in the window.I have downloaded multiple up-to-date versions and non of them work. The examples on the TinyMCE website work for me. Also the examples that I downloaded work in Internet Explorer 7, Safari (for windows), Google Chrome, and Opera.It just does not work in Firefox. I even disabled all my add-ons and reinstalled Firefox.When i went to upload it to a server (the version I downloaded) it worked in Firefox.How do I make it so it will run in Firefox locally?
I'm having a problem getting the window.onresize to work properly. Here is a simple test case I wrote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test window.onresize</title> <script type="text/javascript"> function resize_func() { alert ('resize_func has been called'); } window. </script> </head> <body> <p>Just Some Text</p> </body>
When I load this page in firefox (1.0.6). I get the alert box that pops up on initial load, but any subsequent resizing of the window fails to trigger the event. It's probably something really simple, but so far I'm stumped.
I have a script that is called by the window.onresize event. The problem is that the script is called multiple times when I'm resizing the window in IE - obviously, because IE continuously fires the onresize event while it is being resized.
What I'm wondering is - does anyone have any suggestions on making the script function only once, after the last onresize event, rather than on every one?
I've done some searching, but I'm not getting much - probably because I'm having trouble finding a good phrasing for the search.
I have a left column that needs to be resized based on the middle content height. (the left nav needs to be subtracted from the total maxHeight to determine how long to make the left column) I am using the following:
function adjustLayout() { var main_height = document.getElementById("main").offsetHeight; var left_nav_height = document.getElementById("vertical_left_nav").offsetHeight; var maxHeight = Math.max(main_height, left_nav_height); var left_content_height = maxHeight - left_nav_height; document.getElementById("left_content").style.height = left_content_height+'px' } window.onresize = function() { adjustLayout(); } PROBLEM: The code works in firebird (even with multiple resizing), but in IE 6 the the left nav will not shorten if resized. In fact, it appears that each time you resize, the left column gets longer, and longer - so it is stretching the page way beyond the content.
I am trying to set a div width through the onresize event. For some reason, I am able to set the height ok. When setting the width, it will set once and then both the height and the width will not respond to the onresize event anymore. I basically want the div to resize whenever the browser is resized.
To demonstrate what I mean, copy and paste this code into a htm file. Add long strings of text to the div so that it will scroll both horizontally and vertically. Notice when resizing, the resize will get called once, but when resizing again it will not. Comment out the width line, and now the resizing will always get called.
I've built a page which uses javascript to snap roll-over layers to a centered (div) layer. It works fine, and is called when the page loads. However, calling the same function 'onresize' works, but doesn't validate as XHTML - because the XHTML body tag does not support the onresize event handler.
As a consequence, I need to extract the onresize handler into it's own script file and use it to call a page reload.
I can get this to work in IE 6 on a PC, but it doesn't work in FireFox. I really need this to be as cross-compatible as possible. The code I have in the page header is:
Code:
<script type="text/javascript"> function reDo(){ window.location.reload() } window.onresize = reDo; </script>
Does anyone know how to achieve a cross-compatible means of reloading a page upon resizing?
in IE, my page gets buggy when the user resizes the window. ive fixed it for when the user clicks and drags the corner of IE, but it is still buggy when the user maximizes the window. i know i can fix this as well if i can just learn to detect the difference on the onresize event between maximizing and all other ways the user can resize it.
so im almost finished my first site! very excited. its for my dads business, hes a screening contractor.actually i doubt he will get any business out of it, even once we get our real domain name and everything because i don't even know how to get Google to like it. its OK though, its mainly just a practice site for me anyways before i make a resume site for myself. anyways, this mayt sound like a flash question but i asked on flash sites and they have no idea, and i think it has more to do with how i embedded the flash. yoy see, it consists of 3 divs, an html content area, and a flash banner and a flash menu, which stretch depending on the window size to keep their aspect ratio. its that streachyness that i believe is causing the problem. everything works exactly as planned in Firefox, chrome, and pure flash player. but in IE, safari and opera, the size and position of things are way messed up! (only really care about IE). the edges of dynamic text are slightly to the left or right and hanging behind things because of it, same with some movie clips and when i didn't want things to appear on the stage i set their x position to be the length of the stage,
i think that ie is calculating the size onresize incorrectly. heres the site, take a look at the the script file:[URL]..
I'm a newbie in mozilla web development. I've been developping apps for IE and Netscape for years though. After searching the internet (groups google etc..), I found a way to pop a modal window using a XUL page.
Here is my question: despite seing examples of how to return a value to the caller window, I have been unable to make this work. Is there anyone who would have a TESTED very simple example on poping a modal window that would receive one argument and would return a result?
I want to use this to pop a calendar page and return the date chosen. I have the code for the calendar, but I need the mechanism to get the date back. This window has to be modal by requirement.
I've a button that onclick calls a function that calls the following code. The last 3 lines are for IE, which didn't want to close till I put in the funny line with opener.
This closes a window in IE, but in FireFox an odd thing happens. I have to mouseout of something before it closes. If I click the button and then leave the mouse sitting there, above the button, then nothing happens in FireFox. It's as if the code is broken.
I did originally have window.blur in their, instead of parent.focus. But I took it out a while ago and did shift-refresh in FireFox.
I'm putting together a popup flash player that can be launched from a url posted on a board. The link goes to a landing page which executes an onLoad script that opens the popup, then closes itself, leaving the popup over the board. Works fine in IE, but in FF the landing page remains open behind the popup and over the board. It will not self.close, and can't be closed from the popup (close.opener). Leading theory is that a FF window cannot be closed with script if it was not opened with script, and I've somewhat confirmed this, but seems a simple thing and should be doable.
Been trying for three days to find a way to self close a FF window. The window is opened from a link on a board, and its only purpose is to run an onLoad script that launches a popup window, after which I need it to close itself. There are any number of ways to do this in IE, but nothing works in FF - the parent window remains open. Seems ridiculous that something so simple can't be done.
There are no problems with the following image loading code fragment and window.status assigments/updates in IE but in Firefox window.status fails to update. Any suggestions?
I am using window.open in an AJAX page and it works in both IE and FF but in the latter the hourglass stays up and both the progress bar and the small animated circle-of-dots graphic keep on running indefinitely in the new window.
I can press the STOP button to get them to stop, but I'm wondering if there is something else I can do to get rid of this behavior. The page is most definitely loading properly and completely.
If it matters what I am writing to the new document is an XML document after being passed through an XSL sheet. Sometimes the XML doc is large enough to fill several pages of the viewport, but often it is just a few lines and the problem is the same regardless.
I've been using window.onerror to capture and report JavaScript errors from other users for debugging an application I've written. But I've run into a strange issue with Firefox and window.onerror.
It seems that any code that executes, having originated from an "element.addEventListener", causing an error does not activate "window.onerror". But it does at least show up in Firefox's JavaScript error console. Internet Explorer doesn't appear to suffer from the same issue when it uses it's equivalent "element.attachEvent".
Does anyone know why this is and if there is any workarounds or if it's possibly a bug? Code:
