I'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....
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 Replies View RelatedI am trying to write a bookmarklet that will let me know an object.For the most part, it works as best I could hope until I try it on a real page.For the purposes of understanding, I am using the Bookmarklet builder here [URL] for testing.
Here is the code:
(function (){
var theObjStr = prompt('What Object would you like to know?','');
var theObj = eval(theObjStr);
[code]....
I compress the code, and test it via the link on the bottom of the page and everything works magically.Add the Bookmarklet to your favorites, and go to [URL] and try to run it in IE7.I am getting an access denied error when the code gets to the line:
var wHndDoc = jjPopWin.document; I have tried everything including just calling a straight
jjPopWin.document.write();
with the same results.
I am on Windows XP SP3, Using IE7 (works great in Firefox 2 &3).
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 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]....
Through 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 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 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
In understanding how this works, would it not be possible then to replace an
item with another?
For instance, I have the first paragraph of "Lorem Ipsum" shown in a
division.
At the bottom is a ling showing "next".
Click on the link, the next paragraph replaces te previous.
<p id="lorem1">lorem ipsum stuff.</p>
<p id="lorem2">paragraph 2 stuff.</p>
I attempted to use the "Textual tooltip" swapping routine at Dynamicdrive,
but the code killed the other script for the menu.
What I'm looking for is a simple swap method, like image swapping, without
the use of z-index.
Also, if outerhtml is a solution to my problem, then could I have all the
paragraphs needed on an external page so that the various paragraphs do not
load with the main page?
If you must have a reference see www.somestuff.batcave.net/menu1.html
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!
I discovered how to write out the inner HTML of the contents of an
Iframe; I want to know how to write out the outerHTML of the contents
of an Iframe.
frames['iframeid'].document.body.innerHTML allows me to read the inner
HTML of the contents of an iframe and also allows me to write out the
inner HTML of the contents of an iframe.
However using frames['iframeid'].document.body.innerHTML I am only able
to change, in the contents of the iframe, the code in between and
including the body tags; I am not able to change the code above the
body tag such as what is in the head section and what is in the html
tag.
The problem is, that other maneuvers that allow me to read the contents
of an iframe, do NOT allow me to write out the contents of the iframe.
These are:
frames['framid'].document.body.outerText
frames['framid'].document.body.innerText
frames['framid'].document.documentElement.outerHTML
The problem persists if the page originally loaded into the iframe
contains no code.
This looks like an unpredictable inconsistency of the type that makes
Javascript a language to be learned through experimentation. Or is
there some documentation somewhere that lists the read/write abilities
of such lines of code?
anyone else get the outerHTML of a html object? I can't seem to get it anymore. document.getElementById('log').outerHTML returns undefined.
View 4 Replies View RelatedFound here: [URL]
Code:
jQuery.fn.outer = function() {
return $( $('<div></div>').html(this.clone()) ).html();
}
Usage:
alert( $("#toolbar #save").outer() );
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 RelatedI have a bookmarklet which copies a marked set of characters into a searchpage in our dictionary. If nothing is copied, a window opens where you can type a word.
BTW, it is for firefox 2.0.
javascript:s=window.getSelection();if(s=='')for(i= 0;i<frames.length;i++){s=frames[i].document.getSelection();if(s)break;}if(!s)void(s= prompt('some
text.',''));if(s){test=open('URL/search.pl?searchphrase='+escape(s));test.focus();}
This works well.
We have another search /command which needs to be finished with &search= after the searchphrase
searchphrase="here comes the markedtyped set of characters"&search=
Can anyone of you help me changing the bookmarklet or point me to a site where I can read more about this?
Is there a way to create a bookmarklet that discerns the shift (or
ctrl) key state at the time the javascipt is launched?????