Multiple Ajax's

[TacMaf]

Hi, say I have:

<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      var data = xmlHttp.responseText.split("\n");
      document.Register.secimg.src=data[0];
      document.Register.sessid.value=data[1];
      }
    }
  xmlHttp.open("GET","scajax.php?r=" + Math.random(),true);
  xmlHttp.send(null);
  }
</script>

and I want to use a different Ajax function, would I have to do the same again with a different name (instead of ajaxFunction()) ?

Thanks

[chris_fuel]

When you say using a different ajax function, do you mean the onreadystatechange function? If so you can just pass a function in as a parameter, then set xmlHttp.onreadystatechange equal to the function argument.

[TacMaf]

Thanks, just did. Cheers.

[TacMaf]

Thanks. I have a different problem.
Is it possible to change the onmouseover data of <a> link?

var udata = xmlHttp.responseText.split("\n");
  document.Register.userimg.src=udata[0];
  document.Register.useromo.onmouseover=udata[1];

It doesn't seem to change, but the image does.

[chris_fuel]

What is the value of udata[1]?

[TacMaf]

Sorry forgot to mention,
for testing I have

echo "images/regt.gif";
echo "\n";
echo "return overlib('Test.', STICKY, CAPTION, 'Test', CENTER);window.status='Tactical Mafia - Registration';return true;"; 

Thanks.

[chris_fuel]

Anything come up in a javascript console of some kind (Firefox's Error Console for example)?

[TacMaf]

document.Register.useromo has no properties in firebug. I've been out of JS for a while but I had this once and I can't remember how to fix it.

[chris_fuel]

That error means that document.Register.useromo is not a valid object:

var udata = xmlHttp.responseText.split("\n");
document.Register.userimg.src=udata[0];
document.Register.useromo.onmouseover=udata[1];

The correct name is useromo not userimg right?

[TacMaf]

Yes, this is what I have:

<a name="useromo" onmouseover="return overlib('This will be your name (who you are known as) used throughout Tactical Mafia.', STICKY, CAPTION, 'Username', CENTER);window.status='Tactical Mafia - Registration';return true;" onmouseout="nd();window.status='Tactical Mafia';return true;" href="register1.php#" style=""><img src="images/regq.gif" name="userimg" border="0" alt="" /></a> 

So useromo is the link.

I can't figure it out.

[TacMaf]

Can <a> tags even be changed? I tried changing a text input field and it worked fine?

[TacMaf]

OK I got rid of the <a> tags and now I'm just using the image. The .src changing works but the .onmouseover doesnt.

[r51]

I don't think you can set the onmouseover property to a string in code. A string is used for HTML attributes but a function must be used in code.

Maybe something like:

document.Register.useromo.onmouseover=new Function(udata[1]);

You could also try giving your <a> element an id attribute of "useromo" and use

document.getElementById("useromo").onmouseover = new Function(udata[1]);

[TacMaf]

Ah I see. So what kind of thing would I need in the function?

Thanks very much.

[r51]

Does udata[1] not contain a function returned as a string from php code?

[TacMaf]

udata[1] is just "Test" set in the ajax script called using GET.

[r51]

You have this JavaScript:

var udata = xmlHttp.responseText.split("\n");

and this from php:

echo "images/regt.gif";
echo "\n";
echo "return overlib('Test.', STICKY, CAPTION, 'Test', CENTER);window.status='Tactical Mafia - Registration';return true;";

which should make udata[1] the function string above.

[TacMaf]

Right. I'm not sure if I've done this right but this is what I have:

var udata = xmlHttp.responseText.split("\n");
  document.Register.userimg.src=udata[0];
  document.Register.userimg.onMouseOver=new Function(udata[1]);

The OMO still doesn't change thought .

Thanks.

[r51]

JavaScript is case sensitive.

Try onmouseover rather than onMouseOver

[TacMaf]

It worked! Thank you r51!!