I want the div to start out completely minimized at 0% height and then when I click the button that calls the function it should increase the size to 100%, once it is maximized I want it to set the height back to 0% when the button is clicked again. Heres what I have so far. I can get it to minimize and maximize itself but I can't get the height set correctly.
<SCRIPT language="javascript">
var y = 100;
var q = 5;
var f = 0;
How can I capture the maximize and minimize of a browser? It is possible to capture this events? I'm searching the web and I didn't found any results. I want to be know if the user maximize/minimize the browser ?
Code... Check out this picture.. i want to make one of my lists to be shown in this way..
whenever you click the '+' sign, the products under the main products will be displayed, and when you click the '-' sign, the products under the main products will be hidden.
before starting to modify the script i juste want to know if it's gone work like this. I prefer to ask because i still know nothing about javascript even though i start to understand thing a little but here is the script for a div to be maximized! however i don't want the div to cover the whole screen in terms of height! indeed i want to leave 30px on the bottom! Code:
I was wondering if it is possible to maximise a screen in javascript.
right now, I use this code:
A HREF="heritage.html" onClick="msgWindow=window.open ('heritage.html','fullWindow','toolbar=no,location =no,directories=no,status= no,menubar=no,scrollbars=yes,resizable=yes,width=8 30,height=630'); return false" onmouseover="window.status='open site in full screen' return true" CLASS=TP>open full screen</A>
, but I was wondering if we can fill the entire screen?
Basically I want to have a different background image for every time of the day. The function by itself works okay with onclick or onload placed in body.
function changesky() { document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
I'm writing a web server and an Ajax-y web UI for an embedded system. My server is just plain dumb and quite resource constrained and right now I have code in the server to skip over all the POST header fields. I'd rather not use bandwidth to send them and CPU to skip them. Can I minimize my request header? I was looking to do something like:
req = new xHttpRequest(); for (f in req.header) { if (f != "Content-Type:') { req.header[f] = null; }}
But I haven't found a reliable way to get the header fields. Maybe I haven't looked hard enough. Pointers...?
I have created a frameset which is my default page. I am using window.resizeto and window.move to size and position the window on the users screen, but I also need to disable the maximize button on the window.
I know this can be done when using the window.open function as one of it's parameter's, however, as this is my landing page, I need to do this on page load.
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.
I was trying to modify the code-slider plugin so that it would scroll panels that were the size of the entire screen. (the demo on the jquery site has it moving panels that are rather small). So I thought all I had to do was take each div that sandwiches the panel (several are nested) and set their width in code to be the width of the monitor. It did not work.
So I simplified the code to show here. I just have the divs, and their css, and the code that sets them to the width of the screen.
Here's the entire code, css, and html (its not long):
We want the panel to extend the width of the page, and eventually also figure out how to make it extend the height of the page. Then we want to put a menu on top which will scroll from panel to panel, where each panel covers the entire page. The menu would have absolute positioning, so it would stay on top.
I am developing a site for my client in wordpress. According to clients needs I have to add 6-7 jquery instances into a site. means I need to import jquery.js file for each of JQuery effect such as menu, slider, scrooler, tabs, buttonsinto a site. Because of this site loading time is affected and I need to use noconflict() function to make jquery variable separate for each of JQuery effect. I need help to improve site loading time by minimizing importing of jquery.js file. but I need to keep all the effect as before.
my webstie allows users to change the color of the background, so to keep the text readable I have it changing as well.the color picker I am using has text boxes with rgb values 0-255 for each.I am trying to get one bit of text to alternate between red and blue with the conditions
I am reading the ECMAScript specs trying to figure out if the next line is a legal statement or not new Foo();
I think the above code may only be legal as an expression and not as a stand alone statement. Would this make the above a bug?
Douglas Crockford's JSLint will choke on the above line of code and stop parsing. All the browsers seem to accept it as ok and work as I expect: the returned object just doesn't get assigned to anything.
The time I have used a line like the above is when the constructor has side effects and the "class" keeps track of all its instances.
I have several text fields on page that I would like to make calculations based on if there is a number input in one of the fields. So, if the price field is populated, the sale price field would populate using a function to do the calculation.
Now, how do I write the code for this to occur? I know how to get the function to fire based on clicking a submit button, but not sure how to do it simply based on a number keyed into the one field. Is this possible and if so, how?
