JavaScript - Assigning Ip To Hyperlink In Javascript

I am working with the google blogger API, and I am having an issue updating my global variable Response. I thought I understood how global variables worked, so I don't know if there is something different about the blogger API or if I'm making a dumb mistake.

Code:

<SCRIPT TYPE="text/javascript" src="http://www.google.com/jsapi"></ 
script> 
<script> 
google.load("gdata","1.x", {packages: ["blogger"]}); 
google.setOnLoadCallback(getMyBlogFeed); 
blogID = "1601946089552390859"; 
var feedUri = "http://www.blogger.com/feeds/"+blogID+"/posts/full?alt=json"; 
var Response = ""; 
function getMyBlogFeed(){ 
        var myBlog = new google.gdata.blogger.BloggerService('GoogleInc-jsguide-1.0'); 
        myBlog.getBlogPostFeed(feedUri, handleBlogFeed, handleError); 
} 

function handleBlogFeed(myResultsFeedRoot) { 
        Response = myResultsFeedRoot.feed.entry[0].content.$t; 
} 

function handleError(e) { 
        alert("There was an error in getBlogPostFeed"); 
        alert(e.caue ? e.cause.statusText : e.message); 
} 

alert(Response); 
</SCRIPT>

Here's what I think SHOULD happen: Response is initialized as a global variable with a value of "" setOnLoadCallback calls getMyBlogFeed which creates a blog object, then calls getBlogPostFeed which calls handleBlogFeed. handleBlogFeed stores a new string to global variable Response an alert pops up with the value of Response (as given by handleBlogFeed)
What actually happens is that the alert pops up with the original value of Response. I know that I can issue the alert inside handleBlogFeed, but that isn't the issue. My issue is that I'd like to use Response in other functions, but it isn't being updated as a global variable. What am I doing wrong that Response isn't updating?

On a related note, is there a way to return a variable from my handleBlogFeed function? How would I do that? -- I can't seem to figure it out.

Thanks!

P.S. I recognize that the best place to ask this is the blogger developer group. I've already posted this there, and no one has responded yet.

Hi,

I'm not even sure if that's the issue here, but I've isolated it and all the other code is working, so what I'm thinking is that if this:

Code:

      function togglePoly(poly_num) {
        if (document.getElementById('poly'+poly_num)) {
           if (document.getElementById('poly'+poly_num).checked) {
              gpolys[poly_num].show();
			} else {
              gpolys[poly_num].hide();
			}
        }
      } 

      function createClickablePolyline(poly, html, label) {
        gpolys.push(poly);
        var poly_num = gpolys.length - 1;
        if (!html) {html = "";}
        else { html += "<br>";}
        if (html) {
          GEvent.addListener(poly,'click', function(point) {
            if (!point) point = poly.getVertex(Math.floor(poly.getVertexCount()/2));
            map.openInfoWindowHtml(point,html); 
          }); 
        }
        label = "<a href='javascript:GEvent.trigger(gpolys["+poly_num+"],\"click\");'>"+label+"</a>";
        // add a line to the sidebar html
        sidebar_html += '<input type="checkbox" id="poly'+poly_num+'" checked="checked" onclick="togglePoly('+poly_num+');">' + label + '<br />';
      }

document.getElementById("sidebar").innerHTML = sidebar_html;

works here to hide/show a line,

then this:


Code:

function show(category) {
		for (var a=0; a<gpolylines.length; a++) {
          if (gpolylines[a].mycategory == category) {
            gpolylines[a].show();
		  }
        }
		for (var i=0; i<pts.length; i++) {
		 if (pts[i].mycategory == category) {
            pts[i].show();
		  }
        }
	}
		
function hide(category) {
		for (var a=0; a<gpolylines.length; a++) {
          if (gpolylines[a].mycategory == category) {
            gpolylines[a].hide();
		  }
        }
		for (var i=0; i<pts.length; i++) {
		 if (pts[i].mycategory == category) {
            pts[i].hide();
		  }
        }
	}
	
      // this variable will collect the html which will eventually be placed in the sidebar
function togglePoly(category) {
if (document.getElementById(category)) {
           if (document.getElementById(category).checked) {
         show(category);
        } else {
          hide(category);
        }
      }
}     

function createClickablePolyline(poly, html, name,category) {
        gpolys.push(poly);
        var poly_num = gpolys.length - 1;
		var category = lines[a].getAttribute("category");
 		 midLineArrows(pts, category);
        GEvent.addListener(poly,'click', function(point) {
            if (!point) point = poly.getVertex(Math.floor(poly.getVertexCount()/2));
            map.openInfoWindowHtml(point,html); 
         }); 
		 // add a line to the sidebar html        
		 label = "<a href='javascript:GEvent.trigger(gpolys["+poly_num+"],\"click\");'>"+label+"</a>";  
     sidebar_html += '<input type="checkbox" id="'+category+'" checked="checked" onclick="togglePoly('+category+');">' + label + '<br />';
	  }

document.getElementById("sidebar").innerHTML = sidebar_html;

should work here to show/hide lines and arrows

the difference of course being that the first code uses poly_num, which is taken directly from the
Code:

var poly_num = gpolys.length - 1;

code (because it only needs to show/hide one line at a time) whereas the second uses the xml attribute "category" from here
Code:

var category = lines[a].getAttribute("category");

because it's attempting to hide and show a line with arrows on it (the arrows being in the pts array), both of which share the category attribute.

It's not throwing up any major errors, but it's not working, either... any suggestions would be great...

thanks in advance...

var selwindow = window.open('child1.html','_blank','resizable=yes,width='+(screen.width-500)+',height='+(screen.height-500)+'');
selwindow.document.selectform.childText.value=document.getElementById('pdetails1').value;


I am using this code to assign a value for textbox in the child window. It works well in Internet Explorer, but it shows an error when run in Firefox. It shows: selwindow.document.selectform is undefined.

Here, "childText" is the current window textbox id, "pdetails1" is the child window text box id,"select form" is child window form id

I am trying to set my cookies with the click of a button and display them with another button and have them expire one day after visit. I have been having some trouble with this and have written and rewritten code many times. How can I get this code to work? (not very familiar with setting cookies) Any help with this would be greatly appreciated. Thank you.

Below is the cookie script I am working on which I am having trouble with:
Code:

<script>
                        var equipment = document.forms[0].equipment.value;
			var pDate = document.forms[0].pickupDate.value;
			var pHour = document.forms[0].pickupHours.value;
			var pMin = document.forms[0].pickupMinutes.value;
			var rDate = document.forms[0].returnDate.value;
			var rHour = document.forms[0].returnHours.value;
			var rMin = document.forms[0].returnMinutes.value;
			var first = document.forms[0].firstName.value;
			var last = document.forms[0].lastName.value;
			var street = document.forms[0].street.value;
			var city = document.forms[0].city.value;
			var zip = document.forms[0].zip.value;
			var dob = document.forms[0].date.value;
			
			var cookieValue = equipment +"~" + pDate + "~" + pHour + "~" + pMin + "~" + rDate + "~" + rHour + "~" + rMin + "~" + first + "~" + last + "~" + street + "~" + city + "~" + zip + "~" + dob
			
			var expDate = new Date();
			expDate.setTime(expDate.getTime()+(1*24*60*60*1000)); // one day ahead

			function setCookie(isName,isValue,dExpires) {
				document.cookie = isName + "=" + isValue + ";expires=" + dExpires.toGMTString() + "path=/";
			}

			function getCookie(isName){
				cookieStr = document.cookie;
				startSlice = cookieStr.indexOf(isName+"=");
				
				if (startSlice == -1) {return false}
					endSlice = cookieStr.indexOf(";",startSlice+1)
				if (endSlice == -1){endSlice = cookieStr.length}
					isData = cookieStr.substring(startSlice,endSlice)
					isValue = isData.substring(isData.indexOf("=")+1,isData.length);
				return isValue;
			}

			function dispCookie(isName) {
				nValue = getCookie(isName);
				alert(nValue);
			}

			function deleteCookie(isName){
				if (getCookie(isName)){
				document.cookie = isName + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
				}
			}
</script>

This is the input field in the body part of the form:
Code:

<input type = "button" value = 'Set Cookies' onclick = "setCookie('anyName','Hello',expDate)">

So I am working on an excercise that the User puts in a Lastname, Firstname, and a score via textboxes. When the user pushes the add student score it should show up in the text area with this format " Brown, John: 92". When looking at the logic, I understand that each text box will need to be different arrays if im right, and then I will have to concat all three arrays into the format and assign it to a variable. Then assign the variable to the value of the text area. I just cannot seem to put the function together or how you would go about it. I just need help with how to go about putting it together. The first code is my body of HTML I'm working with.


Code:

<body>
<div id="content">
    <h1>Student Scores</h1>
	
	<div id="buddy">
	<b>Last Name: </b><input type="text" id="lastName" />
		
	<b>First Name: </b><input type="text" id="firstName" />
	
	<b>Sco  </b><input type="text" id="score" />
	
	<input type="button" id="calculate" value="Add Student Scores" />
	</div>
	
	
	<fieldset>
	<legend>Student Scores</legend>
	<p id="tasks"><textarea id="task_list" rows="20" cols="100"></textarea></p>
	</fieldset>
	
	<div id="yoohoo">
	<b>Average sco  </b><input type="text" id="averageScore" />
	<div>
	
	<div id="yes">
	<p><input type="button" name="add_task" id="add_task"
        value="Clear Scores" /></p>
		
	<p><input type="button" name="add_task" id="add_task"
        value="Sort By Last Name" /></p>	
	</div>
</body>

I am trying to figure out how to assign a value to a global variable within a function and can't seem to figure it out. Here's my thought,

Code:

<script type="text/javascript">
var global1=""; var global2="";

function assign(vari,strng){
    vari = strng;
}
</script>...

<input name="box1" onblur="assign('global1',this.value)"/>
<input name="box2" onblur="assign('global2',this.value)"/>
...

The purpose behind this is creating a form that will work with an existing database that would normally have a text area with lots of information. I am trying to turn it into a checklist that I can run from a mobile device. The global variables woudl be used to fill in a hidden text area that would then be passed on to the database upon submission. I am trying to keep the code as compact as possible. Any ideas?

I currently have a table where the current cell (cursor hover) is highlighted along with the top cell in that column and first cell in row. I want to assign the values in these cells to input text fields. The first column cell is identified by Col1Cell[0] where Cell is the top table data cell of the current column.
I can access the value of the cell by Col1Cell[0].innerHTML But when I try to assign this value to a text field nothing happens.
I have
Code:

document.getElementById("tableID").fieldID.value = Col1Cell[0].innerHTML

Any ideas?

function get_price()
{
var the_price=1000;
if (this.speed=="500MGz")
the_price+=200;
else
the_price+=100;
if (this.hdspace=="15GB")
the_price+=50;
else
the_price+=25;
if (this.ram=="128MB")
the_price+=150;
else
the_price+=75;
return the_price;
}

function computer(speed,hdspace,ram)
{
this.speed=speed;
this.hdspace=hdspace;
this.ram=ram;
this.price=get_price;
}

var work_computer=new computer("2GHz","80GB","1GB");
var home_computer=new computer("1.5GHz","40GB","512MB");
var laptop_computer=new computer("1GHz","20GB","256MB");

var work_computer_price=work_computer.price();
var home_computer_price=home_computer.price();
var laptop_computer=laptop_computer.price();


___________________________________________________

In the above code, the line I'm having trouble with is marked red.

Why is it that when I call the method using ...

this.price = get_price;

It works fine.

But if I assign the object this.price with like this...

this.price = get_price();

I get an error?

Isn't get_price() a function? So shouldn't the parenthesis be included when the method is called? Why are we suppose to leave out the parenthesis?! I'm confused.

Thanks!

*Edit: I thread title should probably be "Initialize indices..."*

I've done quite a bit of research but couldn't find what I need to know so here I am.

I have some javascript generated by php that reads a configuration file to add options to a select menu. This is somewhat irrelevant but... these options are removed from the menu when clicked and data related to the option is shown on the page... and the option gets re-added when the data is closed. I need the option to go back in the correct place/order in the select menu... which wouldn't be a problem if I could initialize the indices of the menu's options. They need to be initialized because when the page is created, saved settings are read and certain options are not shown in the list because they may already be shown according to the settings... meaning... since browsers automatically increment the indices of the options by 1 (starting at 0), if data is closed that was initially open and therefore not in the select menu at first... the key/index associated with that data will likely not match the correct menu order.

Code:

<script type="text/javascript">
	function addOptionToSelect(selectID,index,offset,val,txt) {
		var elSel = document.getElementById(selectID);
		elSel.options[index+offset].value = val;
		elSel.options[index+offset].text = txt;
	}
	function addLoadEvent(func) {
		var oldonload = window.onload;
		if (typeof window.onload != 'function') {
			window.onload = func;
		} else {
			window.onload = function() {
				if (oldonload) {
					oldonload();
				}
				func();
			}
		}
	}
<?php
	foreach ($props as $k => $prop) {
		if (!in_array($prop, $_SESSION['crProps'])) {
?>
	addLoadEvent(addOptionToSelect('propertySelect',<?php echo $k; ?>,1,'?p=<?php echo $prop; ?>&k=<?php echo $k; ?>','<?php echo $prop; ?>'));
<?php
		}
	}
?>
</script>

For example, suppose I have the following potential data sets: a,b,c,d,e,f

In the config file that helps create the page, suppose it is something like: <Default>0:a|2:c|3:d</Default>
(FYI: I've designed it so that the data set names/options are separated by the pipe character ("|") and their corresponding index is the number to the left of the colon.)

Then the select menu that is initially generated would be something like:
(Every other data set name except for what is already open by default.)
<select id="bleh">
<option value="b">b
<option value="e">e
<option value="f">f
</select>

And by default, browsers would assign the indices like so:
(skipping getElementById and all that...)
select.options[0].value = b
select.options[1].value = e
select.options[2].value = f

Whereas, I need it to be initialized like this:
select.options[1].value = b
select.options[4].value = e
select.options[5].value = f

So that when the data sets initially open are closed (a, c, or d)... they get put in the correct position in the list.


I just thought of something... it's a little inefficient (OCD lol) but it should work and at worst would only cost a couple of milliseconds of processing time. A solution to this problem might be to load the menu with all options so that their indices are correct... and remove the defaults afterward. I'll try it.

Here's my object constuctor:
Code:

function suggest_object(result_id)
{
	this.in_result_div = false;

	this.search_element = document.getElementById(result_id);
}

And the execution code:
Code:

var suggest = new suggest_object(result_id);

document.getElementById(result_id).onmouseover = function(){suggest.in_result_div = true;}

It works as is, but i'd really like to be able to set the onmouseover inside of the object. Something like

Code:

function suggest_object(result_id)
{
	this.in_result_div = false;

	this.search_element = document.getElementById(result_id);

	this.input_element.onmouseover = function()
	{
		this.in_result_div = true;
	}
}

So how can I get the 'this' inside the onmouseover function to refer to the object?

I recently started designing websites, I'm pretty good with working in the design area of expertise. However I am not so great at the development part. I have had little to no experience with java programming. I am putting e commerce on my clients site. He is selling an item that varies in price depending on what size it is. What I am trying to do is have a input for the length and the width and then display the price. I have configured the length and width to multiply and can display the total but I don't know what the if then statement would look like for the price. So lets say the user puts in 4 length and 4 width. I can display 16. But I want to take that and say if =16 then display $21.50 or whatever the cost would be. But I cannot figure out how to code it right for the if then part and then the display part. I am very new to java programming and think i might be a little out of my league with this project but any help you can offer would be great. thank you.

The simplified code below works, and should give you an idea of what Im trying to achieve. The final version will have dozens of input fields so you can see why the below method stinks

Code:

<html><head><title>Values</title>

<script type="text/javascript">
<!--
function getid() {
var myNum = document.frm1.field1.value;

if(myNum == "A"){
	document.frm1.field2.value = "1"
} else if(myNum == "B"){
	document.frm1.field2.value = "2"
} else {
	document.frm1.field2.value = ""
}

var myNum2 = document.frm1.field3.value;

if(myNum2 == "A"){
	document.frm1.field4.value = "1"
} else if(myNum2 == "B"){
	document.frm1.field4.value = "2"
} else {
	document.frm1.field4.value = ""
}

}
//-->
	
</script>

</head><body>  

<form name="frm1" id="frm1">

	<input type="text" size="40" name="field1" id="field1" onChange="JavaScript:getid();" /><input type="text" size="4" id="field2" name="field2" /> <br>

	<input type="text" size="40" name="field3" id="field3" onChange="JavaScript:getid();" /><input type="text" size="4" id="field4" name="field4" /> <br>
</form>

</body>  
</html>

Each text input will have A or B written in by the user, which should automatically place that letters associated ID in its partner field. If any other letter is entered the ID will automatically be left blank.

With the above code I'd need to repeat it over and over for each of the dozens of input fields. The final version wont be using simply A/B either but around 50 possible inputs each with their own ID which would make around 1000 possible variations. What am I missing here that will simplify the process? Thanks

Okay, I am taking a js class and there is one minor bug that is driving me crazy with this assignment.

First, here is the code I wrote, then my question:

Code:

var games = ["Jacks","Chutes and Ladders","Extreme Uno","Bopit","Barbie Doll"];
var price = [4.00,15.99,25.00,27.99,32.00];
var inventory = [40,15,30,20,40];

//I could not figure out how to make this work without assigning values first. It was giving NaN.
var subtotal = [0,0,0,0,0];
var qtySold = [0,0,0,0,0];

function chooseItem() {
	var answer = 0;
	
	while (answer != 6) {
		var orderForm = "Choose a number below:\n";

		for (var i=0; i<games.length; i++) {
			orderForm = orderForm + (i + 1) + ".) " + games[i] + ": # in stock: " + inventory[i] + "\n";		
		}
		orderForm = orderForm + "6.) Show Sales Summary";
		answer = prompt(orderForm);
		answer = parseFloat(answer);
		
		if(answer != 6 && answer >= 1 && answer < games.length+1) {
			var qty = prompt("How many " + games[answer-1] + " would you like?");			
			qtySold[answer-1] = parseFloat(qtySold[answer-1]) + parseFloat(qty);
			subtotal[answer-1] = qtySold[answer-1] * price[answer-1];
		} else if (answer < 1 || answer > 6) {
			alert("Invalid Answer");
		} else {
			alert("Click OK to see your summary:");
		}
	}
	var summary = "Your Sales: \n";
	for (var j=0; j<qtySold.length; j++) {
		summary = summary + qtySold[j] + " " + games[j] + " at " + currency(price[j]) + " each for a total of " + currency(subtotal[j]) + "\n";		
	}
	alert(summary);
}

So basically, the arrays subtotal and qtySold need to retain values in case the "customer" chooses to add more of the same item in each order. What you see above works; however, when I alert the summary, it lists all of the items, even if there were none ordered. It simply says 0, but that is not what I want.

Basically, I only want the total to reflect only the items that were actually selected.

I do not what to do it this way:
Code:

var subtotal = [0,0,0,0,0];
var qtySold = [0,0,0,0,0];

I can effectively do this by NOT assigning any values to the qtySold array in the beginning: i.e. doing it this way:

Code:

var subtotal = new Array();
var qtySold = new Array();

The only problem is that when I do this, I get NaN at this point:
Code:

qtySold[answer-1] = parseFloat(qtySold[answer-1]) + parseFloat(qty);
			subtotal[answer-1] = qtySold[answer-1] * price[answer-1];

obviously, this is because I am referencing qtySold[answer-1]
directly in the loop - so the first time through, there is nothing assigned.

I can't (just before this line) assign 0 to each array item - to get it defined because if the user goes back in and adds more, it will always reset the number back to 0, which is not what I wanted.

I tried adding an if..else statement instead, but cannot figure out how to get that to work?

What are my options here?

Thanks!

Mike

I'm developing a simple game that involves a system of interconnected nodes with unidirectional travel between nodes (similar to the circulation system!). The goal of the game is to get from a starting node to an ending node, which can be a variable number of nodes away.

The program picks a random starting point, then randomly chooses one of its connecting nodes (cNodes) and pushes it onto a pathArray. A cNode is randomly chosen from this new node and it is pushed onto the pathArray. This continues for a designated number of turns, thus generating a pathArray (invisible to the player). The last element in the pathArray is the endNode and the goal of the puzzle.

At each node the player is given two options of travel (though there may be more than two ways to go). One of these options MUST be the correct way if the player has not deviated from the path up until that point. If the player has deviated, this option can be any cNode. The other node is any cNode that does not lead to the endNode.

The following code contains a simplified list of nodes that represents the content in my game. The function, however, is taken word for word. In this snippet, the pathArray & startNode have already been generated and I am trying to resolve how to assign "nodeChoice" as either the correct direction of travel (for a player on the correct path) or any random cNode (for a player who has deviated from the path). Keep in mind that the pathArray and cNodes lengths can be any size.

Code:

<script>

//NODES:
var nodeA = {name:"A"};
var nodeB = {name:"B"};
var nodeC = {name:"C"};
var nodeD = {name:"D"};
var nodeE = {name:"E"};
var nodeF = {name:"F"};
var nodeG = {name:"G"};
var nodeH = {name:"H"};
var nodeI = {name:"I"};
var nodeJ = {name:"J"};
var nodeK = {name:"K"};
//An array of all nodes in the system:
var systemArray = [nodeA, nodeB, nodeC, nodeD, nodeE, nodeF, nodeG, nodeH, nodeI, nodeJ, nodeK];

//Connecting Nodes (cNodes):
//(uni-directional, but cyclical)
nodeA.cNodes = [nodeB, nodeC];
nodeB.cNodes = [nodeD, nodeE, nodeF];
nodeC.cNodes = [nodeF, nodeG];
nodeD.cNodes = [nodeI, nodeH];
nodeE.cNodes = [nodeJ];
nodeF.cNodes = [nodeK];
nodeG.cNodes = [nodeK];
nodeJ.cNodes = [nodeA];
nodeK.cNodes = [nodeA];
nodeI.cNodes = [nodeA];
nodeH.cNodes = [nodeA];

//The path chosen (generated from code not included here)
var pathArray = [nodeA, nodeB, nodeE, nodeJ];

//nodeChoice will represent a cNode from any given node
var nodeChoice;

//chooseNode is supposed to assign nodeChoice the next element in pathArray if the player on on the right path (if at nodeB, nodeChoice = nodeE).
//However, if the user has taken a different path, its cNodes will not be in pathArray in which case a random cNode is assigned to nodeChoice
function chooseNode(_node) {
	//check each cNode to see if any are in pathArray
	for (var j = 0; j < _node.cNodes.length; j++) {
		//if a cNode is in pathArray, then we know to assign it nodeChoice...
		if (_node.cNodes[j] in pathArray) {
			nodeChoice = _node.cNodes[j];
			console.log("choiceNode CORRECT: " + nodeChoice.name); //(for debugging purposes only)
		}
		//...otherwise don't do anything in this forLoop/ifStatement
	};
	//if by this point nodeChoice is still undefined, meaning none of the current node's cNodes are in pathArray, assign it any one of its cNodes.
	if (nodeChoice == undefined) {
		nodeChoice = _node.cNodes[Math.floor(Math.random()* _node.cNodes.length)];
			console.log("choiceNode INCORRECT: " + nodeChoice.name);//(for debugging purposes only)
	};	
};

//Runtime:

chooseNode(nodeB);
//Result should be only nodeE.name since nodeD is not in the pathArray...
console.log(nodeChoice.name);

</script>

...however, nodeChoice is assigned either D, E or F randomly and we are given the troubleshooting statement "choiceNode INCORRECT: D (or) E (or) F", indicating that the if-in statement is always ignored.

I know that the if-in statement doesn't work but am not sure how else to write it so that each cNode is compared the each element in pathArray, both of which can be of variable lengths...

a href tag is working finely.but the hyper-linked page is opening in the same tab..how to open it in different tab..please help me out..