I'm new to javascript, but I need help and really hoping for a reply. I was trying to find an answer in Google but no result. So I have two table containing images, at the beginning only first table is displayed. Then when one of the images in the first table is clicked, a second table should appear, and user should click one of the images on that table. And that image should replace the one that was clicked originally in the first table.
So the question is, when the user clicks an image in the second table, how do I know what was originally clicked in the first one? I tried to use global variable but that doesn't work.
How can I have global variables and global arrays whose value(s) can be modified and accessed by all the Javascript functions in my HTML document as well as by the HTML code?
function openWindow(windowName){ timeStamp = new Date(); var timeStamp = timeStamp.getTime(); document.getElementById(window).style.display = 'block' }
blahblahblah . . . openWindow('order'); // calls openWindow function and sets timeStamp variable. alert(timeStamp);
then I get error: timeStamp is undefined. Why? I defined it as a global variable within openWindow. Am I just doing this wrong?
I`m building a site with html and GIF files on one server and audio files on another. That means I have to use absolute references to the audio files.
Problem is, the site will probably dwell some day in other server(s), and may also use a different audio format. I like to be able to globally change url strings and suffixes of the referenced files.
I think I can`t use "base href" because relative references (to files that are on the local server) would be affected.
I prefer to keep all my scripts in an external '.js' file. I am currently loading the external '.js' file from the header. Problem is I would like to declare a global variable in the external file, but I keep getting an error about the object does not exist.
Can someone tell me where or how to declare a global variable in an external file that is available after the page is loaded.
Is there a way to "pass" an XMLHttpRequest object to the callback function for onreadystatechange? Or a way to access it from onreadystatechange? I would like to avoid the use of a global variable...
Example:
/* How do I get rid of this global variable? */ xmlHttp = new XMLHttpRequest();
function myFunc() { ... xmlHttp.onreadystatechange = myCallBack; ... }
function myCallBack() { if (xmlHttp.readyState != 4) { return; }
//document.write("Test"); //Declare arrays stats = new Array(6); statMods = new Array(6); /* //Populate stat and statMod arrays
[Code]...
without first calling the other function that actually assigns values, it still works. As I said, though, if I assign values outside that function, then it all falls apart.
I've googled this and found a few different explanations that (as a PHP developer) are making absolutely no sense to me. I'm a total beginner with Javascript (not just jQuery) so a little help would go a long
i am having two global variables and i m setting their values on calling some function. After setting the values, i call a function in an object ...
if MyHint is an object and i am calling the function in it, but i am getting the values of global variables as undefined in the function of object MyHint. Is there any way to access the value of the global variables.
I cannot findout how I can write to global variables in a a JQUERY function. <script type="text/javascript"> function checkusername (username ) { $.post("[URL]", { action: 5, username: username }, function(xml) { result = $("apot", xml).text(); //<-- this variable is not global... why ?? message = $("message", xml).text(); //<-- this variable is not global... why ?? alert(message); //<--here variables are shown ok alert(result); }); alert(message); //<--here variable is NULL !! alert(result); //<--here variable is NULL !! } </sctipt>
I'm having trouble letting functions I defined in jquery read javascript global variables I defined elsewhere.. for example I have a function defined within my jquery
$(document).ready(function(){ function performTabSlide() { // do something with currentPosition;
i have this problem in passing values to a variable in a jquery function.
i have a js variable that accepts a certain value and then i want to pass this variable in the jquery function.
For example, this is my script: var autoScrollBool = "true" var autoScroolInt = "10" (seconds) stepcarousel.setup({
[Code].....
i want to replace the value of autostep: {enable:true to enable: utoScrollBool(the variable i created) , when i tried to assign it as is, its not working.
I have an HTML page which loads another page inside an IFrame. Each of the two pages has its own javascript code.
I would like to be able to define one global variable which will be accessed from functions in both scripts. The variable must be single. That means that if a script in one of the pages changes it, the change will be seen by the scripts in the other page.
I have an external js file used by an html page but I want to use global variables defined in the html page in the js file. for example...
<html> <head> <SCRIPT type="text/javascript" var test = "1"; </SCRIPT> <SCRIPT type="text/javascript" src="jscript.js"> </SCRIPT> </head>
So I have var test which is defined in my .html but my jscript.js also uses the variable. I am doing it this way because I have a lot of pages that are simular using the jscript.js functions but each page has different quantities and values of variables used.
I've got a function displayResults(imageArray); that first calls removeElements(); to get rid of the currently displayed list items. Both functions are part of class function eventBox(array, string, date). both displayResults(imagearray); and removeElements(); have been bound to eventBox(); by e.g. this.removeElements = removeElements;
However, from within displayResults(imageArray); this.removeElements(this.identifier + "eventsul"); evaluates to "undefined". Also, this.identifier called from within the function also evaluates to undefined (it doesn't in other functions). For some reason I can't access global functions and variables from displayResults(imageArray);. Any ideas?
Here is the code for displayResults(imageArray); :
I want to add a global event handler for mousedown that will register whenever the user clicks anywhere on the page but I'm having trouble.This is what I'm trying to do:
var body = document.getElementsByTagName("body"); alert(body); body.addEventListener(mouseDown, myHandler);[code]....
But the event handler is never called. I can't even seem to get access to the body. Is the body tag the wrong place to be assigning the mousedown handler? I'm trying to make this code work correctly in both IE and firefox.
On one of my sites, I have a reather involved page (searchable map). When the person leaves the page then all the AJAX generated information is lost. Is there a way that I can retain all this data in a cookie or so or how would you recommend I saved all the users information (perhaps using a database on the serverside).
I have 3 TextFields, called txtUSD, txtEUR, txtAUS. And a PopupList with the same values, minus the txt part, but I need to form the names of the TextFields to use based on the selection that the user made. So I've done this:
Code: function btConvert_Click(event){ var amount = document.getElementById("txtAmount").value; var rates = document.getElementById("lstConvertTo").value; var from = "txt" + document.getElementById("lstFrom").options[document.getElementById('lstFrom').selectedIndex].text; var to = "txt" + document.getElementById("lstConvertTo").options[document.getElementById("lstConvertTo").selectedIndex].text; var curr_from = document.getElementById(from).value; var curr_to = document.getElementById(to).value; if(curr_from > curr_to){ amount * rates; } else { amount / rates; } alert(result); }
But every time I try it I get this error: Code: mobile/main.js line 215: Result of expression 'document.getElementById(from)' [null] is not an object.
i am trying to make this code work on an array, ie. i have a for loop spinning out content from my data base and want to be able to to use this function on each paragraph of code individually.Of course i can make the loop increment useing i++ on this links and element ID for example, but i have no clue how to hand this in anyway to the jquery code.
[code]When I click on the "Button" link(<a href="#">Button</a>) the following text appears "1234567890" >>This works perfectly.When i click on the text "3345636" it hides over one second as defined in the Java Script >>This works perfectly.The problem is when I click on the new text "1234567890". Even though it has an id="Button" it doesn't hide at all?