Document And Window Objects?
Feb 4, 2007What´s the difference between Document and Window objects?
View 1 RepliesWhat´s the difference between Document and Window objects?
View 1 RepliesI've seen lots of examples of invoking the getElementById and they always are given as a method of the document object. That is, they always show something like:
Code:
var theElement = document.getElementById("Fred");
But what I'd really like to do is to get an element from the document, but starting at a particular element in the hierarchy of the document.
For example, suppose I have two forms, form1 and form2, and they both have elements in them named "Fred" (and, yes, I know I shouldn't do that). But what I'd really like to do is something like:
Code:
var theElement = form1Element.getElementById("Fred");
assuming that I've already somehow retrieved the form1Element.
But Javascript reports to me that getElementById is not a method of form1Element. And the fact that every example I've ever seen of getElementById invokes it as a method of document would seem to bear that out. The thing is, on the microsoft site it actually shows the generic form of the method as:
Code:
object.getElementById(iD)
Which would seem to imply that it's more generic than just being a strictly document method, that perhaps it's intended to be a method of at least some additional HTML objects. Since that doesn't seem to be the case, how might I go about doing what I'd like to d, which is find the occurrence of the element, by its ID, but only within a particular section of the document hierarchy?
MSIE 6.0 apparently does not support protyping with objects created
with document.createElement, while Firefox does.
I tested it by typing it into the adress bar, but it also appears to be
the case for code embedded in a HTML document. Here's a simple segment
of code to demonstrate the difference:
javascript: function myObj(){};myObj.prototype =
document.createElement('a'); var x = document.createElement('a'); var
y=new myObj(); var z= new Object(); alert(x.href) /*blank in both FF &
MSIE6 */; alert(y.href) /* blank in FF but 'undefined' in MSIE6 */;
alert(z.href) /* 'undefined' in both FF & MSIE6 */;
I wonder why that is (apart from the fact that MSIE implements JScript
and not javascript), and can anyone tell me which of both browsers is
complient with W3C standards?
I'm new to js and jquery. I need to get access to select forms which are named dynamically. I have no problem when named statically, so this works fine:
[Code]...
I am working on creating a document where you check a bunch of checkboxes to select what to include, then click on a button. A function then opens a new window and writes the HTML code to run scripts in .js files to populate the page. Code:
View 4 Replies View RelatedI'm trying to pass an object myObjCollection type to a modal window but it throws me an error:
Error: 'myCollection' is undefined
This is the code of my pu.html page:
HTML Code:
<html>
<head><title>Untitled Document</title></head>[code]....
I am trying to set up a chat window in my website. Pretty much I have the main page, and a pop-out child page that contains the chat. I want users to be able to change pages on the main page, but the issue is that when they change the page, the reference to the child page (where the chat is) is lost, is there a way to make the window object persistent such as serializing it and putting it in a cookie? It looks like JSON is made for like functions, but can't really serialize a window object.
View 9 Replies View RelatedFirstly I know this issue has been addresses a lot already but as a newbie to HTML and Web Development I am unable to get the idea. according to documentations and solutions proposed on different forums a popup or child window can be only closed using window.close() if it is opened via window.open() function.
[Code]...
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedIs there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
Is there any way to find the window object given the document object?
View 2 Replies View Relatedi have a task in which i have a partial url of a webpage on a server, now i want to load it on the browser. I used window.location for this task and its working. but the real issue is that i need a javascript code to be inserted in to this webpage. and here i am having some problem. this webpage is not specific, but its in a particular location on the server, the user uploads the page of his choice and this will be used as a screen saver, i.e. when the application is used for some time interval, the webpage will be shown. the user selected file is added to the partial url dynamically. now, the script can't be added there unless i have the html element of the webpage, i dont know if i can use jquery for this.
View 2 Replies View RelatedI was doing a javascript redirect on one of my pages and was wondering what the difference is between window.location.href and document.location.href?
View 4 Replies View RelatedI have tried this using both frames and window.open(). In either case, if the new content comes from a different site than the original (or comes from a site and original is a local file) the document object is inaccessible. The new window object seems to have no document and no all[] or just about anything else useful. If the new content came from the same site (or local computer) as the original, everything seems to be where it belongs. I have looked all over and can find no references to this problem. Is this some security issue that everybody but me knows about?
I am seeing this on IE 6.0.2800.1106. The files are created in notepad
so there should be no surprises there.
--
spc
I have a main page:
--------------------------------------------------
<html><head><title>Test</title>
</head><body>
<img id="img_a" name="img_a" src="image_1.png" alt=""><br>
<object width="0" height="0" type="text/html"
data="/cgi-bin/next_img?img_a">
refresh image
</object>
</body></html>
--------------------------------------------------
and a script next_img generating this code:
--------------------------------------------------
<html><head>
<script language="javascript1.2" type="text/javascript">
<!--
function doLoad() {
setTimeout( "refresh()", 15 * 1000 );
}
function refresh() {
window.parent.document.images["img_a"].src = "image_2.png";
window.location.reload( false );
}
//-->
</script>
</head><body onLoad="doLoad()">
</body></html>
--------------------------------------------------
The Script specifies a new image (image_2.png) and the duration (15 sec)
to show the new image. On timeout the script is called again. The main
page may hold more than one image and object.
The Script looks nice on Mozilla Firebird but can't find the images in IE 6.0.
I also tested some variants of refresh() like:
function refresh() {
var image = window.parent.document.getElementById("img_a");
image.src = "image_2.png";
window.location.reload( false );
}
but no success.
Using jQuery Form Plugin on a form that submits text & file fields to a remote server, the resulting XML/JSON returned does not appear to be available to jQuery.
[Code]...
I have this button on a page that uses "window.open" and then "document.write" to open a new browser window and then write HTML to the newly opened window. The issue is that the written HTML has <script src> tag that loads Jquery. Around the bottom of the document is the <script> $(function(){....})</script> code. But the page gives an error at the call saying that "$" is undefined. Obviously, the JQuery library was not loaded.
View 2 Replies View RelatedIve been advised to use "window.onload" instead of "document.ready" and im having problems implementing it, im sure its a syntax error.
here is my original code
var chart;
$(document).ready(function() {
and i want to change it to onload, and im trying to get this to work
var chart;
$(window).onload(function() {
what is the proper syntax for using window.onload with jquery?
Cant figure out how to write on the same window on an event load. document.write opens a new window automatically. this is wat i want:
i've got 7 links of 7 days in a week. and when the user clicks one link, it should display the schedule beneath that link or in any table somewhere in the page. ive searched a lot on the web, and from what i've found, doesnt seem like that its possible!. maybe if we use the div tags and then pass divnames as arguments to the calling function.but tat i dont know how to hide the contents of div because that is also shown on the window..
everytime i click the link..it shows the contents in the new window!!
I am writing a script that opens a popup, tries to access the document object in order to access the body object, and then find a DOM element in the child window.Seems simple enough, except that the window opens, and the document and body objects are NOT what they should be.The code for opening the child window (popup) is:
Code:
childWin = open("http://localhost/childDocument.html", ...);
childWinDocObj = childWin.document;
Here are just some of the properties of childWin.document relevant to this discussion:[code].....
And THAT is just how it is supposed to look.Which means that, by putting on the brakes of the execution of the script, the open() function works as expected: it opens the window and is supposed to load the document content specified by the URL in the first parameter!But not really: when the brakes are NOT put on the action of open() , it opens the window, and then delivers document and body objects that are NOT the content of the URL.
I need to get the domain of the page (mydomain.com) There seems to be 2 variables to get this info. document.domain & window.location.host - Both are set in FF & IE. So whats the difference between these ?
View 1 Replies View RelatedIn 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 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).
how to stop the document.write opening a new window when called in a function, what I want to do is really simple but is defeating at every turn.I have a line of text that is a link on an html page,when clicked i want the the function called to print a name, imediatly after the
calling link (on the same page).
I'm trying to figure out this script doesn't display any text in the
child window and why I'm getting the null or not an object error.
It's taken directly from the Javascript and DHTML cookbook (not listed
in the book errata on o'reilly website). Initially I get an error
"window.dialogArguments.yourName" is null or not an object. Then I
fill out the field on the form, press the button and the child window
does display but there is no text inside the child window.
Questions: Should I be declaring an object that isn't currently
declared like "window"? or is "window" a built in object that doesn't
need declaring? do I need to assign the dialogDoc.html or "result" to
"document" somehow? It looks like they have me putting a value in
"result" then never actually using "result"... confused... Using ie
6.02800...Suggestions? gj
<html>
<head>
<title> Launch a Modal Dialog</title>
<script type="text/javascript">
function openDialog(form){
var result = window.showModalDialog("dialogDoc.html", form,
"dialogWidth:300px; dialogHeight:201px; center:yes");
}
</script>
</head>
<body>
<h1>Internet Explorer Modal Dialog Window</h1>
<hr />
<form name="sample" action="#" onsubmit="return false">
Enter your name for the dialog box:<input name="yourName" type="text"
/>
<input type="button" value="Send to Dialog"
onclick="openDialog(this.form)" />
</form>
</body>
</html>
<html>
<head>
<title>Modal Dialog</title>
</head>
<body>
<script type="text/javascript">
document.write("Greetings from " +
window.dialogArguments.yourName.value + "!");
</script>
</body>
</html>
i'm using a jQuery Inline Modal Window. the code for it can be found here
[URL]
i currently have an array within a function in javascript. when i click on the appropriate link for the inline modal, the inline modal window appears.
my function looks something like this
function match_all_groups(){
var pop_up_status;
var match_groups = new Array();
var match_groups_count = 0;
[Code]....
i want to receive values from match_groups and display them in my inline modal window. do u know how this can be done?