I have a page with two horizontal frames. The top frame covers 90% of the window, and the bottom frame 10%.
I would like to be able to have a user hit a button on the lower frame to resize it up and down at will, say, lift the lower frame to 50% and then back down to its original position at 10%.
Im using the cycle plugin trying to make a banner slide tha is 100% the width of the window, my problem is that when i resize de window the banner does not align center, it stays somo what left align. So is there a way to keep the slides align center after you resize the window usingthe cycle plugin? or is there another plugin that i can do that? I attached a image to ilustrate, the white banner with the cat should align center when i resize the windows but it stays left align.
I'm trying to develop a function to resize a control upon window resize. In regular javascript I would make a global array of control names and append code to the event that cycles through and resizes each control.For example
var proportionalizedImages=new Array(); proportionalizedImages.push(document.getElementById(ctrl)); if (window.addEventListener)[code]....
I'm wondering if there's a more elegant way to do this in jQuery. I've played around with it a bit, but i'm unsure how to get the control object to the resize function triggered by window resize without a global variable.
I'm trying to scale the text with the size of the window (I've also got all the layout sizes in ems, so this should keep the aspect ratio of everything the same as the window is resized). The code that I've got at the moment doesn't do anything -
I have a wysiwig editor that will generate html code. My problem is that my simple javascript will not work in FireFox but works fine in IE. To get this to work just make editor2.inc whatever you want. I just need whatever the src page is to populate the text box.
I would like to either resize a FRAMESET to a specific height width...
or I would like to know how to resize a single window if someone types in the url directly. I found the onLoad "resize()" function but I can't remove the TOOLBARS... i tried the "self" and "document" functions without luck...
I have a div that I want to resize as the browser window resizes. I do not (cannot) use a percentage size for the div. How can I get my javascript to trigger an even when the window is resized?
Is there any way to have a browser window resize itself when displaying a new HTML page? I'm using the javascript below to open a NEW window at a certain size, but I'd prefer the page to load in the same window, just sized differently. Here's the script I'm currently using:
When I use the following code snippet in all major browsers (Chrome, FF, Safari, Opera, IE8), the window opens with a scroll bar and it is resizeable EXCEPT IN IE8. In IE8, there's no vertical scroll bar and it's not resizeable... any idea why not?window.open('http://www.mysite.shtml?' + report_vars, '', "status=no, toolbar=no, location=yes, menubar=no, scrollbars=yes, alwaysRaised=yes, resizable=yes, width=" + window.outerWidth / 1.1 + ", height=" + window.outerHeight-0.1);
This is something that i came up with a while back, but never got around to putting up. when you resize a window, you don't get the same result across different browsers because of different chrome sizes. the way around this, is to resize your window based on the visible document area. this function does that.
this should work in IE4+ and NS4+. i've tested it in IE5+, and Moz 1+
<SCRIPT><!-- self.resizeIn = function(new_w, new_h) { var old_w = self.innerWidth || document.body.offsetWidth; var old_h = self.innerHeight || document.body.offsetHeight; if (!new_w) { new_w = old_w; } if (!new_h) { new_h = old_h; } new_w -= old_w; new_h -= old_h;
A dynamically created html page contains a body tag with a single (filled) table in it. Sie size of the table changes in a wide scale (from 5% to 150% of the screen size independent in height and width. The page is displayed in a popup window opened either via an onclick-event or a href anchor (depends on the navigation). Now the obvious problem is this: When choosing a fixed window size things look silly most of the time. Either you have a nearly empty window or you have to scroll all the time...
So I want to resize the window. Resize it to what size? The size that is required by the pages content when redered in the browser. That's all :-)
-- hmmm -- I tried around quite a lot with scrollHeigths, offsetWidth and so on, but there does not seem to be any more or less reliable solution., Especially not when trying to make stuff usable for different browsers. Does anyone have a hint what else I can try, where I could look?
I would like to automatically resize a window to its content. I was thinking of using an outer table to detect the size of my content, then use window.resizeTo( ).
The problem is I'm not sure how I can determine the size of what I think is referred to as the 'chrome' - the window borders, toolbars, etc.
Is there a way to determine the height and width of the chrome so that I can supply the correct parameters to the resizeTo method?
In Firefox I can resize the window that is created, but in IE I can't. Here is the code I am using: var generator=window.open('','name','height=500,width= 675,resizeable=1,toolbar=0,menubar=0,scrollbars=1' );
I also tried it with 'no' and 'yes' instead of Ɔ' and Ƈ'.
I see the symbol in the window that I can click and drag, but, when I do click and drag, nothing happens.
}//if(document.getElementById("parent_for_video").style.display != "none") }//window.onresize = function ()
You should be able to see that when a resize is detected i move and resize a couple of divs.
The thing is though i cant work out how to do this in real time. That is the calculations only happen when i let go out the mouse. So if i resize from massive to small the changes dont get reflected untill i stop dragging the mouse.
I'd like to be able to resize and stuff as the mouse is dragging the dimensions.
[What I want to do] - I will have an application open, such as Excel or Word. - I then want to open a HTML file in MSIE. - I then want the HTML file to resize Excel to fit vertically in 75% of the screen, and the HTML file to fit the remaining 25%.
Thats it, I dont know if it can be done. I have trawled through web sites with javascript examples but did not find anything that fitted the bill.
I'm basically creating a script that wiill move a div from one place to another based on the width of the browser. The script I've made does do this however I wanted to fade to old position out then fade the new one in and this is where i got into trouble. The div just keeps flashing, i'm sure that it's something really simple that with expirience would easily be solved.
I have swf, I want to resize it to fit browser window. So, that is width is always 100%, and height is proportional to width. I do <body onLoad = {} function, get browser window width there, calculate new height: height = width/2.70 But, how can I now apply it to my swf file? Like, i set its "id" to my "flash" (<embed src="final.swf" id = "flashme" ) to pass it to the function, but I do not know how to alter params