JavaScript - Only Part Of Function Working

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.

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 ?

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'm presently trying to work through a tutorial at http://www.devarticles.com/c/a/JavaS...ld-Examples/3/

The code, as written in the tutorial fails when it comes to:

Code:

		        obj.onchange = function()
		        {
		        	this.hideError(obj);
		        };

Using Firefox's Web Developer Toolbar, I learned that (allegedly) "this.hideError(obj) isn't a function."

Event though it is clearly presented in the code as a function:

Code:

	// define 'hideError()' method
	    this.hideError = function(obj)
	    {
	        obj.parentNode.removeChild(obj.errorNode);
	        obj.errorNode	=null;
	        obj.onchange	=null;
	        this.valid	=true;
	    };

If I replace the obj.onchange with the contents of the function:

Code:

		        obj.onchange = function()
		        {
		        	//this.hideError(obj);
			        obj.parentNode.removeChild(obj.errorNode);
			        obj.errorNode	=null;
			        obj.onchange	=null;
			        this.valid		=true;
		        };

this now works... almost: it works when I hit the submit button.

This begs two questions:

1. What is wrong with the this.hideError(obj); function that none of my browsers (e.g. IE, FireFox, Chrome) recognize it as such?

2. Why are these browsers waiting for me to hit submit again, rather than changing as I change the contents of the input element? How could I fix this?

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 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";
}

Here's the code:

Code:

for (var i = 1; i < 5; i++)
    var pl = eval("player" + i)
    var namepl = eval("document.charInput.name" + i + ".value");
    var skillpl = eval("document.charInput.skill" + i + ".value");
    var genderpl = eval("document.charInput.gender" + i + ".value");
        switch (skillpl) {
            case "warrior":
                pl = new player(namepl, skillpl, genderpl, 20, 15, 0, 5, 5, 2, 2, 3, 3, 0, 0);
                logEntry("black", namepl + " is now a warrior.");
                break;
            case "mage":
                pl = new player(namepl, skillpl, genderpl, 15, 10, 20, 2, 5, 5, 5, 2, 3, 0, 0);
                logEntry("black", namepl + " is now a mage.");
                break;
            case "healer":
                pl = new player(namepl, skillpl, genderpl, 15, 10, 20, 2, 5, 5, 5, 2, 3, 0, 0);
                logEntry("black", namepl + " is now a healer.");
                break;
            case "archer":
                pl = new player(namepl, skillpl, genderpl, 20, 15, 0, 3, 3, 2, 2, 5, 5, 0, 0);
                logEntry("black", namepl + " is now an archer.");
                break;
        }
    }

Each player has three form values:
document.charInput.name1.value
document.charInput.skill1.value
document.charInput.gender1.value

In the case of the 2nd-4th player, it changes to name2.value, etc.

Based on these three inputs, I need to iterate through all four players and make the player object for each of them, as I've done above.

If anybody has any ideas on how to correct this or an alternative method, please help.

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);
        }

    }

}

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);   
}

Hi guys,

I am having a problem where the sorting function I have designed is supposed to sort an array of records into descending order in terms of each record's "score" value, I would expect the below code to alert 2,1,0 in that order but it's as if the code didn't even sort it.

Help would greatly be appreciated

Code:

var g=[{sco 0,index:0},{sco 2,index:1},{sco 1,index:2}]

function sortScores(scoreRecs){
	var swapped;
	do
		for(i=0;i<scoreRecs.length-1;i++){
			if(scoreRecs[i].score<scoreRecs[i+1].score){
				var a=scoreRecs[i]
				var b=scoreRecs[i+1]
				var c=a;
				a=b;
				b=c;

				swapped=true;	
			
			}
			else{
				swapped=false;
			}
		}
	while(swapped==true)
}

sortScores(g);
	alert(g[0].score);
	alert(g[1].score);
	alert(g[2].score);

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>

I have a clock that works onbodyload, however using the below function on the same page, stops my clock even coming up, any help would be great.

Code:

  <script language="JavaScript">
var HAS_EXPIRED = 'Time has Expired!';
var IS_NONE = 'None';
function secondCountdown(s){
	
	if(s){
		
		var timeleft = document.getElementById('timeleft').innerHTML;
		
		if((timeleft == HAS_EXPIRED) || (timeleft == IS_NONE)) return false;
		
		timeleft = timeleft.replace('<font>', '');
		timeleft = timeleft.replace('</font>', '');
		
		var time = timeleft.split(":");
		
		var secs = time[2] * 1;
		var mins = time[1] * 1;
		var hrs = time[0] * 1;
		
		secs += (mins * 60) + (hrs * 3600);
		secs -= 1;
		
		if(secs <= 0){
			
			document.getElementById('timeleft').innerHTML = HAS_EXPIRED;
			return false;
			
		} else {
			
			hrs = Math.floor(secs/3600);
			secs -= (hrs * 3600);
			
			mins = Math.floor(secs/60);
			secs -= (mins * 60);			
							
			if(hrs < 10)	hrs = '0' + hrs;
			if(mins < 10)	mins = '0' + mins;			
			if(secs < 10)	secs = '0' + secs;
					
			document.getElementById('timeleft').innerHTML = hrs + ':' + mins + ':' + secs;
			
		}
		
	}
	
	setTimeout('secondCountdown(true)',1000);
	
}

bootloaderAdd('secondCountdown()');
bootloaderOn();

</script>

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!!