I've been running around the web, including a search here, but haven't hit upon a solution that works. I'm trying to determine the document height of a web page. The following code produces a 0 (zero) onload, and again when the button is pressed. Right now, I'm working with Firefox 2 on Ubuntu Edgy. I'll worry about IE compatability later. Code:
Unforutunately, I can't seem to get or set the height of the images using an each() loop like this. The 1st alert works fine, returns "[object HTMLImageElement]" for the img, but the 2nd alert fails and the loop ends at that point.
I'm trying to do this: $(document).resize(function(){alert('yea')}); But doesn't work on firefox or chrome, only work fine on IE (WTF!) I'd tried $('body').resize... but happen the same. $(window).resize work fine but I need to detect when the body's height has been changed by ajax.
I have a webpage with an IFrame in it. The content for the IFrame could change per page and with it size. I don't want scrollbar's inside the IFrame but rather for the whole page. To accomplish this I must resize the height of the IFrame (width = fixed). But I can't seem to accomplish this. The links within the Iframe load the new content but I have to access the parent document to be able to resize the IFrame height. How I can resize the iframe from within javascript in the IFrame.
I wanted to resize the modal dialog based on the content of the modal dialog for that i used the following lines of code:
The 'document.body.scrollHeight' is not giving the exact height of the modal dialog bcos the button on the modal dialog are not completely visible to click for the user.
How to get the exact height of the modal dialog to resize it?
I am generating a series of links with the name of my clinics. Each has its id (ie permission0, permissions1 . . .) and shows the name of the clinic. When the user clicks on the link I need to show the details of that clinic, but for the moment I don't know how to tell createDialog() which link was clicked. Code:
I am working on a UI that, when you click on a menu option, a div opens and show three divs inside. These divs all have different heights. The heights are based on the divs content.The problem I'm having is... how do I measure what the divs height should be? IE, how do I grab the height for a div BEFORE it has had any style applied to it.
I want to do is determine whether the selected checkbox is on or off. At the moment, when the checkbox is ticked or unticked the javascript returns false.
Any one have a way to determine the left pixel position of an element on a page (such as <input ...>, given a fixed value was not supplied originally. This needs to be done dynamically so several elements can be aligned by setting their css left values. Jquery is available if that is of any use.
Trying to get the height of an element whose height is specified in the CSS.
So I am trying to animate the height of an item, where I have: <img id="myButton" src="myimage.jpg" /> <div id="myDiv" style="height:50px;overflow:hidden"> asdklf
[Code]....
However, it only registers as 50, even if the element is 500
I am in need of a JS script that matches the "li" height with the un-defined height of a absolute positioned block? Sort of like a matching columns script - is this possible? It's for IE6! Oh ya, and it's dynamic un-defined height. I only want it to match the height on hover. Here is a little test page I put together.[code]
how to adjust the iframe height by itself if my html height increases. My html code includes a facebook comment at the bottom of my page and the comment will show making it expand the height once users post comments. On the other hand, I'm using a CMS that have its own iframe. I've tried many solutions that can be found on the web but none works. It only can work if I don't put in CMS. Is it possible to adjust the iframe height using CMS or there is no way?
Is there anyway using Javascript, one can determine whether or not the browser viewing the page supports a particular CSS property or value? For example, I know IE6 doesn't support the value of "fixed" for the "position" property, so is there anyway I can determine this with Javascript, without resorting to browser sniffing?
I want to make an if stament that will do a thing if the browser is Internet Explorer. Else if the browser is Netscape will execute other code. How can I make that?
if (Internet Explorer) {execute this code}
else if (netscape) {execute this other code}
?
PS-also, is there a tutorial or reference that sais what commands are supported by each kind of browser?(most important for me at the moment is knowing wich commands are supported by browsers to show and hide layers..)
While attempting to create a greasemonkey script in FF2 (don't ask), I discovered that the "let" statement was causing my code to fail. After confirming that this statement has been available since FF2 (js engine 1.7) [URL] became curious as one determines their javascript engine in FF. IE has a way to inspect the jscript engine, ala [URL] but I couldn't find anything similar for FF. Feel free to list links for testing engines in other browsers,
The title pretty much sums it up. How can you tell through JavaScript whether the browser successfully loaded a source from the HTML5 <video> tag? Is there a way to do this by simply referencing a property of the video element?
I was wondering if the was any way to determine the state of the caps lock key, on or off. Of course I can capture the key events and see whether the caps lock is pressed, but that does not help.
I have seen some example that looks at the characters entered in an input field to determine if the caps lock is on, but I was wondering if something is possible that is a bit more immediate to report the caps lock state.
I have very limited experience with Javascript. Can someone refer me to info on how to determine the referring URL and the search term used by a visitor just prior to his landing on my web page?