Page 1 of 1

[Help!]Help me...inventory onclick ajax!!

Posted: Mon Jan 30, 2012 5:09 pm
by KimChunChu
Hello!
I want to make an inventory simple click and display the image on the image data as it:


Image

but I saw the source code to this inventory with ajax function looks like this:

Code: Select all

<script language="javascript">
var flashboxid = "char_box";
var delayer = 0;
var SplitResult;
function updater(slot,secondary) {
	if (delayer == 0){
	delayer = 1;
	xmlhttp = new XMLHttpRequest();
	xmlhttp.open("GET", "inv_update.php?slot=" + slot + "&item=" + secondary,true);
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4) {
			if ((xmlhttp.responseText == "female") || (xmlhttp.responseText == "male"))
				alert("This item can only be eqipped by a " + xmlhttp.responseText);
			else{
			SplitResult = xmlhttp.responseText.split("XXX");
			document.getElementById('stat_box').innerHTML=SplitResult[0];
			document.getElementById('hp_box').innerHTML=SplitResult[5];
			document.getElementById('weapon_box').innerHTML=SplitResult[1];
		  document.getElementById('inv_box').innerHTML=SplitResult[2];
		  eval(SplitResult[3]);
		  document.getElementById('hidden_box1').innerHTML=SplitResult[4];
		  }
		  delayer = 0;
		}
	}
	xmlhttp.send(null);
	}
}

var delayer2 = 0;
function statup(stat){
	if (delayer2 == 0){
	delayer2 = 1;
	xmlhttp2 = new XMLHttpRequest();
	xmlhttp2.open("GET", "statup.php?stat=" + stat,true);
	xmlhttp2.onreadystatechange=function() {
		if (xmlhttp2.readyState==4) {
			returned_stats = eval("(" + xmlhttp2.responseText + ")");
			
                  document.getElementById('health').innerHTML=returned_stats.health;
		document.getElementById('strength').innerHTML=returned_stats.strength;
		document.getElementById('agility').innerHTML=returned_stats.agility;
		  document.getElementById('precision').innerHTML=returned_stats.precision;
		  document.getElementById('defence').innerHTML=returned_stats.defence;
		  document.getElementById('mana').innerHTML=returned_stats.mana;

		  if (returned_stats.remaining == "")
                   {
		  	document.getElementById('remaining').innerHTML="";
		  	document.getElementById('health_b').style.display = "none";
		  	document.getElementById('strength_b').style.display = "none";
		  	document.getElementById('agility_b').style.display = "none";
		  	document.getElementById('precision_b').style.display = "none";
		  	document.getElementById('defence_b').style.display = "none";
		  }
		  else
                  {
		  	document.getElementById('remaining').innerHTML=returned_stats.remaining;
		  }
		  delayer2 = 0;
		}
	}
	xmlhttp2.send(null);
	}
}
</script>
I just want to be a simple one:
1. Inventory holding objects when the team by clicking to display the data object we just clicked and the character back in stock.
2. When the team to update objects and equipment items with attributes object in nature.


I want to help ... .. please. :oops: :( :cry:

Re: [Help!]Help me...inventory onclick ajax!!

Posted: Tue Jan 31, 2012 12:36 am
by Jackolantern
I'm sorry, but I can't really understand what you are asking for.

However, one tip that always holds true for me, is that you should look into jQuery for Javascript, particularly for AJAX calls. jQuery makes AJAX ridiculously easy, and it also makes it much easier to fit AJAX into the logic of your game system, since it reduces AJAX into a single function call, rather than AJAX being a huge structure that you have to blend your application in to.

Re: [Help!]Help me...inventory onclick ajax!!

Posted: Sat Feb 18, 2012 10:35 am
by KimChunChu
Ready!
I solved by a simple function XMLHttpRequest ajax.
Thanks in advance!