I'm trying to create a script which allows multiple different tables to be shown on mouseover of an area (in this case, a table cell). However, I want the tables to appear in a long list for those who have JS disabled. For obvious reasons I don't want two copies of the tables in my html, and obviously only want the mouseover section to appear for those with JS enabled.
The basic problems I have so far is that I can't get the div "plaintables" (which contains all the tables) to be hidden when JS is enabled, and when I mouseover (activating scim()), I get the message [object HTMLTableElement] rather than the actual table.
Pretty much just starting out with Javascript, so this is probably something really simple I have done wrong.
Just incase it matters, I don't have access to the contents of the <head> tag (This is for a site with an existing template) - it would be easier if everything could be done in the <body> section.
I am dynamically building a part of my HTML page by setting the innerHTML of a DIV element. Immediately after I do that I try to retrieve the clientHeight and clientWidth of the DIV element in order to determine what height and width the element actually ended up being. But I always get 0 as both the height and width. The contents of the DIV, i.e. the HTML code that I inserted into it via the innerHTML, does indeed get displayed on the page. But I suspect that the browser doesn't actually update the page until AFTER my JavaScript code has completed and "returns control" to the browser.
Does that make sense? Is there any way I can force the browser to update the page BEFORE my code completes its processing, so that I can properly retrieve the width and height of the element I just inserted into the page?
how to add extra properties to html elements as I was storing data in html attributes. After looking at some others code including Raphael and this addEvent code. [URL] They seem to treat objects just like an array. obj[property] = value; This would have been extremely helpful to know previously as I have needed to be able to include variables in property names - but have resorted to making the whole thing a string and calling exec() on it.
I have some JavaScript which is splitting out the different variable elements from the URL.Now, how do I set the internal variables?Then I want to set the variable ScriptHeading to be Change and the variable ScriptType to be NewThread.I keep finding all sorts of lovely code showing how to split out the various sections in many different ways, but I can't find anything on how to actually set these variables.
I have a program written in Javascript and fully functioning which takes a user-selected directory name and then displays all the photos in that directory in a certain format.
I am now wanting to expand the program to allow users to optionally enter their own strings and the program will use all the photos from www.flickr.com which use that string as a tag.
I have a PHP interface to flickr (called PHPflickr) which collects all the relevant photo urls. I now need to get these images back into my Javascript so I can process them using the existing functions (rather than rewrite all my functions in PHP code and have two sets of functions in the program). I found on another thread a means to do this for a date variable:
but being completely new to PHP I'm not sure what "addslashes" might be or what formatting will be necessary if I am starting with an array of urls. Code:
I am getting a Javascript error from Firefox 1.0.5 when I try to reference a table within a window that has just been opened and written to. I get the Javascript error "cartTable has no properties" where cartTable is the variable I assigned the table reference to.
Previous to this, I have just opened a new window, used the document.write method to write some HTML into it, and then used the document.close method. At that point I call a new function to add some extra things into the new window and this is the first statement that gets run. It seems as if the table isn't quite finished loading when I try to reference it and that is causing problems. I am not getting any errors in IE6 and it is working just fine. I figured that maybe I could implement a loop to just wait until the table is fully loaded but that will just loop infinitely for some odd reason.
while (!winDVDCart.document.getElementById("cartTable")) {}
This code just loops infinitely, but if I just put an alert within the {} for the while loop, it shows the alert once, I click ok and everything works great after that. Could anyone point me in the right direction on this?
AwebappI am working onmust use millimeters instead of pixels for the top, left, width, height and font-size style attributes. There happens something strange when setting these style attributes with mm values.
It would appear that it is not possible to retrieve CSS properties such as min-width if they have been set from a class. However, I don't want to have to style everything directly with the style attribute whenever I need these properties. Is there a reliable method of getting these properties as applied to element from a CSS class?
i want to set page properties within the page itself. i can easily open a new window, but i don't want to have to do that. width, height, toolbar, scroolbar, navigation, etc... it seems like i've done this before, but for some reason i'm drawing a blank. any suggestions out there?
I'm trying to iterate thru form elements and pull out the ones with "note" in their name. getting "elementName has no properties" with the following code, and i don't understand why?[code]...
I have been working on an Ajax class, but have encountered a problem in IE which i cant seem to work around. In IE i get the following error, referring to the requestChange method.
"this.objParent.objRequest" is null or not an object
As the requestChange method is called as the onreadystatechange function, ive had to assign a variable referencing the parent Ajax object to the requestChange method, which is done in the Ajax construct method. This allows me to reference the Ajax Request Object from the requestChange function.... in firefox at least. Code:
I have a quere.How to get the url from the properties window in internet explorer using the java script.Ex: I opened browser and navigated to[url]....Now I right clicked on the page selected properties option.In the properties window i need to get the url using java script.
I am drawing lines inside of a <div> (wrapper) using <div> id's by incrementing the height and width properties using javascript functions. I use setTimeout to gauge the speed and clearTimeout for when the current line is finished being drawn. Then we call the next function to draw the next line ... etc.... etc.
At first I was going to go the whole "createElement" route. Then I thought "Why not go ahead and define all the lines and id's in the body of the page and just set the initial heights/widths to "0" (hence they will not be seen until we start to increment).
XHTML Transitional looks like this:
What do I have to do be able to set multiple style properties?
I am getting an invalid argument:
I have been through this once before. This time I am not leaving anything out in hopes that someone could elaborate on why does:
But:
To me, it looks like the same approach is being used.
I have a number of show/hide images on my site which allows the user to click on various thumbnails to open up the full image using layer based styles.
However, my Javascript seems to have developed an error saying that the object has no properties and then takes me to the following line of code:
obj.visibility='hidden';
This code was written for me so that i could use the script dynamically with PHP an alter the number of div layers it needed to generate.
The full(?) javascript for this function is:
function showImg(myShow) { var loopNum=99; for (x=1; x<=(loopNum); x++) //1 based loop
I would like to generate a page of links including some of the pdf properties (title, author, version, etc.) for a folder full of pdf's. Is this possible from Javascript?
I try to associate DOM nodes with other objects. Assigning custom properties to DOM nodes works in Firefox and Safari. It also works with HTML nodes in IE6. However, it appears not to work with XML nodes that are part of trees returned by XMLHttpRequest. How can I work around this limitation? For XML nodes, I need to be able to associate at most one object with each node.
The syntax I am using is node.customproperty = value