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.
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?
View 1 Replies View RelatedI have some code that does this:
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.
The code looks something like this:
<a onclick=document.all.music.filename="URL/FILENAME.ZZZ" ...
I like to set "URL" and "ZZZ" on a separate file.
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;
}
...
}
Any ideas?
Suppose I have global variables: x1, x2, x3
and I have a function that needs to assign a value to a new global variable
x4
something like
function foo ()
{
count = 0;
do {
count ++
varname = 'x'+ count
} while (globalExists (varname)
eval ( varname + ' = "I am new in the x-series" ' )
}
how would the function globalExists () be implemented ?
Here's my code:
//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
[Code]...
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.
I am totally new to javascript..
1. I am taking data by opening text file from the server using javascript XMLHttpRequest
2. Using that, i am planning to plot data....
In the following code , i am setting global variable inside for loop .
[Code]...
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;
[code].....
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'd like to move the global variables vertexBlaBuffer to the scope of the Geometry prototype [code]...
View 1 Replies View RelatedI'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 tried to set an onclick event with:
node_a.setAttribute("onClick","visibility_on_off_by_el('"+node_b+"');");
where node_b is a pointer to a DOM object: node_b = document.getElementById("a") The reason I passed a DOM object into a variable, was to avoid searches document.getElementById() each time. However, it will not work. I am confused I cannot figure out if it a a mistake of mine or just the way javascript works.
Could anyone explain why I cannot use variables as DOM objects in order to avoit each time a tree search document.getElementById("a")? Bellow is given the code with explanation when it works and when it fails.
[Code]...
//<input type="text" id="s_field" value=""/>
var valid = true;
var div = $("#s_field");
$.post("index.php",{id: 6}, function (data){
[Code]..
When posting data, and getting response need to set valid to false - email is not valid.
1. in function it alerts valid is false
2. outside function it says valid is still true!
even i didn't wrote var valid = false;, but valid = false;I need to set Global "valid" variable to false.
I'm making some jQuery UI elements, and once an element is created, I want to add some custom functions and variables - I don't want to clutter up other jQuery objects by putting the functions in all jQuery objects, and obviously, the variables need to be different between different objects. However, the issue is, when I re-acquire the item, I won't have access to the variable any more.
That was probably confusing. Another way of putting it:
(function($){
var _MyUI_id=0;
jQuery.fn.MyUICreate = function(opts){
this.each(function(){
var obj=$(this)
//... code to turn the object into a MyUI object omitted to be concise
obj.MyUI_id = _MyUI_id;
_MyUI_id++;
}}
})(jQuery)
//now, create one
$('#some_div').MyUICreate({});
//The desired effect would be to give me the id in #14, instead I get 'undefined'.
alert($('#some_div').MyUI_id);
My 'solution', is to create an object variable in jQuery.fn called 'Collections'. It's indexes are the names of the new types, and each contains an object, the keys of which are the IDs of the UI elements that are converted to the type, and the values the jQueries objects. This is not only hackish, but it has a LOT of potential bugs. The code for this would look like:
This is in the 'create' function, at the end.
jQuery.fn.Collections.MyUI[obj.attr('id')]=obj;
This is outside of the create function, but within the (function($){...}) scope.
//jQuery.fn.Collections is set to {} in another file.
jQuery.fn.Collections.MyUI={};
jQuery.fn.GetMyUI(id){
return jQuery.fn.Collections.MyUI(id);
}
This will allow the first block of code to work as desired, but it inserts a whole new set of bugs. What are the common ways to achieve what I am trying to do?
I've got a variable that holds a jQuery object. I would like to filter out all of the visible elements in that jQuery object. The problem is once I'm using a variable and not the jQuery object itself I don't know the semantics for filtering it. I have something like this:
var Foo = $("#Bar");
FilterFunction(Foo);
function FilterFunction(Foo) {
var Test = $(Foo + ":visible");
}
What is the correct syntax?
I was wondering how you would list multiple variables after a equal ==?
Example....
if ( pathname == schoolinformation, chaplainchatter)
$('#button_newspress_archive,#button_tech_college,#button_parent_portal,#button_transition_portal,#button_6th_form,#button_connect,#button_vacancies,#button_vle_login').css('display', 'none');
$('#school_information_sub').css('display', 'block');
if ( pathname != schoolinformation, chaplainchatter)
$('#school_information_sub').css('display', 'none');
Or even list multiple URL's within the variables?
Example
....
var schoolinformation = '/st-paul-s-website/school-information/school-news/headteachers-headlines', '/st-paul-s-website/school-information/school-news/chaplain-chatter-headlines';
function get_states(country_element,state_element){
countryElementIDHash = "#" + country_element;
stateElementIDHash = "#" + state_element;
$(stateElementIDHash).empty();
var geonameId = $(countryElementIDHash).val();
$.getJSON("[URL]",
{ 'geonameId': geonameId },
function(data) {
if (data.geonames == null) alert('No regions');
$.each(data.geonames, function(i,item){
$(stateElementIDHash).append($('<option>' + item.name + '</option>'));
});
});
}
I'm writing a function to populate a SELECT based on the select value of another SELECT. I can't figure out why this isn't working. It has something to do with not having "'s in my $(). for example: If this function wasn't dynamic.
The code:
$(countryElementIDHash).val(); could simply be
$("#country option:selected").val();
How can I pass dynamically assigned names into a $() ?
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 have an object with a member function that changes something on the objects state. This works perfectly fine in the easy case. But when I use an $.ajax call within the function it doesn't work. Here is the example code and failing QUnit tests: [URL]
View 3 Replies View Related