JavaScript - Putting The Contents Of An Array Into A Variable

Hi
I want to get javascript to show or hide a row in a table depending on whether a value is held by a variable collected in a mulitple part formmail. If only 1 adult fills in their name on the earlier form there is no need to show the row which asks him to agree to membership on a later form page.
This is what Ive got so far Code:

<form name="frm3" method="post" action="bookingscript.php">
<input type="hidden" name="adult2fn" value="$adult2name" />
<script Language="JavaScript">
var name1 = document.frm3.adult2fn.value;
 if(name1 =="")
 {alert("hello");document.getElementById("hidden_row").style.display = 'none';}
 else
 {alert("no way");document.getElementById("hidden_row").style.display = '';};
</script>
<table border="1">
<tr>
<td>Always visible</td>
</tr>
<tr id="hidden_row">
<td>Hide this</td>
</tr>
<tr>
<td>Always visible</td>
</tr>
</table>
</form>

If $adult2name is blank then name1 is blank and the row does not show, else $adult2name contains a name, name1 is not blank and the row shows.
I have tried displaying the hidden form field (by changing it to text), and adding my own content, also putting in my own values instead if $adult2name and the Alerts appear as appropriate, but the whole table disappears whilst the alert is on and reappears when the alert is OKed for either condition of the if. Same in Firefox and IE7 & 8
Could someone please tell me the error of my ways.
Many thanks
Richard

Hi guys I was wondering if its possible to add contents within a div to a javascript array. Something like this:
Code:

<script type="text/javascript">
function returnArray()
{
    var divContent   = document.getElementById('images');
    var matchImage = divContent.match(/<img/);
    /* add images into array somehow */
    alert('This is ' +ImageArray[1]);

}
</script>

<div id="images">
         <img src="image1.jpg" alt="image" />
         <img src="image2.jpg" alt="image" />
         <img src="image3.jpg" alt="image" />
</div>

Thanks for any info.

Hi, i need to read a files contents to an array so that i can check which lines of the file i need to write back. im not very good with arrays and haven't had any luck so far.

thanks

I'm writing a cookie editor for Chrome and I have something weird happening in my code. First, I get a list of domains.
Code:

	function(historyItems) {
		for (var i = 0; i < historyItems.length; i++) {
			var domain = domainRE.exec(historyItems[i].url);
			if(domain != null && domain.length > 0)
			{
				var domainStr = "" + domain[1].replace('www.', '');
			}
			if(domainStr != null && !includes(domains, domainStr))
			{
				domains.push(domainStr);
			}
		}
	}

Then I sort them and add them to another array:
Code:

var list = new Array();
//alert(domains[5]);
domains.sort();
for(var i in domains)
{
	if(typeof domains[i] == "string")
		list.push({"id": domains[i], "iconCls":"icon-docs", "text": domains[i], "singleClickExpand":false, "href":"javascript:showCookies('" + domains[i] + "');", "leaf":true});
}

See that alert() statement? If I uncomment it, my script works fine and list is populated. However, when commented out, list doesn't get populated, though I have verified all of the domains are actually in the domains variable via Chrome's JS console. I'm utterly confused. I have verified that every variable involved is of the right type, the only thing that fixes it is that alert() statement.

I am currently trying to check using javascript whether a php array contains a variable, and if it does then display a message.

Any help would be much appreciated.

I have written the following code...



Code:

<?php
//php which sets users array to the results of the sql
$selectquery = "SELECT Username FROM User";
$selectresult = mysql_query($selectquery);
while ($row = mysql_fetch_array($selectresult)){
	$users[] = $row['Username'];

}
?>



<script language="javascript" type="text/javascript">
function verifyUsername(array_var){

	var user = document.getElementById("username").value;
	
	for(var i=0; i<array_var.length; i++){
		if(array_var[i] == user){
			document.getElementById("usernameerror").textContent = "already in array";
		}
	}
}
</script>



//html code for the form
Username: <input type="text" name="username" id="username" onblur="return verifyUsername(<?php $users?>)"/>
        
<span id="usernameerror" class="red"></span>

If I assign an array to another variable, any changes to the array change both variables. Is it a pointer instead of a copy? Try this:

Code:

<script type="text/javascript">
Arr=['a','b','c'];
Arr2=Arr;
Arr[1]='_';
alert('Array 1: '+Arr);
alert('Array 2: '+Arr2);
// Both arrays become 'a','_','c'
</script>

Why's this happen? Is it to be expected? Variables don't do this but it's happening for arrays in IE and FireFox, maybe all others.

I need to get this script to work, I only included what im having the problem with.

I am Using jQuery Library.

Here is how this should work:
.btnRoof div is clicked
the parent id is retrieved as var pid
a function called roof is called which simply changes a css background to "color"
the function perform is called to get the "color1[0]" from the array.

My Problem:
perform() returns the word color1, color10, color1[0], or c. instead of
images/cp-roof-blue.png as listed in the array.

Code:

$(document).ready(function() {
	
var color1=new Array(); 
color1[0]="images/cp-roof-blue.png";       
color1[1]="images/cp-panel-blue.png";
color1[2]="images/cp-trim-blue.png";


function perform(name, x) {
	alert(name[x]);
	//alert([name][x]);
	//alert(name+'['+x+']');
	//alert(color1[0]); // correct
    return name[x];
}
	
function Roof(color) {
	$("#colorPicker .roof").css("background", "url("+color+")");
}
	
$('.btnRoof').click(function() {
	var pid = $(this).parent().parent().attr("id");			
	Roof(perform(pid, 0));
});


});

I tried to clarify as much as possible, please let me know if I need explain further. Thanks.

Hello everyone,
I couldn't find anything informative on this subject online. could someone point me to the right direction on how to convert php variable so it could be used in a javascript section.

for example I have a php array named $places, it's a nested array and I'd like to traverse through all the elements of this array much like it's done in php =>foreach($places as $place) but this done in JS.

in a nutshell how do i convert this variable into a JS appropriate variable.

-Thank you

the title kind of sums it up... if I have an array of equations (I'm guessing they should be strings but they don't have to be) and a user-defined variable can that variable be used for the "x" in the equations? I already did the easy part ...

Code:

<!DOCTYPE html>
 <html>
 <head>
 </head>
 <body>
 <input onkeyup="solve(this.value)" /><br>
 <input id="box0" /><br>
 <input id="box1" /><br>
 <input id="box2" /><br>
 <script type="text/javascript">

var equations=["(x*9/5)+32","x+273.15","x-50*(8/13)"]
 
function solve(val){
for (var i = 0; i < equations.length; i++) {
document.getElementById("box"+i).value= //ummm...

	}
} 

</script>
 </body>
 </html>

I have inherited some code, and cannot get it to work. Note the bold section in the OBJECT tag below. I believe this is where the issue is.

Code:

<script language="JavaScript">
var camArray = new Array();
camArray['Dolliver'] = "http://video.dot.ca.gov/asx/D5-Bello-at-101.asx";
camArray['Mattie'] = "http://video.dot.ca.gov/asx/D5-Mattie-Rd-at-101.asx";
camera="Dolliver";

var camHTMLd = "<object id='MediaPlayer' width=320 height=240 classid='CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95' standby='Loading Windows Media Player components...' type='application/x-oleobject' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112'><param name='filename' value='"+camArray[camera]+"'><param name='Showcontrols' value='False'><param name='autoStart' value='True'><embed type='application/x-mplayer2' src='"+camArray[camera]+"' width=320 height=240></embed></object>"

function changeCam(camera){

	document.getElementById("caltransCamera").innerHTML = camHTMLd;
	//alert(camHTMLd+camArray[camera]);
}

</script>

Then in the page, I have the following code:
<a href="javascript:changeCam('Mattie');">101 at Mattie Road</a>

It SHOULD open and start displaying the MATTIE cam, but it reloads the default Dolliver.

What am I missing? Thank you in advance.

Hi,

I'm trying to pass a javascript variable into a html form. The variable has to go into a dropdown box.

At the moment I have the following html form:

<form method="post" action="<?=$_SERVER['PHP_SELF']?>" >
<select name="lightbox_select_<?=$_GET['id']?>">
<? foreach ($get_lightboxes as $lightbox) : ?>
<? $lightbox_id = $lightbox["lightbox_id"]; ?>
<? $title = $lightbox["title"]; ?>
<? if(strlen($title) > 25) $title = substr($title, 0, 25) . "&hellip;"; ?>
<option value="<?=$lightbox_id?>"><?=$title?></option>
<? endforeach; ?>
<option id="extra_lightbox" value=""></option>
</select>
<input type="submit" name="submit" value="Add" />

And the following javascript function:

function get_lightboxes(title, new_lightbox_id){
document.getElementById('extra_lightbox').value = new_lightbox_id;
document.getElementById('extra_lightbox').name = title;
}

How can I pass the 'title' and 'new_lightbox_id' variables from javascript into the extra option bit of the form#?

Hi,
I'm using this to put menus on my website

http://simplythebest.net/scripts/DHT...script_79.html

at the top it says its capable of having more than one menu on a page, but it doesnt give the directions.
The website it links to for more help is dead.

Can anyone help me out?

Hey,

Im using Google Maps and when the user moves the map I have an event listener to return a string of routeIDs that are within the bounds of the map.

Later on in the page I have a PHP MySQL statement where it Has [ICODE] SELECT * FROM routes WHERE [ICODE] , and after the WHERE I want to add this string.

Basically as the user moves the map around, the list of available routes in bounds should change.

How can I do this without redirecting pages at all, as that destroys the functionality of the google map?

A typical return of the string would be [ICODE] id = 32 OR id = 58 OR id = 70 [ICODE] etc

Any ideas?

Thanks all,

Rick

Hi, I'm just now starting to try to insert some javascript into my html and php code. I'm only used to working with those two markups. I need to try some very simple javascript snippets in some forms I'm making, but am having an issue getting the code to work.

When I find these snippets, they are usually in a format like this:
Code:

<SCRIPT LANGUAGE="JavaScript">
 // functions and whatnot here  
 function makeSomethingHappen(field, count, max) {
 
 if (something.works > true)
 field.value = i.will.crap(0, max);
 else
 // calculate the remaining characters  
 field.value = max - more.nodoze.caffein;
 }
 </script>

  <center>
 <form name=sample action="">
 <input type="text" name="hours">
onKeyDown="CountLeft(some.js.looking,stuff.here);" 
 onKeyUp="CountLeft(some.more.js.looking,stuff.here);">
</form>

I've tried inserting the stuff like the webpages have it listed. I also try inserting everything contained in the <script> tags into the head of the document (or creating a head and putting it in there, since all my stuff is php and html code called to the file with php includes and whatnot).

Anyways, I hoping somebody can provide a pointer as to how to use these snippets or how to correctly place things like this. I'm assuming there's a relatively uniform way that people are posting their tiny little js codes and I'm missing some basic knowledge as to how to use it.

Any help is greatly appreciated.

Hi,

I am a newbie to Javascript but managed to set up a simple Function that allows me to create a thumbnail image viewer with headings and text.

One of the variables is a Hyperlink.

It all works fine but I want the hyperlink to open as a PopUp Window, but not sure how to do it.

My Code

Code:

function LoadGallery(pictureName,imageFile,titleCaption,captionText,titleText,textText,titleJob,jobText,titlePricelist,pricelistText)
{
  var picture = document.getElementById(pictureName);
  if (picture.filters)
  {
    picture.style.filter="blendTrans(duration=1)";
    picture.filters.blendTrans.Apply();
  }
  picture.src = imageFile;
  if (picture.filters)
  {
    picture.filters.blendTrans.Play();
  }
  document.getElementById(titleCaption).innerHTML=captionText;
  document.getElementById(titleText).innerHTML=textText;
  document.getElementById(titleJob).innerHTML=jobText;
  document.getElementById(titlePricelist).innerHTML=pricelistText;

}

and in my <body>, I have this code for each thumbnail ....

Quote:
<a href="#_self" onclick="LoadGallery('TeamGallery', 'http://www.albionhousehairsalon.co.uk/images/theteam_sharron_lg.gif', 'TeamGalleryCaption', 'Sharron', 'TeamGalleryText', 'Some text about Sharron','TeamGalleryRole','Senior Stylist','TeamGalleryPrices','&lt;a href=\'/albion_house_hair_salon.html\'&gt;Click here to see Sharrons Service Price List&lt;/a&gt;')"><img src="http://www.albionhousehairsalon.co.uk/images/theteam_sharron_thumb.gif" width="90" height="61" /></a>

This can be seen working her:

http://www.albionhousehairsalon.co.u..._the_team.html

but what I want is when you click on the text "Click here to see Gemma's Service Price List" (specific to Gemma of course).

.... her price list opens in a popup?

(If you want to try this Gemma is the Director with the Burgundy haircolour, top left on the page).

Can anyone help?

P.S. I am using the <div class> and id to pass the variable data through the function and display the enlarged image and relevant text and hyperlink... if that makes sense ?