Send POST/GET Request Without Reloading Page.

[boxxertrumps]

I Need Something Ajax-ey. there are several Divs Styled to match a style sheet that the left of my layout, and i hope to find a script that allows me to access a php file that sets a new style without interrupting the user's activities. (I have An IRC applet and games and music and junk on my site...)

Maybe a notification after if its not too much trouble.

EDIT:
searched for a bit, is this right?

function go(number)
{
var str = "style=number";
var url = "http://boxxer.mooo.com/index.php";// No question mark needed
xmlReq.open("POST",url,true);
xmlReq.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded; charset=UTF-8");
xmlReq.send(str);
}

Then In the Div onclick="go(1)"

[tech_support]

function makeRequest(url, eId, getpost, senddata) {
	if(getpost == "undefined" || getpost != "POST" || getpost != "GET") {
		getpost = "GET";
	} 
	var http_request = false;
		if (window.XMLHttpRequest) { // Mozilla, Safari, ...
			http_request = new XMLHttpRequest();
				if (http_request.overrideMimeType) {
					http_request.overrideMimeType('text/xml');
					// See note below about this line
				}
		} else if (window.ActiveXObject) { // IE
			try {
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					http_request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
		}

	if (!http_request) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	
	http_request.onreadystatechange = function() {
		if (http_request.readyState == 4 && http_request.status == 200)	{
			
			document.getElementById(eId).innerHTML = http_request.responseText;
		}
		else	{
			document.getElementById(eId).innerHTML = "Please wait..."
		}
	};
	http_request.open(getpost, url, true);
	if(getpost == "POST") {
		http_request.send(senddata);
	} else {
		http_request.send(null);
	}
}

Untested but should work.

[boxxertrumps]

Ive changed your code a bit to better suit my needs...

<script type="text/javascript">

function makeRequest(senddata) {
    getpost = "POST";
    var http_request = false;
    if (window.XMLHttpRequest) {
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
             http_request.overrideMimeType('text/xml');
        }
    } else if (window.ActiveXObject) {
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }

    if (!http_request) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
	
    http_request.onreadystatechange = function() {
        if (http_request.readyState == 4 && http_request.status == 200)   {
			
            document.getElementById("changeThis").innerHTML = http_request.responseText;
        } else {
            document.getElementById("changeThis").innerHTML = "Please wait..."
        }
    };
    http_request.open(getpost, http://boxxer.mooo.com/cookie.php, true);
    if(getpost == "POST") {
        http_request.send(style=senddata);
    } else {
        http_request.send(null);
    }
}
</script>

ive Set Cookie.php to create a dump text file for all $_POST[style] values, but none have shown up...

Forgot the divs...

<a href="#" onclick="makeRequest(3)"><div class="sample" onclick="makeRequest(3)" style="border-color:#ffaaaa #550000 #550000 #ffaaaa;background-color:#bb7777;"></div></a>
<p id="changeThis">Push Buttons To Change Colors.</p>

[tech_support]

...
http_request.send(style=senddata);
...

Forgot the ' .

[Twey]

As in:

http_request.send('style=senddata');

ive Set Cookie.php to create a dump text file for all $_POST[style] values, but none have shown up...

Use $_POST['style']. Relying on PHP to convert an undefined constant to a string is decidedly bad practice.

[boxxertrumps]

script works. Done is Echoed...
heres cookie.php

<?php
$handle = $_POST[style];
$f = fopen("dump.txt","a");
fwrite($f,$handle);
fclose($f);
$coo = setcookie("style",$handle,time()+3600*24*30*12,/,boxxer.mooo.com);
if ($coo) {echo "Done. Refresh to view new colors.";}
else {echo "Failed.";};
?>

Am I Doing It Wrong?

[mburt]

It should work, but generally the $handle variable executes the fopen function, and in this case $f should contain the data to replace with.

[Twey]

<?php
$handle = $_POST['style'];
$f = fopen("dump.txt","a");
fwrite($f,$handle);
fclose($f);
$coo = setcookie("style",$handle,time()+3600*24*30*12,/,'boxxer.mooo.com');
if ($coo) {echo "Done. Refresh to view new colors.";}
else {echo "Failed.";}
?>

Don't forget those quotes! In many cases, PHP will convert an undefined constant to a string, but as I said above, relying on this is bad practice. It certainly won't try to convert / into '/', since / is an operator.

[boxxertrumps]

I set up a form to send post data to cookie.php, and its fine.

the javascript is the problem, it wont send the data.
function makeRequest(value) {

... Object xmlhttp defined ...

xmlHttp.open("POST","http://boxxer.mooo.com/cookie.php",true);
xmlHttp.send('style=value');
}
<a href="#" onclick="makeRequest(0)">

[mburt]

I completely missed that, but Twey's right. You need to put quotes around the "style" post