It's possible to style document.body not to start at 0,0 for example: body {width: 1000px; margin-left: auto; margin-right: auto;} This means that X/Y of the body is not 0,0 but how can I find out what the position is using javascript? document.body.offsetLeft; is 0 and offsetParent is null yet if I position something absolutely at 0,0 it goes to 0,0 of the window, not the body!
View 2 RepliesThrough an onClick() event, I have an inline function to change the
font size of the page (actually, I need to do this for the entire
website). I have this defined in the header.cfm file as:
onclick="document.body.style.fontSize=཮%'"
This does not work at all for some reason. Whereas,
onclick="document.body.style.backgroundColor='green'"
works. I am not able to understand why this is happening.
I assume you know about this code:
Code:
document.body.style.background = "url() fixed #000000";
where you can change all of the page's background attributes..I was wondering if there was a similar one for font so that I can change the face, size, and color of all font on the page at once (when the page loads)I want this code in javascript because I want the font style and the background color in my page generated instead of fixed
Suppose a HTML document has a iframe. Using javascript,I want to detect ,on load of the html document, whether the body of the iframe document is ready to be displayed.I want to be able to overwrite the the body contents (before it actullay loads) of the iframe.can I do it with jquery? say if ,HTML doc is
Code:
<html><head></head><body><iframe id="ifrmId" src="http://www.google.com" ></iframe></body></html>
What is the jquery equivalent of document.body.scrollTop / document.documentElement.scrollTop
View 11 Replies View RelatedDoes a contentEditable DIV have the notion of an internal document? I'm trying to convert code that uses an IFrame.contentWindow.document to use the "document" inside a contentEditable DIV but they don't seem to be similar beasts. Eventually I want to add stylesheets to the contentEditable DIV as well as event handling. I'm porting an IFrame editor to a contentEditable DIV based editor.
View 1 Replies View RelatedCan anyone shed some light or give me an example of how this PHP function works? How is information actually pulled from the page using innerHTML?
View 11 Replies View RelatedI'm trying to create a bookmarklet on IE6, that passes the outerHTML of the body element as a GET param my site.
The problem is that for some page (ie mail.yahoo.com) the bookmarklet does not work while for other pages (simpler ones) it does work....
I need to capture the following events in IE 5+ and Netscape 6:
- Enter new address in URL window and click "GO"
- Select a favorite
- Click "Home" button
- Click "Back" or "Forward" button
Basically, I have to see if someone is navigating away from our page
under very specific circumstances, and pop-up a window. I need more
granularity than the unload and onclose events will give me.
I am designing a addon for firefox in this i wrote the following code...
I called document.body.innerHTML at ending of the code:
I have this test code for saving panel state using cookies:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I have a code which allows a set few images to be used in a slide-show type style for switching the documents background image which displays a set few images which are declared in an object array.
Basicly I have it all working perfectly with a "Timer" object value so you can set your own display length per picture but what I can't seem to do is make a cross-browser image fade transaction which works for background images, Here is the code
ORIGINSlide.js
/*******************************************
* *
* ORIGIN Background Image SlideShow *
[Code]....
i cant modify the body element from within the html document.
<body>
</body>
what i want to do is have a function on the "onClick" event to created the body onBlur=myfunction() and pass it a function when the body blurs.
There must be a standard way of getting the body of an iframe, and adding content to it, using jQuery. what the "best practice" way is? That works in all browsers?
View 2 Replies View RelatedI'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.
In this example, the same javascript window function is called by two separate form buttons(onClicks) to open('window.open' ) or bring forward( 'object.focus') a window.
One button calls the window function directly from the form and one button calls the window function indirectly from within the body of the html document by first activating a 'document.submit' method .
In particular, using a PC with either Explorer or Firefox, both indirect and direct routes opened a window, but only the direct route could bring the window forward(via 'object.focus') if it was already open. Using a Mac with Firefox, the direct route worked well either to open or to bring forward an existing window, but the indirect route did nothing. On the other hand, when using a Mac with the Safari browser, both routes worked well to open a window and keep it on top.
What do I change or add to get full functionality for the indirect route with the Firefox and Explorer browsers as I get with Safari?
For script, view source at [url]
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've got an IFRAME it loads a page with variable contents. I need to know the WIDTH of the body of that page. I'm using offsetWidth and offsetHeight
Quote:
This is weird....offsetHeight returns the height of the document body. offsetWidth returns the width of the iframe!
Code within my <HEAD> Tags;
<script language="JavaScript">
<!-- Activate cloaking device
var randnum = Math.random();[code]....
Now, this works fine with every manual refresh of the page and I can obviously get it to work with a <META> refresh, but I would like to do achieve this without resorting to this crude method.Note that I have additional code to stretch the image to the client browser resolution.I found this topic which look svery similar to what I want but doesn't have any code for the background image scaling ... http:[url]....
I am trying to get the body tag style values.
Code:
<body style='width: 100%; position: relative; min-height: 100%; top: 0px;'>
I would like to get the text 'width: 100%; position: relative; min-height: 100%; top: 0px'
I'm trying to make my body content scroll at the same time as an iframe located within the body. This has to do with the age old problem of mouse focus on iframes. When my mouse reaches the iframe and it takes over focus, I would like the body to keep scrolling until the iframe is right at the top of the screen. After that I want to relinquish focus to the iframe. I don't mind if the iframe starts scrolling as soon as the mouse reaches it, so long as the main body keeps scrolling for a while.
View 5 Replies View RelatedThe JavaScript underneath makes _one_ tab bold while the others receive
the 'none' CSS property. This works in a frameless page, and has
always worked. However, my current project _requires_ me to use frames
:-( (leftFrame, topFrame and mainFrame) and when I tested this script in
frames, it gave me a "invalid property" error. What can I do? Code:
How can i get scroll bar position of body tag?
View 2 Replies View RelatedHow do I get the body scroll positions? I have a zoomable map which relies on mouse positions but it goes out when the page is scrolled.
View 2 Replies View RelatedI would like to ask for your help (I am using only IE5.5).
I have a very big table that I would like to sort.
During the sort I would like the cursor changed to 'wait' state and
back to default state when the sort is over.
The first row of table displays the columns titles when each cell (TD)
contain link to a sort function (sortTable)....
Is it possible to get the position of an object relative to the document if it's a floating object inside elements?
View 2 Replies View Related