I am making a drop down menu in javascript using a function in an external js file. Problem is in FF error console it keeps coming up that my ID that's being called in getElementByID in the function is not defined. Please help if you can, why is saying my ID is undefined??
View 2 RepliesI have a function that is going to toggle visibility based on status of checkbox...but when I try using the paramater i passed in, it gives me undefined...I am sure the correct values are being passed in because I tested it using alert(header) and alert(name)...Does it have to do with the browser or something?
Code:
function showHide (header,name) {
var table = document.getElementById('RackResults');//Get a handle to the tablE
[code]....
I've come across functions like the one below in many scripts.I just don't understand the purpose of the parameter! Nothing is being passed into the function when it's being called- so what's the point of specifying an argument???
function doSomething(e) {
if (!e) var e = window.event;
alert(e.type);[code].....
I'm trying to reuse a script I have but, I'm not able to due to the fact I can't use some variables in a function.
I would like to know why I am not able to use passed variables in javascript.
For example: I call a function submit_data( 'newDomainForm', 'add_domain', 'list_div' ), in the function itself I would like to use the form name (first variable passed) as document.form.domain_name.value.
Later on I would like to use the div id: list_div in document.getElementById( div_id ).innerHTML. This doesn't work.
I have to put the name of the actual div like this: document.getElementById( 'result' ).innerHTML
And to get the value of a form element I have to put the actual name like this:
HTML Code:
The code below is the relevant part to an autosuggest feature. The variable that isn't being passed is "firstValidIndex". It is being set appropriately, but when it is used in "sortArray()", its value is 0.
// here we must check to see if where the string matched was at the beginning of a string inside this.aNames
// firstValidIndex is the first index where the char is at the beginning of a string
[Code].....
This is the first question I couldn't find answered by Google! No doubt the answer is out there, but...
So I have a function that is being passed an array of nodes: some of them plain vanilla DOM nodes, (say, those created by document.createElement), others are jQuery nodes (say $("<div></div>").
What's the best way to determine if a node is of each type? I can obviously look at the node contents, but I wondered if there was a "best practices" here?
How I use $.ajax() for passed argument to php function other file example index.php.
View 1 Replies View RelatedI have just started using the data functions in jQuery for keeping track of a few items on the client. The user can click on links, which call a function that updates the display and stored data value.I am storing data as a set of columns, named c1, c2, c3 etc.
I update the relevant column like this
function UpdateCol(column)
{
[code]....
New to JS. Have ordered some new books, but need to get somethings going in the mean time. What I wanted to do is to link to a new page having a date range input in the form of 6 text boxes, 2 sets of mm-dd-yy, from and to, where the upon loading the page box 1 of the from would auto focus and then auto tab and then post where php could take over on the server side. Setting up the form and the lay out, no problem. Auto focusing went just like expected using the following code, included because on the next step everything fell apart.
Code:
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
So then the wheels came off and in response, began to simplify what was trying to be done to find where the issues were. As far as I can get working is:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc() {
alert("is this working");
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc()" maxlength="2" value="type a No." />
</body>
</html>
First issue with this: When I first get to the page everything is just as ordered. The focus is on the text box and the default value is "type a No." When I press a key onkeyup, I bring up the alert box with "is this working" in it. But when I refresh the page with the refresh button, after clicking the "ok" on the alert box, the character that was typed in is still displayed. If I use the link to the page, or the URL from the address bar, then the page reloads properly with the default value, "type a No".
How do you get the default textbox value using the refresh button as apposed to reloading the page using a link or from the address bar? Using Firefox 8.0 more important at the moment: If I change the script to pass an argument to the function the script crashes. It does not pull up an alert box and freezes. My guess is that I'm doing something wrong on a concept level. Changed the default value of the text box to " ". Looked like to me there was an issue with the size specification and the default string length as you could only enter in a key stroke by highlighting the text and replacing it.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc(awe) {
alert(awe);
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc("123")" maxlength="2" value="" />
</body>
</html>
I want to call a javascript function when a <span> is clicked, pass two variables to it, and then use jquery to hide that span.
A simple example is:
The variables (1,3) & (8,9) are loaded dynamically with a php script. Adding the two variables together isn't the intent of the script, but it seems the simplest way to explain what i'm after.
So how do you get $(this) to work in a function that has to have variables passed to it?
What I wanted to do is to link to a new page having a date range input in the form of 6 text boxes, 2 sets of mm-dd-yy, from and to, where the upon loading the page box 1 of the from would auto focus and then auto tab and then post where php could take over on the server side. Setting up the form and the lay out, no problem. Auto focusing went just like expected using the following code, included because on the next step everything fell apart.
[/CODE]
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
[Code].....
why this parameter is not passed to function ?
var myDIVnode1 = document.createElement("DIV");
// etc
myDIVnode1.appendChild(document.createTextNode("a"));
// this shows "a"
alert(myDIVnode1.firstChild.nodeValue);
myDIVnode1.onclick= function() { somefunc(myDIVnode.firstChild.nodeValue); };
function somefunc(param)
{
// this returns "undefined" !!??
alert(param);
}
Here is a small snip-it that I'm using to colour lines of a table as a user rolls over them.
function colour(){
var rows = document.getElementsByTagName("tr");
for(i=0;i<rows.length;i++){
[code]....
I am writing a Javascript to sort and write out some stuff. PHP is not an option so I need to get this script working.
The problem arises when I want to make a link to the next page. (i.e. Like the link in Google for the next 10 results)
I have <a href=# onclick=FUNCTION(VALUES)> written dynamically by the script.
It is written onto the document correctly, but the problem is, when the link is clicked, some seemingly random values are passed to the function.
When you run the code, the first alert will show all the values that a were passed to the function. The second and third will show what was written to the document.
If you try clicking the next button after the code loads, the values that result will be unusual.
<script>
How do i use a function to find the average of the values in an array of numbers passed as argument to a function.(using java script) thank you for your help...
View 1 Replies View Relatedhow would i build a multidimensional array? would it be: PHP Code:
var rinksAndPriceArray = new Array();
rinksAndPriceArray[0] = new Array();
rinksAndPriceArray[1] = new Array();
i've figured that out so far.
now, i want to be able to access a part of one of the arrays based on a variable that is passed into the function
the variable i'll send in will be the first part of the array ex: rinksAndPriceArray[0][0] and i'll want to return the rinksAndPriceArray[0][1] value.
I have several divs called 'profile', 'codesamples', 'artportfolio' and 'resume' which are hidden. I also have a visible div called 'bodytext' which is visible. When you click one of the links on my page, the function ClickButton is supposed to run, and send the information contained in one of the hidden divs into my visible 'bodytext' div. Instead, I get 'undefined' when I click one of the buttons.
[Code]...
I have searched and tried to fix this no idea. it keeps saying my funtion is undefined in firefox here is the function:
Code:
<script type="text/javascript">
function getFlashMovieObject(movieName)
[code]....
I have a single page with a single form, but I have split the form into 3 divs for styling purposes. I have some java script that is supposed to pull values from the text fields, and put them in a selct box using 'document.forms[0].name.value', but nothing is happening. I am wondering if having the form split into to divs is causing the JS to not be able to find the fields, using the forms array? Here is the form portion of the html code:
<form name="roster" action="">
<div id="left">
<dl>
<dt>Team Name</dt>
[Code].....
Here is a clip of code from a script project im working on. Now my document.getElementsByTagName is returning a "undefined" value.
<a href="[URL]" style="text-decoration: none; color: #EDDBAF; font-size: 16px;">
<center style="margin-left: 10px; margin-right: 10px;">
<font style="color: #EDDBAF; font-size: 16px;" id="title"></font>
</center></a>
<li id="name"><a http="[URL]" style="color: blue;">John Doe</a></li>
<script type="text/javascript">
var pname = document.getElementById('name').getElementsByTagName('a');
Now if I remove the ".getElementsByTagName('a')" it will actually work, but it also includes the <a> tag thats within the <li> tag, which I don't want.
document.getElementById('title').innerHTML=pname.innerHTML;
</script>
The following coding works in Konqueror 3.5.10 on Ubuntu 8.04.3 LTS but not on Firefox 3.0.10 Linux/3.5.7 XP, Opera 10.10 Linux or IE8 XP.I can't see why but it may be to do with the recursion (showtable calls onclick calls addit which calls showtable).Somehow it is not seeing the addit routine the second time round.It is meant just to add a line. Eventually it needs to be a complex table but this is for illustration. There are other ways to solve this but this would be the simplest - if it worked!What happens is that one line is added OK but then it chokes. This is what makes me think it is the recursion but I can't see otherwise how to make it write the updated text. I realise I should have a document.close() in it as well and I have tried adding <![CDATA[ ... ]]> as well.Other than in Konqueror, it gives an error message saying object not found (in IE8) or more explicitly:[code]
View 5 Replies View RelatedSuppose we have following javascript codes: Case 1.
var foo = function (){
var x = "hello";
var bar = function () {
alert(x);
} return bar;
} var bar_ref= foo();
document.write(bar_ref()); // it pops up "hello" and print-outs "undefined".
If we modified above code slightly, shown as follow: Case 2.
var foo = function (){
var x = "hello";
var bar = function () {
alert(x);
} return bar();
} var bar_ref= foo();
document.write(bar_ref()); // it only pops up "hello".
As you can see, Case 2 modified the return value from "return bar" to "return bar()," which won't cause the "undefined" output. To me, it looks like when the JS interpreter executes the line "bar_ref();" it triggers the execution of function "foo", besides both "return bar" and "return bar()" do the same job which is to execute function body of "bar".
The only difference is that after the execution of function bar, its function body does not exist anymore, so when the interpreter executes the line "return bar;" it follows the function identifier "bar" and ends up with "undefined". This is why the Case 1 gives us "undefined", but I am not quite clear about why the Case 2 can trace down to the function body of "bar". Do you have any ideas about such difference outputs?
Part 1 of this post I have tested the file i am working on firebug and it's html output result as:undefined can anybody and i have wondered what can be done to define?
HTML Code:
<td>
<ul id="Torpedo" class="undefined">
<li class="one">
<a title="1 Star" href="javascript:RateItem('Torpedo', 1);">1</a>
</li>
[Code]...
So the problem is in the connection from the rating.class.php to rating.js or inside the rating.js where there is not reference to the rated CSS class which define stage 3 in the illustration above. as I said it is suppose to go from stage 1 to stage 3 and define immediately instead with the rated css class instead of going from stage 1 to stage2 to stage 3
there is another file used in this system and it is a javascript file call prototype.js and it seem to be a general file used by most java scripts to pull out functions from there.
I have a link;
<a href="javascript:{}" onclick="DoSomething(this)">click me</a> And what i'd like to do is use the "this" object to manipulate the css of its parent;
function DoSomething(obj) {
if(obj) {
$(obj).parent.addClass("newstyle");[code]...
Does anyone know how to do this with jquery?
I have a small piece of code:
$(":input").each(function(){
alert(this.name);
---->OK
[code]....
I have been trying to figure this out for a few days now and have finally come to the point where I think I got it but may just need a little push to get what I want.
Heres the situation:
I have this function that uses ajax to access a database and returns the results in the responseText. That part is working fine, I have confirmed that the responseText contains the information that I need
**************code*****************************************
//new ajax already created and assigned to the variable xmlhttp//
var response_recieved = "some data";
function get_answer(Table_Name, Field_Name, Data_Type) {
[Code]....
As evidence by my posting, this is not working correctly. The variable response_recieved is coming up undefined outside of the callback function assigned to the onreadystatechangeproperty.
Based on the information that I have gathered online from various forums, I believe this issue has to deal with a problem with closure in the callback function assigned to onreadystatechange property. I don't think it has any. Based on the fact that there is no anonymous function in that function. But my problem is that the call back function is anonymous itself... I think???
get the variable response_recieved to survive outside of this function.