JavaScript - Function Not Working

I am trying to pass a value to another function, seems to work with the other function i have but not this one?

any reasons why this wont work?


Code:

/* ---------------------------- */
/* XMLHTTPRequest Enable 		*/
/* ---------------------------- */
function createObject() {
	var request_type;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
	request_type = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_type = new XMLHttpRequest();
	}
		return request_type;
}

var http = createObject();

/* -------------------------- */
/* SEARCH					 */
/* -------------------------- */
function autosuggest(q,f,r) {
alert(q+' '+f+' '+r);
// q = document.getElementById(var f).value; //
// Set te random number to add to URL request
nocache = Math.random();
http.open('get', 'ajax_search_for_airport.php?q='+q+'&f'+f+'&r'+r+'&nocache = '+nocache);





http.onreadystatechange = autosuggestReply(r);

/* this line is not working as expected, it kicks up an error 
Message: Type mismatch
Line: 26
Char: 1
Code: 0


i am wanting to pas the value of  r  to the other function.
*/


http.send(null);
}
function autosuggestReply(r) {
if(http.readyState == 4){
	var response = http.responseText;
	e = document.getElementById(r);
	if(response!=""){
		e.innerHTML=response;
		e.style.display="block";
	} else {
		e.style.display="none";
	}
}
}

function fill(r,fieldid,resultsid) {
e = document.getElementById(fieldid);
e.value=r;
document.getElementById(resultsid).style.display="none";
}

Hi
This is for a class project, for some reason only the first part is working. The (sales*.20) and all of my else if are not. Kind of stuck on this.

Code:

<script type="text/javascript">
	function bonus()
	{
	var sales 
	var excellent 
	var good 
	var fair
	var poor
	
	sales= document.workBonus.txtSales.value;
	sales= parseInt(sales);
	excellent= document.workBonus.chkExc.value;
	good= document.workBonus.chkGood.value;
	fair= document.workBonus.chkFair.value;
	poor= document.workBonus.chkPoor.vaule;
	
	
		if (sales && excellent)
		{
		alert(sales * .20)
		}
		else if (sales && good)
		{
		alert(sales * .10)
		}
		else if (sales && fair)
		{
		alert(sales * .05)
		}
		else if (sales && poor)
		{
		alert(sales * .01)
		}
	
	}

</script>

I'm having a small issue with being able to use the onclick more than once. When I load the page and click the link the request works fine the first time. But if I cancel the request then goto click the link again, nothing happens.


Code:

<a href="javascript:void();" onclick="sendRequest()">Send the request</a>

<script>
var request = {
    method: 'postrequest',
    message: 'You will like it',
    data: '123key'
};
function sendRequest() {
    postReq(request, function (a) {
        if (a && a.post_id) {
             
//Do something if sent
            
        } else {

//Do something if cancelled
       
        }
    })
}
</script>

I am creating a weather widget for the iphone. The program creates an xml request for a weather feed and then parses the response. Depending on the response different information is displayed. A different icon for each weather pattern. I have all of this working so far. What I want to integrate is the option to refresh the weather when a user taps on the icon.

Here is my code:


Code:

document.getElementByID("weatherIcon").innerHTML="<img src=\"Icon Sets/"+iconSet+"/"+MiniIcons[obj.icon]+iconExt/" border=2 onclick=\"refresh();\">"

Code:

function refresh()
{
weatherRefresherTemp();
}

I know that the function refresh works because it is called from another function that allows the refresh to happen automatically every 30 min. However, wanting to integrate an option to manually refresh I am trying to do it this way. The code never seems to fire, nothing happens. I've added the border option for testing and don't even see that. I've been using a javascript editor and I do not get any errors. Any suggestions would be greatly apprectiated.

I've been stuck on a piece of code for awhile. I have two items but they won't run at the same time only one will work:
Code:

function loadProductK ( prSrc, imgSrc, prDesc, pr$, prStock, prAnchor, rank ) 
	{
var  product ='<div class="productDiv" id="'+prAnchor+'"><img src="'+imgSrc+'" width="150" height="150" title="'+prDesc+'"/><div class="productname">'+prDesc+'</div><div class="product$">&euro;'+pr$+'</div><div class="productstock">'+prStock+'<div class="productvisit"><li onclick="loadPage("'+prSrc+'")">Check product >></li></div></div>'

var productpage = document.getElementById("imgLoad")
productpage.innerHTML=product

loadProductK ('page/p/bead1.html','page/i/bead1.jpg','Round Bead','1,22','In Stock','Bead1','1' )
loadProductK ('page/p/Bead2.html','page/i/Bead2.jpg','Three Round Beads','6,99','In stock','Bead2','2' )
	}

Now i need the function loadProductK to work for both of the loadProductK's as seen below.
Really need some help on this one.

hello, i have a form validator that works fine in chrome, safari, firefox...but not IE 8.. i'm pretty new at javascript... any help is appreciated

Code:

  function detect()
        {
            if(navigator.cookieEnabled == false)
            {
                alert('You must enable cookies in your browser!');
               	return false;
               	
            }
                     
                      
           if(document.add.color.value == "-Select Color-")
            {
            	alert('Please select a color!');
            	return false;
           
            }       
            
            if(IsNumeric(document.add.quantity.value) != true)
            {
            	alert('This must be a number!');
            	return false;
            }
            
            
            if(document.add.quantity.value == 0)
            {
            	alert('You must add at least one item!');
            	return false;
            }
            
            
                        
		}

and the html

Code:

<form name='add' onSubmit='return detect();' method='POST' action='process.php'>

I've been working on RSA encryption using javascript and php for quite some time but i'm not able to do it properly. i'm using the standard RSA.js,BigInt.js and Barrett.js javascript files for the javascript part but the thing that i have noticed is the public exponent is always 10001 or 3 . only then the function works. but the problem is the php file generates a comparatively larger public key exponent. if i use that in the javascript function it crashes. is there anyway out of this ?

I'll probably be laughed at for this attempt of coding, but all I am trying to do is read an input field, remove the "$" and write the new value in a different input field.

Code:

function convert_action (form){
var input1=form.input_field1.value;
var clean=input1.replace(/$/, '');
form.input_field2.value = clean;
}

Looks simple, and thought this would work, it kindof does, it just does not strip out the dollar sign... Help would be appreciated...greatly...

I have the following Javascript function that just refuses to work in Internet Explorer (since IE is absolute .......). Can anybody tell me why this wouldn't be working in IE and what I need to do to fix it? I am new to Javascript so don't really have any idea

Code:

function displaymember()

{

    var d = new Date();

    var curr_date = d.getDate();

    if (curr_date < 10)

    curr_date = "0" + curr_date;

    var curr_month = d.getMonth();

    curr_month++;

    if (curr_month < 10)

    curr_month = "0" + curr_month;

    var curr_year = d.getFullYear();

    //alert("date="+curr_date+" month="+curr_month+" year="+curr_year);
    for (i = 0; i < x.length; i++)

    {

        membershipstatus = (x[i].getElementsByTagName("membership_status")[0].childNodes[0].nodeValue);

        name = (x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);

        body = (x[i].getElementsByTagName("body_type")[0].childNodes[0].nodeValue);

        ethnicity = (x[i].getElementsByTagName("ethnicity")[0].childNodes[0].nodeValue);

        sex = (x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);

        profession = (x[i].getElementsByTagName("profession")[0].childNodes[0].nodeValue);

        seeking = (x[i].getElementsByTagName("seeking")[0].childNodes[0].nodeValue);

        date = (x[i].getElementsByTagName("date_joined")[0]);

        month = (date.getElementsByTagName("month")[0].childNodes[0].nodeValue);

        year = (date.getElementsByTagName("year")[0].childNodes[0].nodeValue);

        newa = document.createElement('a');

        aIdName = 'my' + i + 'a';

        ahref = '#';

        aclick = 'show(' + i + ')';

        newa.setAttribute('id', aIdName);

        newa.setAttribute('href', ahref);

        newa.setAttribute('onclick', aclick);

        newa.innerHTML = name + " | " + body + " " + ethnicity + " " + sex + " " + profession + " with " + membershipstatus + " membership seeks " + seeking + "<br/>";

        if (curr_month == month && curr_year == year) {

            document.getElementById("member").appendChild(newa);
        }

    }

}

I have a js replace function to replace text next to two radio buttons on a pre set form.

Script is as follows.
Code:

document.body.innerHTML = document.body.innerHTML.replace(
    "Payment by <b>Moneybookers</b> e-wallet<br>", ""
);
document.body.innerHTML = document.body.innerHTML.replace(
    "Maestro, Visa and other credit/debit cards by <b>Moneybookers</b>",
    "Pago con Diners Club, Mastercard o Visa"
);

The script works fine in Chrome and Firefox, however, the script is not actioned in Explorer.

I believe it has something to do with there being , / - within the text I am replacing? When I use the function to replace text with no , / - in the text - it works fine in explorer, however, for example when I try to replace text.. - "Maestro, Visa and other credit/debit cards by Moneybookers" this does not work in explorer.. I'm assuming because of the coma and forward slash. Honestly I've tried everything but just can not get this to work. I have no access to the HTML table where the form is posted this is why I am attempting this funtion. Any help would be greatly appreciated!!

Hi,

I wonder if someone can help! I am not a JavaScript programmer at all, so I cant really see what I am doing wrong with the following code...

Just to explain I have 2 fields on a form that retrieve monetary data from a mysql database. The data is a monetary value e.g. 12.59. Which works fine as normal. I have been asked to hide this value depending on what the customers preferences are set to i.e Show Price = Yes or Show Price = No. Hopefully that makes sense. After lots of deliberation I realised that I couldnt hide the fields because the database called an error saying the price data was missing. So I thought change the field type to a 'password field' and the price data would still be accepted by the database. This thankfully worked and didnt break the php code.

So I found some javascript code, chopped and pasted it and came up with the following script. This is called with an onclick event through a link.

<script language="JavaScript">
function changetype(){
var myTextField = document.getElementById('hf_showmobprices');
if(myTextField.value == "Yes")
document.getElementById('price1jd').type='password';
document.getElementById('price2jd').type='password';
else
return false;
}

I thought the above would work but it doesn't. If I take out one of the lines "document.getElementById('price2jd').type='password';", then it does work. After more playing around I thought, create a function caller as shown below but again that doesnt work. The first function works but the second function doesnt seem to work. I shoved in an alert just to check that the second function was being called and it is. So what I gather is It seems to convert the first price field to a password type field but not the second field. Does anyone know why? is it some thing to do with the getElement and can only run once? I am using FireFox 3.6 if that will help

<script type="text/javascript">
function checkprefs() {
price1();
price2();
}
</script>
<script language="JavaScript">
function price1(){
var myTextField = document.getElementById('hf_showmobprices');
if(myTextField.value == "Yes")
document.getElementById('price1jd').type='password';
else
return true;
}
</script>
<script language="JavaScript">
function price2(){
var mynewtestField2 = document.getElementById('hf_showmobprices');
if(mynewtestField2.value == "Yes")
document.getElementById('price2jd').type='password';
else
alert("alert2")
}
</script>

Any guidance would be much appreciated


john

I am studying Javascript from the Headfirstlabs book. Please see my coding below as per the instructions on page 26, the only thing that happens is the onload alert [Hello, I am your per rock] when the page loads, nothing else and no touchrock function or smiling face, I have the images where they should be. Can anyone tell me why it's not working on my end please?

Code:

<html>
  <head>
      <title>irock -The virtual Pet Rock</title>

     <script type="text/javascript">
         function touchrock ()  {
           var username = prompt ("What is your name?", "Enter your name here.");

           if (username) {
             alert ("It is good to meet you, " + username + ".");
             document.getElementByID ("rockImg").src = "rock_happy.png";
          }

        }

    </script>

  </head>

  <body onload="alert ('Hello, I am your pet rock.');">
     <div style="margin-top: 100px; text-align: center;">
       <img id="rockIMG" src="rock.png" alt="irock" />
     </div>

</body>
</html>

Hey All,

I've been fighting this one for a few months now, and it is causing me to have to create multiple functions that basically do the same thing. I am using the three functions below to replace text between two div tags on a page, based on a link that is clicked:

Code:

<td><a href=\"javascript:void(0)\" onclick=\"htmlData('ajax/loginContent.php', 'view=1','data=2','displayField=txtResult')\">Active Jobs</a></td>\n";

Then further down the page:
Code:

<div id="txtResult">replace this content</div>

For some reason, I CANNOT send the div id name as a js variable. When I do it errors out. BUT if I replace displayField in the js functions below with "txtResult" it works fine. I am fairly new to js, so it is definitely possible that I am doing something incorrectly. Anyone have any ideas for me?

Code:

function GetXmlHttpObject(handler) {   
   var objXMLHttp=null  
   if (window.XMLHttpRequest)   
   {   
       objXMLHttp=new XMLHttpRequest()   
   }   
   else if (window.ActiveXObject)   
   {   
       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")   
   }   
   return objXMLHttp   
}   
  
function stateChanged(displayField){
   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")   
   {   
           document.getElementById(displayField).innerHTML= xmlHttp.responseText;   
   }   
   else {   
           //alert(xmlHttp.status);   
   }   
}   
  
// Will populate data based on input   
function htmlData(url, qStr, qStr2,displayField){
   if (url.length==0)   
   {   
       document.getElementById(displayField).innerHTML="";   
       return;   
   }   
   xmlHttp=GetXmlHttpObject()   
   if (xmlHttp==null)   
   {   
       alert ("Browser does not support HTTP Request");   
       return;   
   }   
  
   url=url+"?"+qStr; 
   if(qStr2)
     url=url+"&"+qStr2;  
   url=url+"&sid="+Math.random();   

   xmlHttp.onreadystatechange=stateChanged(displayField);   
   xmlHttp.open("GET",url,true) ;   
   xmlHttp.send(null);   
}

I read that you don't allow homework assignments to be posted, but this is only one small section of the assignment (1 page of 5), and I have a migraine, and I am utterly hopeless and lost (ha)...

I was wondering if there was any errors you could point out to me that would explain why the button isn't doing ANYTHING (i.e. not calculating the sum, average, or grade) when i click it. I'm new to js so I'm sure it could be pretty much any n00b error in the function code.

But like I said any help would be greatly appreciated...

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head>
  
<link href="5A.css" rel="stylesheet" type="text/css" media="screen"/>



<script type="text/javascript">

function DisplayGrades()
{ var aNum= 1* document.getElementById("txtaNum").value;
  var bNum= 1* document.getElementById("txtbNum").value;
  var Avg = (aNum+bNum)/2; document.getElementById("txtAvg").value=Avg;
  var Sum= aNum+bNum; document.getElementById("txtSum").value=Sum;
  var alphaGr= document.getElementbyID("txtalphaGr").value=alphaGr;

if (Avg <=  60)

         alphaGr="F";

 if (Avg>60 && Avg <= 70)

        alphaGr="D";

 if (Avg>70 && Avg <= 80)
	alphaGr="C";

 if (Avg>80 && Avg <=90)
	alphaGr="B";

 if (Avg>90 && Avg <=100)
	alphaGr="A";}

</script>
</head>
<body>
<div id="wrapper">

  <div id="interact">
Enter your grade for Test 1: <input type="text" id=txtaNum" class="controls" size="10" /> <br />

Enter your grade for Test 2: <input type="text" id=txtbNum" class="controls" size="10" /> <br />

<input type="button" id="btnDisplayGrades" value="Display Grades" onclick="DisplayGrades();" />

<hr/>

Sum of Your Grades: <input type="text" id="txtSum" class="controls" size="10" readonly="readonly" /> <br/>

Average Grade: <input type="text" id="textAvg" class="controls" size="10" readonly="readonly" /> <br />

Alpha Grade: <input type="text" id="txtalphaGr" class="controls" size="10" readonly="readonly" />

  </div>
</div>
</body>
</html>