JavaScript - Passing Query String. What Am I Doing Wrong?

I want to map a field, city, from a MySQL database into Google Maps. I found a nice script to do it, but haven't been able to get it to work.

If I hard code an array into locations (var locations = ['Seattle', 'New York']), it works fine. Passing this SQL array into JS is giving me problems.

I've tried a number of different things, but I'm stuck. Right now I'm trying getElementById, but no dice. Any help is appreciated! Thanks.

Code:

<?php
$server_name="localhost";
$db_user="sql_user";
$db_pass="password";
$db="mydb";

$sql = "SELECT city FROM posts";
$result = mysql_query($query) or die ('Query Error: ' . mysql_error()); 
while ($results = mysql_fetch_array($result))
{
	$gender = $results[gender];
}

?>

  <div id="map_canvas" style="width: 600px; height: 400px"></div> 

  <script type="text/javascript"> 

    var locations = document.getElementById("$gender");

    var mapOpt = { 
       mapTypeId: google.maps.MapTypeId.TERRAIN,
       center: new google.maps.LatLng(38.00, -100.00),
       zoom: 3
    };

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

    var geocoder = new google.maps.Geocoder();
    var index = 0;

    var geocoderFunction = function () { 
       geocoder.geocode({ 'address': locations[index] }, function (results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
             new google.maps.Marker({
                map: map, 
                position: results[0].geometry.location
             });             
          }

          // Call the geocoder with a 100ms delay
          index++;
          if (locations.length > index) {
             setTimeout(geocoderFunction, 100);
          }
       });
    }

    // Launch the geocoding process
    geocoderFunction();
  </script>

Hello everybody !

I'm searching for a javascript function that convert array to query string. Like this example :
Code:

var array = { a=1, b=2, c=3 };
to 
a=1&b=2&c=3

I'm using jQuery and the function .serialize() convert only html forms. Does someone know a function to do this ?

Thanks !

Hi I am trying to create a query string similar to the one available he http://andrewu.co.uk/tools/request/e.../example1.html

The problem that I am having is that I have more than one button on my page and even though my id's are unique all of my data is displaying on the action page at the same time. The code that i am using for my buttons is:

Code:

<label for="name_1">Name:</label>
        <input type="text" name="name1" id="name_1" tabindex="1" size="40" value="Donald Duck" />

        <br />
        <br />

        <input type="submit" id='view1' value="Submit" tabindex="2" />
        <label for="name_1">Name:</label>
        <input type="text" name="name2" id="name_2" tabindex="1" size="40" value="Mickey Mouse" />

        <br />
        <br />

        <input type="submit" id='view2' value="View" tabindex="2" />

I have a lot more than 2 buttons on my page. when a button is clicked I would like to be able to get the values from the query string and only see the values for the button that was clicked like this one:

http://andrewu.co.uk/tools/request/e...ndrew+Urquhart

but instead I am getting Name: Donald Duck, Name: Mickey Mouse. What would I have to add or change to obtain just one Name to display at a time but have it be different depending on which button is pressed?

Hey all,

I have an issue building a query string. Basically, I have this:
/sites?order=site_numper_page=20&
But I would like to convert it to this:
/sites?order=site_num&per_page=20

I have tried this to check if the current iterator is less than the length of the object and if so, then add the "&", otherwise, don't. But it doesn't seem to work:
Code:

		$.each(query_string, function(key,value){
			params += key + '=' + value;
			if((value + 1) != query_string.length){
				params += "&";
			} 
		})

Thanks for any response.

Hello all, essentially i am grabbing a variable from the query string and i need to pass that value into another script. allow me to explain;

usually i use this code to display a persons email address from the query string onto the page using document.write

<script>
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
document.write('');
}
</script>


then i would display the var with this

<script> document.write( getQueryVariable("Contact0Email") ); </script>

------------


ok so here is what i need to do. my client sent me the code below asking me to pass the email var into the javascript and image. my programmer friend said to use php and do smething like;

<SCRIPT language="javascript" src="https://www.cpctrack.com/redirconsume.aspx?CID=25240&ORDERID=<? echo . $_GET['Contact0Email']; ?>"></SCRIPT>

<NOSCRIPT><IMG src="https://www.cpctrack.com/redirconsume.aspx?CID=25240&p=img&ORDERID=<? echo . $_GET['Contact0Email']; ?>" width="1" height="1" border="0"></NOSCRIPT>

this syntax does not work;

<? echo . $_GET['Contact0Email']; ?>

WHAT DO YOU GUYS THINK? Is the syntax wrong or are there better methods?

Hey I need help to obtain the requested javascript's query string.

Example: Code:

<script type="text/javascript" src="script.js?v=123"></script>

How can I use that query string inside script.js for example like Code:

var v = 'The code to get the query fragment';
alert(v); // alerts '123'

Thank you.
- DJCMBear

Hello Friends...
I am working on parsing the querystring using javascript
So I have successfully parsed the querystring & also replace the special character+
but I want to display the querystring in the TextField Control
So how to implement it
Please guide me....

The code is JScript .NET, which is basically a .NET version of Javascript. Regardless of language, Anyone with appending type of skill can answer my question.

The problem is, when I keep issuing the request it keeps appending over and over again



Code:

if (oSession.uriContains("search?q=")) 
{
    var str = oSession.fullUrl;
    var sAppend = "+test1+test2+test3";
    if (!oSession.uriContains(sAppend))
    {
        oSession.fullUrl = str.replace( "search?q=","search?q="+sAppend);
    }
}

Can you please give me an example? I'm still new to programming.

Thank you

fixed it. my bad. Please delete this thread.

Hello,

I am trying to update an iframe when the user makes a selection from a select box.

I don't have any trouble with changing the iframe, but when I try to send a varible as a quey string, the variable doesn't pass to the iframe properly.

// this is in my header, and it is initiated from the onchange below.
// it changes the page fine, but doesn't read the varible "num"
// that was passed to the function

<script language="javaScript">
<!--
function updatenotes (num) {
document.getElementById("desc").src = 'iframe1.cfm?dec=num'
}
//-->
</script>

// this is the select box that initiates the function from onchange
// for simplicities sake, I hard coded 3 options, but in reality,
// these options are ever changing

<select name="Description" onchange="updatenotes(this.options[selectedIndex].value)">
<option name="">Select a project</option>
<option name="2" >project2</option>
<option name="3" >project3</option>
</select>

Any help you can offer would me ver appreciated.
thanks

Hey all,

I'm in process of writing my own script (I don't want to use any jquery plugins) to render a table and allow for filtering/searching. So when user clicks on link, by default there will be parameters passed in query string as you can see in the setDefaults private method below. However, I'm stuck trying to figure out the best way to append values selected from filter dropdown to the query string. I know it will involve something along the lines of $("select").change(function(){var option = $(this).val()}). But I am having difficulty figuring out how to incorporate it with this. I would like to make use of the below buildFilter function somehow:
Code:

(function($){
	
	var listview = $('#listview');
	
	var lists = (function(){
		var criteria = {
			drop_filter: {
				check: function(value){
					if(value)
						return
				},
				msg: "Loading..."
			},
			search_filter: {
				check: function(value){
					if(value)
						return
				},
				msg: "Loading..."
			}
			
		}
		var handleFilter = function(){
		}
		return {  
			 create: function(component){
				var component = component.href.substring(component.href.lastIndexOf('#') + 1);  
				return component;
			},
			 setDefaults: function(component){
				var parameter = {};
				switch(component){
					case "sites":
						parameter = {
							'order': 'site_num',
							'per_page': '20',
							'url': '/sites'
						}
				}
				return parameter;
			},
			buildFilter: function(){
				if(event == "change")
					return criteria.drop_filter();
			}
		}
	})();  
	
	$('#dashboard a').click(function(){
		var currentComponent = lists.create(this);
		var custom = lists.setDefaults(currentComponent);
		initializeTable(custom);
	});
	
	
	var initializeTable = function(custom){
		var defaults = {};
		var query_string = $.extend(defaults, custom);
		
		var params = [];
		$.each(query_string, function(key,value){
			params += key + ': ' + value; 
		})
		alert(params);

	}
	
})(jQuery)

Thanks for any response.

In this case, Let's take Google Search as example:

The code is JScript .NET, which is basically a .NET version of Javascript. Regardless of language, Anyone with appending type of skill can answer my question.

This code is used in Fiddler(It's a Man-in-the-middle proxy)

Code:

if (oSession.uriContains("&q=")) // oSession is a Fiddler object session // uriContains() function, checks for case-insensitive string from the URI
{
    var str = oSession.fullUrl;
    var sAppend = "test1+test2+test3";
    if (!oSession.uriContains(sAppend))
    {
        oSession.fullUrl = str.replace( "&q=","&q="+sAppend);
    }
}

For those who are confused, It says, If &q= is present in the URI, replace/append &q= with &q=test1+test2+test3

Problem: It appends test1+test2+test3 instantly, when it sees &q= in the URL.

Basically, how do I make it wait until I click the submit/search button

Thank you.

Update: I heard about Onsubmit() event, but not really familiar with it. How do I use it? like, should I go to google source page and edit the form id?

Also, Any other methods besides Onsubmit()?

Hello, i'm working on a 3 page survey. When hitting next, previous, or submit it passes the values of all the questions to the next page. I've got the whole thing working correcting except for one thing: When the box is "not" checked it passes no value. I'm needing it to have a value of "1" when checked and a value of "0" when not checked, and currently when its not checked and i pass the info it leaves it blank.

I'd post the whole code to one of the pages but it's long , so i'll post the snipits of the code.
Code:

<script type="text/javascript"> 
/* <![CDATA[ */
function processQueryString() {
var formData = location.search;
formData = formData.substring(1, formData.length);
while (formData.indexOf("+") != -1) {
	formData = formData.replace("+", " ");
}
formData = unescape(formData);
var formArray = formData.split("&");
for (var i=0; i < formArray.length; ++i) {
	//document.writeln(formArray[i] + "<br />");
	var sDataName = formArray[i].split("=")
	
switch (sDataName[0]) {

case ".lib_use":
     for (var j=0; j < document.getElementsByName(".lib_use").length; ++j) {
     if (document.getElementsByName(".lib_use").item(j).value == sDataName[1]) {
     document.getElementsByName(".lib_use").item(j).checked = true;
     //alert("lib_use set");
              }
 }
 break;
case ".lib_comp":
     if (sDataName[1] == 1) {
     document.getElementsByName(".lib_comp").checked = true;
     document.getElementsByName(".lib_comp").value= 1;
   } 
   else {
    document.getElementsByName(".lib_comp").checked = false; 
   document.getElementsByName(".lib_comp").value= 0;
 }			 
 break;	
default:
      alert("not caught = " + sDataName[0]);
       continue;
		
	}
}
}
/* ]]> */
</script>

<input type="checkbox" name=".lib_comp" id="lib_comp" value="1" />

The first case that i showed in my code is a radio button, and it passes correctly, i just wanted to show the "format" i was using in a working sense. The 2nd case is an example of the check boxes.

Thanks for looking at this, and giving any suggestions you might have!

Hi,

I have what I assume started as a simple error and then trying to fix it I think I have made things so complicated I've become confused. I have two fields, a drop down list and a text field, when someone clicks on a value in a drop down list (I will show the results eventually but at the moment) I just want the result to echo in my getCategory.php and the same for the text field. Both php pages are currently being called. And at the moment contain $_REQUEST['category'] and $_REQUEST['ProductName'] respectively. Nothing is being echoed.

I know the below code is wrong, but the more I try to correct it the worse it gets so I thought I would just leave it as is before I made it worse.

Code:

<script type="text/javascript">
function loadXMLDoc1(File,ID,Msg){
if (window.XMLHttpRequest)  {
  xmlhttp=new XMLHttpRequest();
  }
else {
	try{
  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }	
}

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(ID).innerHTML=xmlhttp.responseText;
    }
  }

var params=Msg;
xmlhttp.open("POST",File,true);

xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}

</script>
</head>
<body>
<label>Search by Category: </label>
<select name="category" id="category" onchange='loadXMLDoc1("getCategory.php","txtHint","category")' class="input">
<option value="please select"
selected"selected">Please Select</option>
<option value="Clothes" name="Clothes" id="Clothes">Clothes</option>
<option value="Bags" name="Bags" id="Bags">Bags</option>
<option value="Hats" name="Hats" id="Hats">Hats</option>
</select>
	<br />
<br />
<label>Search by name: </label>
<input type="text" class="input" name="ProductName" id="ProductName" value="Search" size="30"/>&nbsp<input type="button" value="Search" onclick="loadXMLDoc1('getProductName.php','txtHint', ProductName='(this.value)')" />
	<br />
	<br />
<div id="txtHint"></div>