JavaScript - Passing By Value And Passing By Reference

I think this is what I am trying to do, I am pretty new to javascript so I'm not sure... but here is my question... I got this function below.

Code:

function getProductInfo(id) {
	var sku = window.document.InvoiceForm.Item0Sku.value;
	alert(sku);
}

when I use the 0 I get the right value back, however whenever I try to pass it the id variable with a value of '0' I can't seem to compose the concatenation correct in order to recieve the correct value.

I either recieve errors or the whole window.document.InvoiceForm.Item0Sku.value string back in the alert, what am I doing wrong?

Hi, I am trying to pass data from one page to the next using a search. I have a search engine and im trying to get it to pass the data of the search to the search results page. im using this code Code:

<script type="text/javascript">
	window.onload = function (){ try{document.getElementById('q').focus();}catch(e){} }
	
	function search()
	{
		var search_text = document.getElementById('q').value;
		window.location = '/search/'+encodeURI(search_text)+'/';
		return false;
	}
</script>

and I am using this for the search
Code:

	<form action="/search/" method="post" onSubmit="return search();">
		<input type="text" id="q" name="q" value="" class="searc" style="width:350px; height:30px; font-size:18px; color:#C19051" />
		<input type="submit" style="height:30px;" value="Search" class="submit"/>
	</form>

Can anybody help me with this? Thanks

Should be simple, but I'm having a complete brain fart. I need to call a function, with a parameter that triggers something relative to that parameter.

Pseudo Example Code:

function respawn(n) {
case 1
//respawn monster1 code
case 2
//respawn monster 2 code
case 3
//respawn monster 3 code
}

if(killed monster1) {respawn(1)} //respawn(monster1) is what I want to do
if(killed monster2) {respawn(2)}//respawn(monster2) is what I want to do
if(killed monster3) {respawn(3)}//respawn(monster3) is what I want to do

I can... Code:

function respawn1(){
//respawn monster1 code
}
function respawn2() {
//respawn monster2 code
}
function respawn3() {
//respawn monster3 code
}
if(killed monster1) {respawn1()}
if(killed monster2) {respawn2()}
if(killed monster3) {respawn2()}

but if I have 10+ monsters I just figured a case structure would be good, or passing the monster to respawn to a single respawn() function......but all the switch examples I could find were based on dateTime which gave case 1-7 based on what day it was, and didn't show how you set your own cases like monster1, monster2, monster3....

I know this is a basic concept...I've read about functions he http://www.quirksmode.org/js/function.html and at w3schools of course but can't figure out how to apply it to my situation

Thanks

Code:

function viewDetails(rowid,linkid){
	
	
	alert("enterining into bundles");
	if(linkid=='seobundles')
	{
	alert("enetering into if ");
	document.chwAnnouncementW.action='${contextPath}'+"/dolphin.wss/viewSeobundleW?rowindex="+rowid;
    		document.chwAnnouncementW.submit();
		
		
		
		
		
	
	}

	else
	{

	alert(linkid);	
	document.chwAnnouncementW.action='${contextPath}'+"/dolphin.wss/viewSeoW?rowindex="+rowid;
    		document.chwAnnouncementW.submit();
	}
	
	
}

Actually i am passing linkid="seobundles" as string but its not interpreting and it is always going to else part and not if part. I tried to print link id its teling its of object HTML table type and we are passing the two parameters rowid, linkid from a macro. rowid is working fine as and when we select radio buttion but linkid is not working as an string. IF i pur linkid in single quotes then also its not working

<!-- *** NOTE:*** I EDITED THIS SCRIPT WITH YOUR SUGGESTION *** -->
<!-- *** THE SCRIPT IS STILL NOT WORKING *** -->

ALSO: Would the second drop down need to be in <?php tags - or is it being populated with just "java"


<!-- *** THE FIRST DROPDOWN GETS THE DATA FROM (db)qw_groups BUT DOES NOT "@GET" and pass the value to qw_groupitems *** -->
<!-- *** first dropdown value=$group[id] *** -->
<!-- *** Then second dropdown should populate with: $q = mysql_query("SELECT * FROM qw_groupitems WHERE GroupId ='$groups'"); *** -->
<!-- *** the .php code listed below, the page is: csa_ajax.php *** -->

<script type="text/javascript">
var request = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
request = false;
}
}
@end @*/
if (!request && typeof XMLHttpRequest != 'undefined') {
request = new XMLHttpRequest();
}

function fillSelect(groups) {
var url = "csa_ajax.php?groups=" + escape(groups);
request.open("GET", url, true);
request.onreadystatechange = go;
request.send(null);
}

function go() {
if (request.readyState == 4) {
if (request.status == 200) {
var response = request.responseText;
var list=document.getElementById("groupitems");
var items=response.split('|');
for (var i=1; i<items.length; i++ )
{
var x = document.createElement('option');
var y = items[i];
x.text = x.value = y;
list.appendChild(x);
}
}
}
}

function initCs() {
var groups=document.getElementById('groups');
groups.onchange=function() {
if(this.value!="") {
var list=document.getElementById("groupitems");
while (list.childNodes[0]) {
list.removeChild(list.childNodes[0])
}
fillSelect(this.value);
}
}
fillSelect(groups.value);
}
window.onload=initCs;
</script>


<form method="post" action="#">
<p><label>groups: <select id="groups" name="groups">
<?php
require_once("includes/connect.php");
$mysql = mysql_query("SELECT * FROM qw_groups");
while($group=mysql_fetch_assoc($mysql)){
echo "<option value='$group[id]'>$group[GroupName]</option>";
}
echo "</select>";
?>
</label>
<label>GroupItems:
<select id='groupitems' name='groupitems'>
<option> == Select Group== </option>
</select></label></p>
</form>




<!-- *** HERE IS THE PHP PAGE csa_ajax.php ***-->

<?php
require_once("includes/connect.php");
$groups=@$_GET['groups'];
$q = mysql_query("SELECT * FROM qw_groupitems WHERE GroupId ='$groups'");
while ($r = mysql_fetch_assoc($q)){
echo "|".$r['GroupId'];
}
}
?>

Is it possible to pass the id onChange like in this example instead of the value

This is part of a large complex script, and I need the id as seperate function

Code:

<select name='color' onChange='this.form.F1.value=this.form.color.id' >
<option value='Green' id='c1'>Green
<option value='Red'   id='c2'>Red
<option value='Blue'  id='c3'>Blue
</select>

<input type="text" name="F1" size="15" value="" onChange="this.value=this.form.color.id">

Hello Guys,

I have a page with thumb nails and a large image that changes when clicking on thumbnail. I need to display dynamic title for the image. It wont display because the page is not reloading.. How do you pass the name so it will show up without reloading?

Here is the JS for switching dynamically loading the large image

PHP Code:
<script language="javascript">
$(document).ready(function() {
    $('.thumbnail').live("click", function() {
        $('#mainImage').hide();
        $('#atitle').hide();
        $('#imageWrap').css('background-image', "url('/images/ajax-loader.gif')");
        var i = $('<img />').attr('src',this.href).load(function() {
            $('#mainImage').attr('src', i.attr('src'));
             $('#imageWrap').css('background-image', 'none');
            $('#mainImage').fadeIn();
             $('#atitle').fadeIn();
            
           
        });
        return false; 
    });
});
</script> 


Here is the link for the thumb

PHP Code:
  // Thumbnail Display
                 
                 echo '<a href="artists/'.$artist.'/'.$imgname.'.jpg" class="thumbnail"><img src="artists/'.$artist.'/previews/'.$imgname.'.jpg" border="0" /></a>'; 


[/PHP]

Link to the large image

PHP Code:
  // Large image display              
                            echo '<img src="artists/'.$artist.'/'.$first_image.'.jpg" alt="Main Image" id="mainImage"/>'; 


Here is the php echo for the title
PHP Code:
<? echo  str_replace('"', '`',  $iname); ?>

I need to some how pass a php var from the thumb link to the js and have it display dynamically(without reloading)

Hope I explained this correctly.. Please advise..

Thanks, Dan

How do I pass an id to a function??
Or is this even possible.

Code:

<html>
<head>
<title>
  JavaScript array passing example
</title>
<script type="text/javascript">

function init(){
   display(addText1);
   display(addText2);
   display(addText3);
   display(addText4);
}

function display(var myText){
  var newText = '<h2>' + "Will this change anything..." + '</h2>';

   document.getElementById('myText').innerHTML = newText;
}
</script>
</head>
<body onload="init()">

<div id="addText1"></div>
<div id="addText2"></div>
<div id="addText3"></div>
<div id="addText4"></div>
</body>
</html>

Hello,
I'm trying to pass a query from my URL into a <script> using Javascript.

THe URL would be formatted like this http://www.FakeSite.com/index.html?zip=12345

The script i want to pass the 12345 into is
Code:

<script type="text/javascript">
/*  / Full Data - Form + TY Page Clicks */
var MediaAlphaExchange = {
    "type": "ad_unit",
    "placement_id": "ijX_k5FQsJfYjjaLLbfeJcKzT7NQow",
    "version": "17",    
    "sub_1": "test sub id",
    "data": { 
        "zip": "90210"
    }
};
</script>
<script src="//insurance.mediaalpha.com/js/serve.js"></script>

The 90210 should automattically turn into 12345

Can someone show me the exact code to use to make this happen?





Reply With Quote




12-29-2014, 03:12 AM #2
sunfighter View Profile View Forum Posts

Senior Coder Join Date Jan 2011 Location Missouri Posts 4,830 Thanks 25 Thanked 672 Times in 671 Posts

This is a bit of trickery
Code:

<!DOCTYPE html>
<html>
<head>
<title>New document</title>
</head>
<body>

<form name="joe">
	<input type="hidden" name="burns">
</form>

<script>
/*   These 3 lines put the url of this page into the hidden field of a form no one can see   */
var locate = window.location;
document.joe.burns.value = locate;
var text = document.joe.burns.value;

alert(delineate2(text));  //  This line calls the next function and shows you what it returns. You should be able to sub this to put the return into your code.

function delineate2(str){
	point = str.lastIndexOf("=");
	return(str.substring(point + 1, str.length));
}
</script>
</body>
</html>

I'm trying to pass the following variables. Code:

var hours; var mins;

in the below code, however I can't get the value but keep getting values don;t exist. here is all the code Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Classic Example</title>


<script type = "text/javascript">

var totalhrs = (2* 3600);
var totalmin = (180* 60);
var totaltime = (totalhrs + totalmin);

var timeInSecs;
var ticker;
var p = true;

function pauseTimer() {
if (p) {p=false}
else {
p = true;
tick(); 
}
}

function startTimer(secs){
timeInSecs = parseInt(secs);
ticker = setInterval("tick()",1000); 
}

function tick() {
var secs = timeInSecs;
if (p) {
if (secs>0) {
timeInSecs--;
}

else {
document.getElementById("but1").disabled = false;
clearInterval(ticker); // stop counting at zero
}
}

var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var result = ((hours < 10 ) ? "0" : "" ) + hours + ":" + ( (mins < 10) ? "0" : "" ) + mins
                  + ":" + ( (secs < 10) ? "0" : "" ) + secs;
				  

document.getElementById("countdown").innerHTML = result;

}


</script>

</head>

<body onload="startTimer(totaltime);">

<script type="text/javascript">

document.write('<a href="another_page.php?mins='+mins+'&hrs='+hours+'">test link</a>');
</script>

<p><span id="countdown" style="font-weight: bold;"></span></p>

</body>
</html>

I'm trying to capture the 2 noted variables above in the simple link, Code:

<script type="text/javascript">

document.write('<a href="another_page.php?mins='+mins+'&hrs='+hours+'">test link</a>');
</script>

Hi, I want to pass a javascript function's return value, to an anchor tag's href parameter i.e. <a href>

Suppose I have a function called getTrackingCode( ) that contains a value "testSite"

Code:

<script language = "JavaScript">
function getTrackingCode( )
{
return "testSite";
}
</script>

Now I want to pass this function's value to anchor's href, I have attempted these:

Code:

1. <a href="http://www.helloworld.com/?id=" + getTrackingCode( )>

2. <a href="javascript: document.location=
'http://www.helloworld.com/?id=' + getTrackingCode( );">

So that the resulting URL becomes http://www.helloworld.com/?id=testSite
But none of the procedures work. Please help me do it.

NOTE:

Please note that I can't use the function with document.write to write the whole tag because that would be very hard to manage as I will have to use it in case of text links, image links, hotspots etc. and for each I would have to write a separate function.

Furthermore, I don't want the Status bar of the browsers to show something like javascript:location.href (); etc. I want the actual href link to be seen in the Status bar, as if no javascript manupulation is done.

In a nutshell, the code should be reusable for the href paramater in anchor tag's href of any element, be it a text link, image link, script link, hotspot or link area and doesn't show javascript function calling in the Status bar of the browser. I've heard that I can do such a thing using ElementbyID etc. but have no idea.

Please help me with this, Thanks much!

Hi,

I know virtually nothing about js so here goes:

I use the following script:
Code:

<script type="text/javascript">var showNav = false;var params='clubID=1784&compID=8041&leagueTable=y&orderTBCLast=Y&colour=147C99';var colour = '147C99';</script>

The variable which needs to be called from another page is 'compID' - as I have about 20 competitions rather than hard-coding each page I hoped to generate this from the following:

infocus/respage.php?cid=8041 <--- where I can change the compID from the 'calling' page.

In my absolute naivety I thought I could simply change the code to this:

Code:

<script type="text/javascript">var showNav = false;var params='clubID=1784&compID=cid&leagueTable=y&orderTBCLast=Y&colour=147C99';var colour = '147C99';</script>

But as the learned among you will realise this just doesnt work - any help appreciated!

Hi All,

I am very new to Java scripting. My requirement is as follows,
I have a tree which looks as below,

Nodes
Node1
Node 1.1.1
Node 1.1.1.1
Node2
Node 2.1
Node3
Node4




now if i click on page node1.1.1.1 , i should get o/p as " you have clicked node1.1.1.1 whose parent is node 1.1.1 => node 1.1 => node1 "

can some one help me out on this,
this is my tree.js


// Arrays for nodes and icons
var nodes = new Array();;
var openNodes = new Array();
var icons = new Array(6);

// Loads all icons that are used in the tree
function preloadIcons() {
icons[0] = new Image();
icons[0].src = "img/plus.gif";
icons[1] = new Image();
icons[1].src = "img/plusbottom.gif";
icons[2] = new Image();
icons[2].src = "img/minus.gif";
icons[3] = new Image();
icons[3].src = "img/minusbottom.gif";
icons[4] = new Image();
icons[4].src = "img/folder.gif";
icons[5] = new Image();
icons[5].src = "img/folderopen.gif";
}
// Create the tree
function createTree(arrName, startNode, openNode) {
nodes = arrName;
if (nodes.length > 0) {
preloadIcons();
if (startNode == null) startNode = 0;
if (openNode != 0 || openNode != null) setOpenNodes(openNode);

if (startNode !=0) {
var nodeValues = nodes[getArrayId(startNode)].split("|");
document.write("<a href=\"" + nodeValues[3] + "\" onmouseover=\"window.status='" + nodeValues[2] + "';return true;\" onmouseout=\"window.status=' ';return true;\"><img src=\"img/folderopen.gif\" align=\"absbottom\" alt=\"\" />" + nodeValues[2] + "</a><br />");
} else document.write("<img src=\"img/base.gif\" align=\"absbottom\" alt=\"\" />Website<br />");

var recursedNodes = new Array();
addNode(startNode, recursedNodes);
}
}
// Returns the position of a node in the array
function getArrayId(node) {
for (i=0; i<nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[0]==node) return i;
}
}
// Puts in array nodes that will be open
function setOpenNodes(openNode) {
for (i=0; i<nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[0]==openNode) {
openNodes.push(nodeValues[0]);
setOpenNodes(nodeValues[1]);
}
}
}
// Checks if a node is open
function isNodeOpen(node) {
for (i=0; i<openNodes.length; i++)
if (openNodes[i]==node) return true;
return false;
}
// Checks if a node has any children
function hasChildNode(parentNode) {
for (i=0; i< nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[1] == parentNode) return true;
}
return false;
}
// Checks if a node is the last sibling
function lastSibling (node, parentNode) {
var lastChild = 0;
for (i=0; i< nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[1] == parentNode)
lastChild = nodeValues[0];
}
if (lastChild==node) return true;
return false;
}
// Adds a new node to the tree
function addNode(parentNode, recursedNodes) {
for (var i = 0; i < nodes.length; i++) {

var nodeValues = nodes[i].split("|");
if (nodeValues[1] == parentNode) {

var ls = lastSibling(nodeValues[0], nodeValues[1]);
var hcn = hasChildNode(nodeValues[0]);
var ino = isNodeOpen(nodeValues[0]);

// Write out line & empty icons
for (g=0; g<recursedNodes.length; g++) {
if (recursedNodes[g] == 1) document.write("<img src=\"img/line.gif\" align=\"absbottom\" alt=\"\" />");
else document.write("<img src=\"img/empty.gif\" align=\"absbottom\" alt=\"\" />");
}

// put in array line & empty icons
if (ls) recursedNodes.push(0);
else recursedNodes.push(1);

// Write out join icons
if (hcn) {
if (ls) {
document.write("<a href=\"javascript: oc(" + nodeValues[0] + ", 1);\"><img id=\"join" + nodeValues[0] + "\" src=\"img/");
if (ino) document.write("minus");
else document.write("plus");
document.write("bottom.gif\" align=\"absbottom\" alt=\"Open/Close node\" /></a>");
} else {
document.write("<a href=\"javascript: oc(" + nodeValues[0] + ", 0);\"><img id=\"join" + nodeValues[0] + "\" src=\"img/");
if (ino) document.write("minus");
else document.write("plus");
document.write(".gif\" align=\"absbottom\" alt=\"Open/Close node\" /></a>");
}
} else {
if (ls) document.write("<img src=\"img/joinbottom.gif\" align=\"absbottom\" alt=\"\" />");
else document.write("<img src=\"img/join.gif\" align=\"absbottom\" alt=\"\" />");
}

// Start link
document.write("<a href=\"" + nodeValues[3] + "\" onmouseover=\"window.status='" + nodeValues[2] + "';return true;\" onmouseout=\"window.status=' ';return true;\">");

// Write out folder & page icons
if (hcn) {
document.write("<img id=\"icon" + nodeValues[0] + "\" src=\"img/folder")
if (ino) document.write("open");
document.write(".gif\" align=\"absbottom\" alt=\"Folder\" />");
} else document.write("<img id=\"icon" + nodeValues[0] + "\" src=\"img/page.gif\" align=\"absbottom\" alt=\"Page\" />");

// Write out node name
document.write(nodeValues[2]);

// End link
document.write("</a><br />");

// If node has children write out divs and go deeper
if (hcn) {
document.write("<div id=\"div" + nodeValues[0] + "\"");
if (!ino) document.write(" style=\"display: none;\"");
document.write(">");
addNode(nodeValues[0], recursedNodes);
document.write("</div>");
}

// remove last line or empty icon
recursedNodes.pop();
}
}
}
// Opens or closes a node
function oc(node, bottom) {
var theDiv = document.getElementById("div" + node);
var theJoin = document.getElementById("join" + node);
var theIcon = document.getElementById("icon" + node);

if (theDiv.style.display == 'none') {
if (bottom==1) theJoin.src = icons[3].src;
else theJoin.src = icons[2].src;
theIcon.src = icons[5].src;
theDiv.style.display = '';
} else {
if (bottom==1) theJoin.src = icons[1].src;
else theJoin.src = icons[0].src;
theIcon.src = icons[4].src;
theDiv.style.display = 'none';
}
}
// Push and pop not implemented in IE
if(!Array.prototype.push) {
function array_push() {
for(var i=0;i<arguments.length;i++)
this[this.length]=arguments[i];
return this.length;
}
Array.prototype.push = array_push;
}
if(!Array.prototype.pop) {
function array_pop(){
lastElement = this[this.length-1];
this.length = Math.max(this.length-1,0);
return lastElement;
}
Array.prototype.pop = array_pop;
}

I am struck here and couldn't proceed further. Any help on this would be appreciated.

I have the following snippet of HTML code:

Quote:
<table id="identificativo">

..........
..........
..........
<tr id="id_riga">
<td width="40%">
Cella 1
</td>
<td>
<input type="hidden" name="params" value="valore1 valore2" />
<input type="button" value="Add/Change" onclick="return del()" />
</td>
<td>
Cella3
</td>
</tr>
............
............
............
and the following javascript code that replace the second row of table with new form:
Quote:

function del() {

if (document.getElementById) {
var tabella = document.getElementById("identificativo");
tabella.deleteRow(1);
x = tabella.insertRow(1);
x.innerHTML = "<td colspan='3'> \
<form action='/cgi-bin/save.cgi' method='POST'> \
<input type='text' name='name' size='30' /> \
<input type='submit' value='Save' /> \
</form> \
</td>";


}

}
How can to pass hidden values valore1 and valore2 from old cell of row to new form with javascript?

Thank you in advance to answers,
savio

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