I've not done much in the way of JS, if really anything other than using javascript.com before, so this may be me bieng quite m00bish, but I am having problems with my script on a page.
In a nutshell, the script I have currently allows my viewers to make a selection from a drop-down list, and as a result, the embedded WMP object below starts streaming the selected video.
WMP gets the video name from the VALUE= element of each list item.
My aim is that as well as the page starting the selected video, that a paragraph of text will appear under the WMP object based on the selection showing information regarding that video.
I've tried playing with a VAR element, and then using document.write to print the variable name to the screen, but this only writes the value of the variable at the time of page loading, and does not refresh.
I am fairly new with Javascript and now I am on the DOM chapter of a book I'm using as a learning tool. Anyway here is my problem, I can't seem to access DOM nodes. For example: document.getElementByClass doesnt work, so does variable.nodeName. I also tried giving alert the value of the id by using this
var o = document.getElementById("x"); alert(o); alert(o.nodeName);
The first alert value returns null, while the second alert does not work at all.I've read in Google that this might be caused by the JS file loading before the whole html page. I tried using a library which supposedly will fix the thing but it didn't work.
I'm using jquery with wicket. I use jqTransform to skin all of my form components. This all works fine until it comes to skinning components that are added via ajax. I have manged to recall the jqTranform function from wicket and they are redecorated however the problem is that the components are already rendered when they arere-skinnedwhich causes them to briefly flash from the old style to the new style.
I was wondering if anybody could help me out a little. My goal is to update some information about a system every 2-5 seconds. The information needs to be displayed in some sort of table, but the size of the table needs to be able to shrink and grow. The main problem here is updating the table without refreshing the entire page and making any clicking noises. I was thinking maybe I can put the table in an iframe and use javascript somehow to update the iframe whenever neccesary.
I have <div id ="changeable"> with some html in it. I have a link that calls the function to replace the info in the div. The problem is that the "creative_development.inc" file is added to the top of the div and does not replace the content. How do I replace the content, and not just add content?
I'm creating a simple auto updating script based on PHP and using jQuery to set the interval to 1000 miliseconds. It works in FireFox, as the only one I've tested so far, but in Internet Explorer (Version 7 right now, didn't test others) it just freezes and doesn't auto update. Doesn't auto update either if I refresh the page, so something's messed up here.I'm using the same way of auto updating on other things, such as a chat-page - works on those in all browsers, so I'm kinda on a lost track here.
Here's the JavaScript/jQuery: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
What I am trying to do is assign a value to unchecked checkboxes. To do this I am running a function upon the submission of a form that checks the boxes for a value, and if they are not checked, assigns a value to them. I though I had it working, but for some reason I am getting a syntax error with the line that contains the "else"
My code is as below. The form name is deleterows and the form is dynamic so there can be any number of checkboxes (hence the for loop). Code:
I'm trying to make a physics program and have run into some trouble when i tried to update the div element by using the document.getElementById("target").innerHTML=c command, its in a loop and is supposed to update through every increment of the loop, but rather it only updates when it reaches the end of the loop. Here's the code:
I have a slideshow that also has links to allow the user to pick which slide they want to go to. That works okay for the most part, but once the user has selected a slide the slideshow continues to run, which I want to happen, but it continues to the next slide from when the loop function ran initially instead of the next slide in the show from the current slide. I tried recalling the function from the link function, but that really didn't do anything. I realize...at least I think that I realize that the function needs to be rerun from the new value of the count variable, but everything that I've tried to make it do that has been a colossal fail.Again I'm a novice here and this has to be written in plain javascript, otherwise I'd have gotten this done via jquery in probably 3 lines of code.
I've made a simple ajax script that's supposed to update a captcha image. The only part that doesn't work is where the new image replaces the old one on the page. The problem is that they both have the same source name which means that if I just update the image src, or the innerHTML of the div surrounding it, nothing happens, since the image src is the same and so would the innerHTML be.
I'm using jQuery 1.3.4 right now, and I have the problem where .css is not updating the style information of two items:The code below produces the underlined lines of output. The red parts show where I expect my calls to .css to update the values, and I do not see updated values. I've added '//FAIL' after the lines that aren't doing what I expect them to do, and also highlighted them in red.nyone have an idea what I might be doing wrong, or what might be causing this?
Element X (701.4833374023438) Y (284.41668701171875) W H cont(PM_MENU 499.48333740234375 217.06666564941406 200 47 itc() 501.48333740234375 284.41668701171875 200 13 INITIAL submenu (PM_BC_MENU) 86.58332824707031
I have a program that via an html form asks the user for information. When the user clicks submit a function is run that checks the values, if the values aren't of the correct type (nan etc) then an alert box pops up. If not then it proceeds to the results.
My problem is that the values of the fields in the form are picked up when the submit button is first pressed but when I correct the field errors and press submit again, it throws up the same errors in the alert box.
So how come the first time I press submit it gets the updated values of the variables (which contain the form values) but the second time it doesn't and I have to refresh??
I'm trying to set up a new window that contains a button. Then, if the user clicks the button, the window would display new information accordingly. I have written a simple test that won't seem to work:
<html> <head> <script language="Javascript" type="text/javascript"> var count = 0; function Window() {
I just wrote some javascript with a counter to call an ajax call of many records, but when it is around the 50th record the counter variable is not updating in time for the next ajax call resulting in duplicate results cause ajax is pullin the previous query again
I have a scroller on my pages that basically reads a text file and displays.. The problem that I am having is it doesn't update until I reload the page(even though the .txt file updates about every 3 minutes).. I would like it to update when the file has been changed.. Here is my page.
I have written a javascript version of tetris and at every 10th cleared line, I change the body background color more towards red. However, the page only seems to update parts of the background. It is only after min/maxing the window or otherwise forcing a redraw that the whole page background is actually updated to the correct color.
Any idea why this is and if/how this can be fixed?
This line works as expected, but it may be relevant to highlight. document.body.style.backgroundColor = "rgb(255," +GB+ "," +GB+ ")";
i've a simple script that basically replaces the textnode attached to the title tag. and i thought since i'm updating the title tag the window title will automatically change. unfortunately it does not :(. what is wrong ?
function getText(txtMsg) { if ( document.createTextNode ) { return document.createTextNode(textMsg); } return false; } function setTitle(newTitle) { var title = document.getElementsByTagName("title"); if ( title[0] ) { title[0].replaceChild(getText(newTitle), title[0].firstChild); }}
i know for sure this can be done coz gmail does that...but still wondering how else ?? btw i checked if this was getting updated to to DOM properly and it did that too
I am working on submitting a form with various info to update on db using jquery, ajax. The db is updating perfectly when I disable JS on firefox. When enabled, a few fields (adID, userID, comments) are not updating on the db. The field userID updated as zero, but the other two are blank.
Basically, what I want to do is update a textarea in the parent window with data from the child (pop-up) window.There's an add image button on the main parent window that, when clicked, opens a pop-up window to upload an image and select its alignment (left, center and right). When the image is uploaded successfully, I want to send an img tag with the path to the newly uploaded file (and the alignment in the style attribute) to a textarea in the parent window.The original plan was to upload the file in the parent window itself, but any Ajax file uploading tutorial that I read didn't work in my code, though I tested it outside of my code and it worked fine (didn't refresh the page). It doesn't need to be on the parent page, I just thought it would be easier than doing it through a pop-up window, and I don't want to bother figuring out why it's not working with my code so I'm sticking with a pop-up
I don't know if this is the right place to post this question but I think javascript might offer a solution. I have a 125 X 156 jpeg image with some text underneath in the right column of my home (.html) page and the same image and text in the right column of 47 other (.html) pages. When I alter the image and text in my home page I don't want to do the same 47 other times. How can I alter the image and text once and the alteration is reflected in all pages.
I'm using a fieldset with a set of form elements as a template, but when I clone the node and try to change the contained element names + ids, they are being set at some point, because I can 'alert' the new names/ids out, but they are not being changed in time to be written to the DOM.
The code is here. Take '?debug' off the address to ditch the alerts.
It's probably a dumb mistake I've made along the way, but I can't see the wood for the trees Any pointers would be great.
UPDATE: The function in question is 'addDate'. I have a form generated from PHP and I want to clone a group of elements and rename each from 'startTime1[h]' to 'startTime2[h]' etc. but the new elements are keeping the same name 'startTime1[h]'.
What's the easiest way to update multiple div's with AJAX? Right now I'm using the following code to update one div, but right after I've updated that div I would need to update another div that is dependent on the first div that is updated. Code:
I would like to update the value of an attribute in my XML file. The XML file is structured like this: <?xml version= "1.0"?> <ImageSettings imageLink= "one_image.jpg"/>
I'd like to use Javascript to update the imageLink attribute to change the image path. From searching the forum and the web I've gathered that I need to use XPath to parse the XML to find the attribute and then update it, but I'm not really sure how I'm actually meant to go about doing it!
I'm trying to alter the contents of a drop-down (select) list on the parent window from a child window in IE 6. After opening the child window, I set its opener to reference the parent like this:
childwin = window.open(...) if (childwin == null) childwin.opener = self;
Then, to update the parent select list from the child window, I do this:
opener.document.myForm.NameOfSelect.options.length = 0; opener.document.myForm.NameOfSelect.options[0] = new Option("", ""); for (var ixy = 1; ixy <= newDataArray.length; ixy++) { opener.document.myForm.NameOfSelect.options[ixy] = new Option(someNewDisplayText, newValue); }
This looks correct and works up to a point. I can empty the parent select by setting the its options.length to zero. But, when I try to add new options, IE gives me a "server threw an exception" message. Is all this even possible in IE?
