JavaScript - Ip Address + Domain Lookup Script

I am trying to create a form field which has a button attached to it which when clicked will open a popup search window used to search for a record which can search by a record id or record data and then when a record is selected it will close the popup window and enter the caption into a locked text field and store the record id in a hidden field. When the form is submitted it should pass the record id to the form handler.

I am looking for a simple script or I hope it seems. I need the script to function like this:

[text box] insert telephone number here in format like this xxx-xxx-xxxx

but once the number is entered I would like for it to auto detect the area code and in a box or just as text to the right or left I would like for it to display the state that the area code corresponds with. I am using a set of predetermined area codes that I can enter myself once I am made aware of the script.

IF this is possible then I would greatly appreciate the help!

Hey,

I have a location lookup tool that pulls data from a Google Fusion table. User's type their address in and it drops a pin and info window at the place / result that matches their location. It works great with one location, but now I need it to display multiple results / drop multiple pins if they match the criteria

Here's the working code that drops one pin (sorry it's a lot):

Code:

 google.load('visualization', '1', {'packages':['corechart', 'table', 'geomap']});

var FusionTableID = 'tableid';
    var map = null;
    var geocoder = null;
    var infowindow = null;
    var marker = null;

function initialize() {


  geocoder = new google.maps.Geocoder();
  infowindow = new google.maps.InfoWindow({size: new google.maps.Size(150,50) });
  // create the map
  var myOptions = {
    zoom: 7,
    center: new google.maps.LatLng(41.9908, -93.4208),
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

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

  layer = new google.maps.FusionTablesLayer({
    query: {from:FusionTableID},
    styles: [{
      polygonOptions: {
              fillColor:'#000000',
              fillOpacity: 0.01,
              strokeColor:'#000000',
              strokeOpacity: 0.01
      }
    }],
    suppressInfoWindows:true
  });
  layer.setMap(map);


  google.maps.event.addListener(layer, "click", function(e) {
    var content = "<b>"+e.row['name'].value+"</b>";
    infowindow.setContent(content);
    infowindow.setPosition(locationgeocode);
    infowindow.open(map);
  });

  document.getElementById('submit').onclick = function() {
      document.getElementById("submit").value = "Searching";
  };
}


function showAddress(address) {

  var contentString = address+"<br>Outside Area";

  geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
      var point = results[0].geometry.location;
      contentString += "<br>";
      // query FT for data
      var queryText ="SELECT 'County', 'Name', 'Location Name', 'Location Address', 'Location City', 'Location State', 'Location Zip', 'geocode'  FROM "+FusionTableID+" WHERE ST_INTERSECTS(\'geometry\', CIRCLE(LATLNG(" + point.toUrlValue(6) + "),0.01));";
      // document.getElementById('FTQuery').innerHTML = queryText;
      queryText = encodeURIComponent(queryText);
      var query = new google.visualization.Query('http://www.google.com/fusiontables/gvizdata?tq='  + queryText);

      //set the callback function
      query.send(openInfoWindowOnMarker);

      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
  });
}

function openInfoWindowOnMarker(response) {
  if (!response) {
    alert('no response');
    return;
  }
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  }
  FTresponse = response;
  //for more information on the response object, see the documentation
  //http://code.google.com/apis/visualization/documentation/reference.html#QueryResponse
  numRows = response.getDataTable().getNumberOfRows();
  numCols = response.getDataTable().getNumberOfColumns();
  var content = "<b>Outside of Iowa</b><!--";
  var unionBounds = null;
//  alert(numRows);
  for (var i=0; i < numRows; i++) {
     var county = FTresponse.getDataTable().getValue(i,0);
     var precinct = FTresponse.getDataTable().getValue(i,1);
     var locationname = FTresponse.getDataTable().getValue(i,2);
     var locationaddress = FTresponse.getDataTable().getValue(i,3);
     var locationcity  = FTresponse.getDataTable().getValue(i,4);
     var locationstate = FTresponse.getDataTable().getValue(i,5);
     var locationzip = FTresponse.getDataTable().getValue(i,6);
     var locationgeocode = FTresponse.getDataTable().getValue(i,7);
//     var kml =  FTresponse.getDataTable().getValue(i,1);
     // create a geoXml3 parser for the click handlers
     content = "<b>"+locationname+"</b><br />"+locationaddress+"<br />"+locationcity+locationstate+" "+locationzip+"<br/><a href='http://maps.google.com/maps?daddr="+locationaddress+" "+locationcity+" IA "+locationzip+"' target='_blank' >Click here for Directions</a><br /></br></p><!--";
/*
     var geoXml = new geoXML3.parser({
                    map: map,
            zoom: false
                });
//   alert(kml);
     geoXml.parseKmlString("<Placemark>"+kml+"<\/Placemark>");
     geoXml.docs[0].gpolygons[0].setMap(null);
     if (!unionBounds) unionBounds = geoXml.docs[0].gpolygons[0].bounds;
     else unionBounds.union(geoXml.docs[0].gpolygons[0].bounds);
*/
   }



  // zoom to the bounds
  // map.fitBounds(unionBounds);
  setTimeout(function() {
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });
    infowindow.setContent(content+marker.getPosition().toUrlValue(6));
    google.maps.event.trigger(marker, 'click');
    document.getElementById("submit").value = "Search";
  }, 150);
  geocoder.geocode( { 'address': locationaddress+","+locationcity+locationstate+" "+locationzip}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      var point = results[0].geometry.location;
      map.setCenter(point);
      map.setZoom(12);
      if (marker && marker.setMap) marker.setMap(null);
      marker = new google.maps.Marker({
          map: map,
          position: point
      });
    };
  });
}

I basically need it to drop multiple pins if multiple queries match var queryText ="SELECT 'County', 'Name', 'Location Name', 'Location Address', 'Location City', 'Location State', 'Location Zip', 'Hours', 'geocode' FROM "+FusionTableID+" WHERE ST_INTERSECTS(\'geometry\', CIRCLE(LATLNG(" + point.toUrlValue(6) + "),0.01));";

Any thoughts, fixes, or even a point in the right direction would be incredibly helpful. I'm really stuck on this one and have been trying at it for a couple of days now. Even something like getting it to print a second query that I can mark in the table as a second location would be helpful. Something like a second pin that matches:
Code:

  var queryText2 ="SELECT  'County', 'Name', 'Location Name', 'Location Address', 'Location City', 'Location State', 'Location Zip',  'Hours', 'geocode'  FROM "+FusionTableID+" WHERE ST_INTERSECTS(\'geometry\', CIRCLE(LATLNG(" + point.toUrlValue(6) + "),0.01)); AND locationname = 'Location 2'";

Thanks!!

Hey everyone here is my code for looking up a city, and state by zip code. I am getting no errors and i believe it should work, but the code does not seem to want to function. Any ideas?


Here is my code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>City and State Lookup</title>

<style type="text/css">
h1 {
font-family:Arial;
color:navy;
}
p, td {
font-family:arial;
font-size:11px;
}
</style>

<script type="text/javascript">
/* <![CDATA[ */

var httpRequest = false;
function getRequestObject() {
try {
httpRequest = new XMLHttpRequest();
}
catch (requestError) {
try {
httpRequest = new ActiveXObject
("Msxm12.XMLHTTP");
}
catch (requestError) {
try {
httpRequest = new ActiveXObject
("Microsoft.XMLHTTP");
}
catch (requestError) {
window.alert("Your browser does not support AJAX!");
return false;
}
}
}
return httpRequest;
}

function updateCityState() {
if (!httpRequest)
httpRequest = getRequestObject();
httpRequest.abort();
httpRequest.open("get","zip.xml");
httpRequest.send(null);
httpRequest.onreadystatechange=getZipInfo;
}

function getZipInfo() {
if (httpRequest.readyState==4 && httpRequest.status == 200) {
var zips = httpRequest.responseXML;
var locations = zips.getElementsByTagName("Row");
var notFound = true;
for (var i=0; i<locations.length; ++i) {
if (document.forms[0].zip.value == zips.getElementsByTagName(
"ZIP_Code")[i].childNodes[o].nodeValue) {
document.forms[0].city.value = zips.getElementsByTagname(
"City") [i].childNodes[0].nodeValue;
document.forms[0].state.value = zips.getElementByTagName(
"State_Abbreviation")[i].childNodes[0].nodeValue;
notFound = flase;
break;
}
}
if (notFound) {
window.alert("Invalid ZIP code!");
document.forms[0].city.value = "";
document.forms[0].state.value = "";
}
}
}
/* ]]> */
</script>

</head>

<body>

<h1>City and State Lookup </h1>
<form action="">
<p>Zip code <input type="text" size="5" name="zip" id="zip"
onblur="updateCityState()" /></p>
<p>City <input type="text" name="city" />
State <input type="text" size="2" name="state" /></p>
</form>



</body>
</html>

if I set a cookie for domain=.domain.com

how do I read the cookie for domain=.domain.com, cause the javascript won't no that the cookie even exist? Been running a lot of test on this today, and can't find the right solution.

Hi,

I have an ajax script that I would like to use to retrieve a password hint from a database.

Both the ajax script and the php retrieval script are stored on the same domain (we'll call it domain1.com), but the ajax script runs on another domain (domain2.com).

All the scripts are working fine, individually, but when I try to integrate them, I'm getting a ready state of 4, but an HTTP status of 0. I've traced the code flow and the retrieval script is being called by the ajax script OK and it's echoing all the right stuff, but it's just not getting back to calling ajax routine.

I've read that an ajax routine can only call a script that resides on the same domain that it runs on. Is this correct and, if so, does anyone know of a work around, because I really need to be able to store the ajax script on domain1 and run it on domain2?

If not, then can anyone suggest why I'm getting an HTTP status of 0, when all the individual components are working fine?

Debbie

Hi:

I am having an issue that is quite strange. I have some javascript included into a page. It is working perfectly on one website. I duplicated the exact page to another domain and it wont work there at all. I have verfied that the html and javascript are exactly identical on both sites. Please help.

Note: Both sites are defined in IIS on the same server.
Also both sites directories are on the same server.

Code:

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
	<script src="http://jqueryui.com/jquery-1.4.4.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>

	<script src="http://jqueryui.com/ui/jquery.ui.accordion.js"></script>
	
	<script>
	    $(function () {
	        $("#accordion").accordion();
	    });
	</script>

Hello

I'm using lytebox to open an iframe, but the iframe url is in another domain that the parent window.

i need to close the iframe when user clicks a button. I can do that with javascript : top.$lb.end();
the $lb.end(); starts lytebox scripts in parent window which close the iframe and modify all the css stuff.
That works when my iframe url is in the same domain. But when it's in another domain, that does'nt work.

Can anyone tells me how to do that ? Starting the $lb.end() function of the parent window ?
Thank you.

Hello,

I am trying to create an imageuploader for my forum hosted on domain forum.com (fictional domain name)

The image uploader is hosted on domain uploader.com (fictional domain name)

When the uploader is done i want info to be passed from the uploader to the texteditor on the forum using javascript.

I tried everything i could think of with document.getElementById but to no avail.

The element on the forum is clickableEditor.textarea

Is it possible and if so, can someone please help me out?

Hi All
I have a list of links on my website with anchors coded the following way:

<ul class="fav"><a href="/cgi-bin/send.pl?ID=XX" onMouseOver="window.status='http://www.domain.com'; return true;" onMouseOut="func_clear(); return true;" onClick="stat(294);" target="_blank">Linked domain name</a></ul>

Then I have found on http://www.askthecssguy.com/2006/12/..._favicons.html
a javascript to display a favicon image before each one of my links in the list;
this script is working fine when getting the domain name from href value.
But in my case the suitable domain name to load each favicon is present in window.status value.

I have played a bit with the above scripts and finally I'm trying to use the following function:

Code:

function faviconizeFavicon() { 
  if (!document.getElementsByTagName) return false;
  if (!document.createElement) return false;
  var ul = document.getElementsByTagName("ul");
  for (var i=0; i<ul.length; i++) {
  	if (ul[i].className == "fav") {
  		var links = ul[i].getElementsByTagName("a");
  		for (var j=0; j<links.length; j++) {
  		var hrefvalue = links[j].parentNode.innerHTML;
	             var domain = 'default_favicon.gif';		
domain = hrefvalue.match(/(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)\'/g);
			
try{
	             var cue1 = document.createElement("img");
		cue1.className = "favicon";
		cue1.src = 'default_favicon.gif';
		cue1.id = 'img' +i+ j;
		links[j].parentNode.insertBefore(cue1,links[j]);						

		var cue = document.createElement("img");
		cue.className = "favicon";

		var cuesrc = "http://"+ domain + "/favicon.ico";
		cuesrc = cuesrc.replace("http://http://","http://");
		cuesrc = cuesrc.replace("'/favicon.ico","/favicon.ico");
		cue.setAttribute("imgid",'img' +i+ j);
		cue.setAttribute("src",cuesrc);
		cue.onload = function () {
		document.getElementById(this.getAttribute("imgid")).src = this.src;
		}
		cue.setAttribute("src",cuesrc);
		}
		catch ( ex )
		{
		}						
		}
  	}
  }
}

This javascript should display first the default locally available favicon gif before each link and then try to load original favicons from each domain and display them at the place of default favicon gif only if available.

The above code works with any console errors but very randomly and not with all websites ??
Some favicons are loaded from distant websites and some of them never, independing of network quality or other factors!

So I'm wondering why this code is not working for each link ?


My question is:

could you please have a look on my following Regex if this should work in every case with each domain name ?

domain = hrefvalue.match(/(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)\'/g);

I put the apostrophe at the end because my url in window.status is always ended by a single closing.

Also I'm asking if taking into account that ONLY my window.status value is placed between single apostrophes and ALL other values of my anchors are opened and closed with double apostrophes, maybe it would be easier to get my domain value searching for any value between two single apostrophes ??

My another question is:
Is it possible that other javascripts present in my html code could interfere with this script and make it working randomly ?

Thanks in advance for any clues

Okay, reason I say that is, its not accurate to the actual domain that the "script" is located on.

For example, domain.com has the <script url=domain2.com/jsfile> which has
" document.domain " (this = domain.com)

However, if i have frame of domain3.com which frames domain.com the domain will show domain3.com but thats not what I care about, I want domain.com since thats whats actually being shown.

Any possible fixes to this?

Hi,

I am confused how to make this javascript work as I want it to be.

Right now the code forces pop unders in IE and FF and it's coded that way that the pop under will pop up once on the main domain per day per customer.

My problem is that it also pops up on every subdomain and it doesn't recognize the subdomains and so pops up everytime I browse through my subdomains.

Yet I am new and I tried searching the form for an answer. I added the /path function, but that didn't work, Mostlikely because I added it at the wrong spot. I am not a real programmer myself, so excuse me if the answer is real simple.

Thanks in advance.

The script I am talking about:

=========================
Code:

<script type="text/javascript">
   var puShown = false;
   function doOpen(url)
   {
           if ( puShown == true )
           {
                   return true;
           }
           win = window.open(url, 'wmPu', 'toolbar,status,resizable,scrollbars,menubar,location,height=600,width=800');
           if ( win )
           {
                   win.blur();
                   puShown = true;
           }
           return win;
   }
   
   
   function setCookie(name, value, time)
   {
       var expires = new Date();
       
       expires.setTime( expires.getTime() + time );
       
       document.cookie = name + '=' + value + '; expires=' + expires.toGMTString();
   }
   
   
   function getCookie(name) {
       var cookies = document.cookie.toString().split('; ');
       var cookie, c_name, c_value;
       
       for (var n=0; n<cookies.length; n++) {
           cookie  = cookies[n].split('=');
           c_name  = cookie[0];
           c_value = cookie[1];
           
           if ( c_name == name ) {
               return c_value;
           }
       }
       
       return null;
   }

   function initPu()
   {
           if ( document.attachEvent )
           {
                   document.attachEvent( 'onclick', checkTarget );
           }
           else if ( document.addEventListener )
           {
                   document.addEventListener( 'click', checkTarget, false );
           }
   }
   
   
   function checkTarget(e)
   {
       if ( !getCookie('popundr') ) {
           var e = e || window.event;
           var win = doOpen('http://www.examplesite.com');
           
           setCookie('popundr', 1, 24*60*60*1000);
       }
   }
   initPu();
</script>

JavaScript code is not traversing via Iframe with Cross Domain.

Actually i was assigned with a project, to grab the top page URL, which has many Iframes, which are coming from different domains. The final sub domain has the JavaScript code, which has to grab the top page URL.

Can anyone help me out in this????

hi,

my working project (needs a proxy): http://www.mypubspace.com/dashtest/order.html

currently working through this tutorial, I have setup a proxy and saved it as proxy.php
http://www.wait-till-i.com/2010/01/1...query-and-yql/


I just need to put this piece of code in my JavaScript but not sure where?!

Code:

var url = $(this).attr('href');
    if(url.match('^http')){
      url = 'proxy.php?url=' + url;
    }

here is my project code
Code:

<html>
<body>

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
	var townRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		townRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			townRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				townRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	townRequest.onreadystatechange = function(){
		if(townRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = townRequest.responseText;
		}
	}
	var name = document.getElementById('name').value;
	var county = document.getElementById('county').value;
	var town = document.getElementById('town').value;
	var queryString = "?name=" + name + "&county=" + county + "&town=" + town;
	//Add the following line
	townRequest.open("GET", "http://www.mypubspace.com/dashtest/townpubs.php" + queryString, true);
	townRequest.send(null);
}

function countyFunction(){
	var countyRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		countyRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			countyRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				countyRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	countyRequest.onreadystatechange = function(){
		if(countyRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = countyRequest.responseText;
		}
	}
	var name = document.getElementById('name').value;
	var county = document.getElementById('county').value;
	var town = document.getElementById('town').value;
	var queryString = "?name=" + name + "&county=" + county + "&town=" + town;
	//Add the following line
	countyRequest.open("GET", "http://www.mypubspace.com/dashtest/countypubs.php" + queryString, true);
	countyRequest.send(null);
}



function townlistFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		
		
	 if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxTownlist');
			var county = document.getElementById('county').value;
			var town = document.getElementById('town').value;
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", "http://www.mypubspace.com/dashtest/town-select.php", true);
	ajaxRequest.send(null); 
}

function countylistFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxCountylist');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", "http://www.mypubspace.com/dashtest/county-select.php", true);
	ajaxRequest.send(null); 
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

//-->
</script>

<a href="#" onClick="townlistFunction();">show towns list</a>
<a href="#" onClick="countylistFunction();">show counties list</a>
<form name='myForm'>
<div id="ajaxTownlist"></div>
<div id="ajaxCountylist"></div>
<input type='hidden' id='name' />
<input type='hidden' id='county' />
<input type='hidden' id='town' />
</form>
<div id='ajaxDiv'></div>
</body>
</html>

please help?!

Hi All,

I'm writing this post as there are alot of questions about Cross Domain AJAX request so i'm going to give an overview of the different ways and the best practices

Ok so there are 2 systems for this the key difference is how much control you have.

If you control the Requested site you can use Javascript Safe calling to that server, this is all done via a few Headers so to do this

all you have to do is send some headers from the page your requesting.

The first is tell the browser that the site the AJAX call is coming from is allowed this is done with

"Access-Control-Allow-Origin: "
Now this can be set to a wild card and allow all sites to access the page

"Access-Control-Allow-Origin: *"

Or you can say only a set server can
"Access-Control-Allow-Origin: mydomain.com"

This header allows GET requests but what if you need to post data to the site well you need to tell the browser that POST data is allowed to be sent

Access-Control-Allow-Headers: GET,POST

Now we run into the problem that sending post data the browser will send the header Content-Type but your server has not told the browser its allowed to send that header so
Access-Control-Allow-Methods: Content-Type

Will allow the header to be sent if you wish to send any other custom headers you have to make your server tell the browser its allowed to send them this is done by adding them as a comma delimited list via the "Access-Control-Allow-Headers" header

Now if you dont have control well then your back to using a script that is local to the AJAX script then sending the data via cURL or another connection method to the remote server

Please note i will be uploading examples in php later.

Example Scripts

Remote Server
PHP Code:
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: GET,POST");
header("Access-Control-Allow-Methods: Content-Type");
$output = array(
    'response' => 'hello world!',
    '_GET' => $_GET,
    '_POST' => $_POST,
);
echo json_encode($output); 


Client Script -- please note built for Google Chrome
PHP Code:
var getExample = new XMLHttpRequest();
getExample.open("GET", "http://www.test.com/remote.php?test=set", true);
getExample.onreadystatechange = function(requestHandle){ console.debug(requestHandle); }
getExample.send(null);

var postExample = new XMLHttpRequest();
postExample.open("POST", "http://www.test.com/remote.php?test=set", true);
postExample.onreadystatechange = function(requestHandle){ console.debug(requestHandle); }
postExample.setRequestHeader("Content-Type", "x-www-urlencoded-data");// this is sent to prevent the requested server not saving post data
postExample.send("?set=test"); 


If you are unable to Edit files on the remote server you can use the link provided by Kor
http://www.troywolf.com/articles/

This will give you all the information you require to use php to talk to the remote server (basic proxy in effect)