JavaScript - Trouble With Markers

Fellow Coders,

I am trying to follow this tutorial (http://econym.org.uk/gmap/basic16.htm)

What I would like to do is have in my XML file, a parameter for a total (some random number) and I want to plot a marker based on this number.

So like, if the total="5" then marker would be red, if it was 10, marker would be green.

I see in the tutorial that they are storing the possible markers in an array, I get that. What I don't know how to do is plot the markert depending on the value of the total field in the XML file.

For my Javascript class, we are to take a code from the book and add on to it. In this code, I decided to add custom markers and info windows for each location. I got the info windows to work but they are the same for each marker. How can I fix this? Here is what I have:

Code:

<script>
function init() {
	var myLatLng = new google.maps.LatLng(36.795209, -3.339844);	
	var myOptions = {
	   zoom: 2,
	   center: myLatLng 
    };
	var map = new google.maps.Map(document.getElementById("map"), myOptions);
	
	//This is Location 1	
	var image = 'image1.jpg';
	var canyon= new google.maps.Marker({
	position: new google.maps.LatLng(35.9766,-113.7717),
	map: map,
	title:"Grand Canyon, USA"});
	
	var infoWindow = new google.maps.InfoWindow({
	content: "Grand Canyon, USA"});
	google.maps.event.addListener(canyon, 'click', function(){
	infoWindow.open(map, canyon); });
	
	//This is Location 2
	var image = 'image2.jpg';
	var paricutin= new google.maps.Marker({
	position: new google.maps.LatLng(19.5948,-102.4331),
	map: map,
	title:"Paricutin, Mexico"});	
	
	var infoWindow = new google.maps.InfoWindow({
	content: "Paricutin, Mexico"});
	google.maps.event.addListener(paricutin, 'click', function(){
	infoWindow.open(map, paricutin); });

	//This is Location 3
	var image = 'image3.jpg';
	var victoria= new google.maps.Marker({
	position: new google.maps.LatLng(-17.928,25.826),
	map: map,
	title:"Victoria Falls, Zimbabwe"});

	var infoWindow = new google.maps.InfoWindow({
	content: "Victoria Falls, Zimbabwe"});
	google.maps.event.addListener(victoria, 'click', function(){
	infoWindow.open(map, victoria); });

	//This is Location 4
	var image = 'image4.jpg';
	var reef= new google.maps.Marker({
	position: new google.maps.LatLng(-17.98,146.76),
	map: map,
	title:"Great Barrier Reef, Austrailia"});
	
	var infoWindow = new google.maps.InfoWindow({
	content: "Great Barrier Reef, Austrailia"});
	google.maps.event.addListener(reef, 'click', function(){
	infoWindow.open(map, reef); });

	//This is Location 5
	var image = 'image5.jpg';
	var harbor= new google.maps.Marker({
	position: new google.maps.LatLng(-22.8424,-43.1502),
	map: map,
	title:"Harbor Rio De Janerio, Brazil"});
	
	var infoWindow = new google.maps.InfoWindow({
	content: "Harbor Rio De Janerio, Brazil"});
	google.maps.event.addListener(harbor, 'click', function(){
	infoWindow.open(map, harbor); });

	//This is Location 6
	var image = 'image6.jpg';
	var everest= new google.maps.Marker({
	position: new google.maps.LatLng(27.98783,86.92476),
	map: map,
	title:"Mount Everest Peak, Nepal"});
	
	var infoWindow = new google.maps.InfoWindow({
	content: "Mount Everest Peak, Nepal"});
	google.maps.event.addListener(everest, 'click', function(){
	infoWindow.open(map, everest); });	
	}
google.maps.event.addDomListener(window, 'load', init);
</script>

Hi guys. I have posted about this before on here but I'm still having a lot of issues.

MY GOAL - I have a database with a bunch of items and each has latitude, longitude and a category (all the items are within 1 city). I want to have a page that will show a google map, display a marker based on the lat/lng and the image of the marker should be customized based on the category of the row. For example, some rows have a 'food' category and some have a 'health' category - I have specific images I want displayed for each image.

I need a script that will plot a marker for each item in my db. I have never used Google maps API before and I'm thinking V3 is what I need to use.

Can someone help fill in the code below?

PHP Code:
$query=mysql_query("SELECT * FROM table");
while($row=mysql_fetch_array($query)){
 $lat=$row['lat'];
 $lng=$row['lng'];
 $category=$row['category'];
 
     //SET MARKER PICTURE TO $category
     //ADD MARKER TO MAP
} 


Can anybody help out with the code? I don't know javascript that well and I have tried about 40 different things and get nothing but a blank page!

THANK YOU SO MUCH

I'm trying to show an array of markers which, when clicked, will show an infowindow and also a circle with a radius, the size of which is also part of the array.

I've got as far as showing the markers, the infoboxes and the circles, but am struggling with toggling the circles.

I haven't quite made up my mind if I want the circles to all be initially on or off, I guess that depends how many I end up with...

Here's what I have so far: -

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Google Maps API Tests</title>
<style type="text/css">
html {font-family:Tahoma,verdana,sans-serif; font-size:0.75em;}
p {font-weight:bold;}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&amp;sensor=false"></script>
<script type="text/javascript">
//<![CDATA[
  function initialize() {

	var myLatlng = new google.maps.LatLng(36.637484, -121.51057);
	var myOptions = {
	  zoom: 6,
	  center: myLatlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP,
	  streetViewControl: true
	}

	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	setMarkers(map, sites);
	infowindow = new google.maps.InfoWindow({
			content: "loading..."
		});

  }


	var sites = [
		['Google', 37.422117, -122.083856, 'http://www.google.com/', 402336],
		['Yahoo', 34.030194, -118.47479, 'http://www.yahoo.com/', 201168]
	];



	function setMarkers(map, markers) {

		for (var i = 0; i < markers.length; i++) {
			var sites = markers[i];
			var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
			var marker = new google.maps.Marker({
				position: siteLatLng,
				map: map,
				title: sites[0],
				html: '<p>'+sites[0]+'</p><a href="'+sites[3]+'">Web Link</a>'
			});

			var circle = new google.maps.Circle({
				map: map,
				radius: sites[4],
				fillColor: '#12a3eb',
				fillOpacity: 0.15,
				strokeColor: '#0177b3'
			});

			circle.bindTo('center', marker, 'position'); 


			google.maps.event.addListener(marker, "click", function () {
				infowindow.setContent(this.html);
				infowindow.open(map, this);
			});
		}
	}
//]]>
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

Any help would be much appreciated!

Hi guys, so far any values recorded in my database are shown on the map:

http://www.vfrflight.co.uk/new2/phpsqlajax_map_v3.html

Code:

<!DOCTYPE html >
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>PHP/MySQL & Google Maps Example</title>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
    //<![CDATA[

    var customIcons = {
      restaurant: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png',
        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
      },
      bar: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png',
        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
      }
    };

    function load() {
      var map = new google.maps.Map(document.getElementById("map"), {
        center: new google.maps.LatLng(47.6145, -122.3418),
        zoom: 13,
        mapTypeId: 'roadmap'
      });
      var infoWindow = new google.maps.InfoWindow;

      // Change this depending on the name of your PHP file
      downloadUrl("phpsqlajax_genxml.php", function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
          var name = markers[i].getAttribute("name");
          var address = markers[i].getAttribute("address");
          var type = markers[i].getAttribute("type");
          var point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lng")));
          var html = "<b>" + name + "</b> <br/>" + address;
          var icon = customIcons[type] || {};
          var marker = new google.maps.Marker({
            map: map,
            position: point,
            icon: icon.icon,
            shadow: icon.shadow
          });
          bindInfoWindow(marker, map, infoWindow, html);
        }
      });
    }

    function bindInfoWindow(marker, map, infoWindow, html) {
      google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
      });
    }

    function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function doNothing() {}

    //]]>

  </script>

  </head>

  <body onload="load()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>

</html>

However, how do i let people place markers when a button is pressed. I believe this is the code to place markers when left click occurs:

Code:

<!DOCTYPE html >
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps JavaScript API v3 Example: Map Simple</title>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
    var marker;
    var infowindow;

    function initialize() {
      var latlng = new google.maps.LatLng(37.4419, -122.1419);
      var options = {
        zoom: 13,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById("map_canvas"), options);
      var html = "<table>" +
                 "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
                 "<tr><td>Address:</td> <td><input type='text' id='address'/></td> </tr>" +
                 "<tr><td>Type:</td> <td><select id='type'>" +
                 "<option value='bar' SELECTED>bar</option>" +
                 "<option value='restaurant'>restaurant</option>" +
                 "</select> </td></tr>" +
                 "<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>";
    infowindow = new google.maps.InfoWindow({
     content: html
    });
 
    google.maps.event.addListener(map, "click", function(event) {
        marker = new google.maps.Marker({
          position: event.latLng,
          map: map
        });
        google.maps.event.addListener(marker, "click", function() {
          infowindow.open(map, marker);
        });
    });
    }

    function saveData() {
      var name = escape(document.getElementById("name").value);
      var address = escape(document.getElementById("address").value);
      var type = document.getElementById("type").value;
      var latlng = marker.getPosition();
 
      var url = "phpsqlinfo_addrow.php?name=" + name + "&address=" + address +
                "&type=" + type + "&lat=" + latlng.lat() + "&lng=" + latlng.lng();
      downloadUrl(url, function(data, responseCode) {
        if (responseCode == 200 && data.length <= 1) {
          infowindow.close();
          document.getElementById("message").innerHTML = "Location added.";
        }
      });
    }

    function downloadUrl(url, callback) {
      var request = window.ActiveXObject ?
          new ActiveXObject('Microsoft.XMLHTTP') :
          new XMLHttpRequest;

      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          request.onreadystatechange = doNothing;
          callback(request.responseText, request.status);
        }
      };

      request.open('GET', url, true);
      request.send(null);
    }

    function doNothing() {}
    </script>
  </head>

  <body style="margin:0px; padding:0px;" onload="initialize()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
    <div id="message"></div>
  </body>

</html>

Help would be appreicated very much! I cannot combine the codes to save my life...

Firstly I know this is a PHP issue yet it is within javascript and IMO is the root cause of the problem.

I'm trying to output markers from a search query of locations from my database, onto a Google Map (api v.3) using a tut I found http://tips4php.net/2010/10/use-php-...g-data-on-map/

When adding this to my page I'm getting Undefined index:errors.

I have changed the variables in the php part of the script to suit my database yet have left everything else alone, cant figure out why I'm still getting a blank map????

Please help....

My code with errors being shown at bottom;

Code:

<script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
<script type="text/javascript"> 
 var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png",
 new google.maps.Size(32, 32), new google.maps.Point(0, 0),
 new google.maps.Point(16, 32));
 var center = null;
 var map = null;
 var currentPopup;
 var bounds = new google.maps.LatLngBounds();
 function addMarker(lat, lng, info) {
 var pt = new google.maps.LatLng(lat, lng);
 bounds.extend(pt);
 var marker = new google.maps.Marker({
 position: pt,
 icon: icon,
 map: map
 });
 var popup = new google.maps.InfoWindow({
 content: info,
 maxWidth: 300
 });
 google.maps.event.addListener(marker, "click", function() {
 if (currentPopup != null) {
 currentPopup.close();
 currentPopup = null;
 }
 popup.open(map, marker);
 currentPopup = popup;
 });
 google.maps.event.addListener(popup, "closeclick", function() {
 map.panTo(center);
 currentPopup = null;
 });
 }
 function initMap() {
 map = new google.maps.Map(document.getElementById("map"), {
 center: new google.maps.LatLng(0, 0),
 zoom: 14,
 mapTypeId: google.maps.MapTypeId.ROADMAP,
 mapTypeControl: false,
 mapTypeControlOptions: {
 style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
 },
 navigationControl: true,
 navigationControlOptions: {
 style: google.maps.NavigationControlStyle.SMALL
 }
 });
 <br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.994709, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.985416, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.985416, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(0.000000, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(0.000000, ,'<b></b><br/>');
 center = bounds.getCenter();
 map.fitBounds(bounds);

 }
 </script>

I pulled this code from Google's example section to make markers on a v3 Google Maps API (I have added my own lat/long points and corresponding event listeners, of course, but this is still the spirit of the code): Code:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var map;
  function initialize() {
    var map_center = new google.maps.LatLng(39.2,-84.479381);
     var store1 = new google.maps.LatLng(39.112456,-84.574779);
    var store2 = new google.maps.LatLng(39.314153,-84.261379);
    var store3 = new google.maps.LatLng(39.197099,-84.667579);
    var store4 = new google.maps.LatLng(39.16836,-84.479381); 
    var myOptions = {
      zoom: 10,
      center: map_center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

     var marker1 = new google.maps.Marker({
        position: store1, 
        map: map, 
        title:"Store 1"
    });
    var marker2 = new google.maps.Marker({
        position: store2, 
        map: map, 
        title:"Store 2"
    });
    var marker3 = new google.maps.Marker({
        position: store3, 
        map: map, 
        title:"Store 3"
    });
    var marker4 = new google.maps.Marker({
        position: store4, 
        map: map, 
        title:"Store 4"
    }); 
    google.maps.event.addListener(marker1, 'click', function() {
      map.set_center(store1);
      map.set_zoom(16);
    });
    google.maps.event.addListener(marker2, 'click', function() {
      map.set_center(store2);
      map.set_zoom(16);
    });
    google.maps.event.addListener(marker3, 'click', function() {
      map.set_center(store3);
      map.set_zoom(16);
    });
    google.maps.event.addListener(marker4, 'click', function() {
      map.set_center(store4);
      map.set_zoom(16);
    });
  }
</script>

This works without fail, but when I try to use a javascript array to hold my values and loop my way through the marker creation like so: Code:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var map;
  function initialize() {
    var map_center = new google.maps.LatLng(39.2,-84.479381);
    var store_locations = new Array();
    var temporary_stuff = new Array();
    store_locations[0] = "39.112456,-84.574779";
    store_locations[1] = "39.314153,-84.261379";
    store_locations[2] = "39.197099,-84.667579";
    store_locations[3] = "39.16836,-84.479381";
    var myOptions = {
      zoom: 10,
      center: map_center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
     for(i=0;i<store_locations.length;i++){
        var marker_string = "position: "+new google.maps.LatLng(store_locations[i])+", map: map, title:\"Store "+(i+1)+"\";";
        temporary_stuff[i] = new google.maps.Marker(marker_string);
    } 
    var markers = new Array();
     for(i=0;i<temporary_stuff.length;i++){
        var the_marker = "position: temporary_stuff[" + i + "], map: map, title:\"Store " + (i+1) + "\";";
        markers[i]= new google.maps.Marker(the_marker);
    } 
  }
</script>

I get a blank map. Here's a link to the test file:
http://rowsdower.freehostia.com/map_test.php

It's not throwing up any errors in Firefox's developer or in IE but there it sits, a blank map.

I'm sure this isn't clean or optimized code, but it looks correct to me. I've color-coded the code above to show what "for" loops are being used to try to replace which code. Hopefully that makes this more sensible.

I haven't even tried to add the listeners yet since I can't get the markers to appear. Can anyone tell me why this isn't working or point me in a more productive direction?

Is there a better way already out there that I haven't noticed?

I have a video (.wmv) that has markers in it
one can access these markers in video players like "Windows Media Player" at "view" -> "file markers"

I want to embed the video object in an HTML page and be able to let the user jump to these markers via JavaScript or such.
I managed to do this with Internet Explorer ודןמע JavaScript but I can't get any other browser to access these markers or any timeline

function for that matter.
I need to be able to do so cross browser.

any ideas?

OK i really hope someone can help me because this has put a complete halt to what I'm doing right now.

i have various images in a 12x12 grid with names such as x1y1, x2y2, ect

I need to check what x1y1's image SRC is. I have been trying stuff like this:

var xpos = 1
var ypos = 1
var IMAGENAME = "x" + xpos + "y" + ypos

blah = ('document.' + IMAGENAME + '.src')

if (blah == "something.gif") {
do what i want
}


Just doesn't work, nor has the 80 other things I've tried lol.

Can anyone help me out?

I have a form that does not validate when in a modal.

Here is the page:
http://www.varsitytrainers.com/purchase1.html

It works well. It does not work when viewed on this page:
http://www.varsitytrainers.com/bosto...ltrainers.html
- Then click "Apply Now" and then click "Featured Membership" then click "Submit"

You will see that the validation does not take place. I have been banging my head against the desk for days now. Please help.

Hi

This part of the script should ask the user which type of shape they'd like to calculate the area of, then convert whatever they enter to uppercase so that the test condition can be eventually falsified when the user enters 'c, C, s, S, r or R'.

I've consulted the w3 school, and as far as I can tell I'm formatting it correctly. I think the problem may be in the syntax of the test condition.

Code:

while (shapeType != 'C' || shapeType != 'S' || shapeType != 'R')
{
	shapeType = prompt("Which type of Shape would you like to find the area of?" + '\n' + "For a circle, enter C" + '\n' + "For a square, enter S" + '\n' + " For a rectangle, enter R");
	shapeType = shapeType.toUpperCase();
}

However, firebug reports that 'shapeType is null'.

How can this be? I've declared shapeType in the head as a global variable.

Any ideas?


Jenny

I am getting an error: "document.getElementById("gender") is null"

Any ideas how I can get this to work?

Code:

<head>
	<script type="text/javascript">
	var selected = document.getElementById("gender").selectedIndex;
	var lname = document.getElementById("lastname");
	
	var boyarray=new Array();
		boyarray[0]="Joseph James";
		boyarray[1]="Robert Michael";
		boyarray[2]="Brian Shawn";
		boyarray[3]="Joseph Duke";
	var boymax=(boyarray.length - 1);
	var boychoose = Math.round(Math.random() * boymax);
	
	var girlarray=new Array();
		girlarray[0]="Christine Louise";
		girlarray[1]="Cheyenne Lynn";
		girlarray[2]="Kelly Anne";
		girlarray[3]="Julia Marie";
	var girlmax=(girlarray.length - 1);
	var girlchoose = Math.round(Math.random() * girlmax);
	
	function randomname() 
	{
		if (selected = "2") {
			alert((girlarray[girlchoose]) + lname);
		}
		else if (selected="1") {
			alert((boyarray[boychoose]) + lname);
		}
		else {
			alert("Please select a gender.");
		}
	}
	</script>
</head>
<body>
	<form onsubmit="randomname(this);">
		Last Name:<input type="text" name="lastname" id="lastname"/>
		<br/>
		Gender:
			<select id="gender">
				<option value="0">Please select a gender</option>
				<option value="1">Boy</option>
				<option value="2">Girl</option>
			</select>
		<br/>
		<input type="submit" id="submit" name="submit" value="Submit"/>
	</form>
</body>

Hi, the cookies I am trying to read are values from a form that were stored. The problem I am having is that one value form the form, the value is 5000, was stored as a cookie but I cannot read it. When I display it, it returns: [object HTMLInputElement].

The code for storing the value is this:
Code:

document.cookie = "bankRoll=" + encodeURIComponent(money) + "; expires=" + expireDate.toUTCString();

, where money = 5000.

The code for reading the cookies is this:
Code:

var cookies = decodeURIComponent(document.cookie);
 var cookieNumber = new Array(10);
 cookieNumber = cookies.split("; ");   
	for(var i = 0; i < cookieNumber.length; ++i)
{
	var equalPos1 = cookieNumber[i].search("="); 
if (cookieNumber[i].substring(0, equalPos1) == "firstName") 
	firstName = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "lastName") 
	lastName = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "pCode") 
	pCode = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "bankRoll") 
	bankRoll = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "lastVisit") 
	lastVisit = cookieNumber[i].substring(equalPos1 + 1); 
	
}

The only one that does not display properly is the variable bankroll. All the others return the proper value.

I would like to know how to fix my code so that the value 5000 is displayed.

Hi i start of with a some csv data and convert this into an array. The resulting array looks like the following

[["Apple", "64"], ["Banana", "20"], ["pear", "12"], ["Orange", "16"]]

But i need this to be formatted as below without the quotes around the second value.

[["Apple", 64], ["Banana", 20], ["pear", 12], ["Orange", 16]]

Im not sure how to achieve this. I guess i need to loop through the array and strip out the quotes but im failing to get this working. Help!

http://icant.co.uk/sandbox/countdown.html

Hi, I am trying to understand the countdown above but I am having some problems. I am trying to remove some of the fields under preferences, I just want to show "Time in Seconds" and "warning start" and not any of the other fields. When I try to remove something from the script the entire thing just stop working. So my question is simple, how do I hide/remove fields under preferences without breaking the countdown?