multiple functions using onchange...

[atrus123]

JavaScript n00b here.

Here's the code I'm working with:

<select name = "kw1" id = "kw1" size = "6" onchange = "return main_1(this.value)">

------
function main_1(str)
{

genMen_1(str);
genPicts_2(str);

}

Both functions in main_1 cause two different page elements to change simultaneously. The first function is supposed to generate a form element and the second function is supposed to post a picture. However, the result is that both page elements assume the properties of the second function, no matter what it is. So instead of getting a form element and a picture, I just get the same picture across both locations. If I were to reverse the order of the functions, I'd get the form element across both locations.

Any ideas? There's probably just some fundamental thing I'm missing due to my inexperience. I'd really appreciate some guidance.

[dmjpro]

JavaScript n00b here.

Here's the code I'm working with:

<select name = "kw1" id = "kw1" size = "6" onchange = "return main_1(this.value)">

------
function main_1(str)
{

genMen_1(str);
genPicts_2(str);

}

Both functions in main_1 cause two different page elements to change simultaneously. The first function is supposed to generate a form element and the second function is supposed to post a picture. However, the result is that both page elements assume the properties of the second function, no matter what it is. So instead of getting a form element and a picture, I just get the same picture across both locations. If I were to reverse the order of the functions, I'd get the form element across both locations.

Any ideas? There's probably just some fundamental thing I'm missing due to my inexperience. I'd really appreciate some guidance.

WELCOME to TSDN.

So u have three pages right???
And tell me what is the relation between them?
Means .......... Parent - Child Relation.

Kind regards,
Dmjpro.

[acoder]

Can you give the code for gen_Men1 and gen_Picts2

[atrus123]

function genMen_1(str)
{

xRequest=GetX();
var url="php/dbrequest.php";
url=url+"?s="+str;
url=url+"&sid="+Math.random();
xRequest.onreadystatechange=swapIt;
xRequest.open("GET",url,true);
xRequest.send(null);
return;

}

function genPicts_2(str)
{

xRequest=GetX();
var url="php/img_gen_2.php";
url=url+"?s="+str;
url=url+"&sid="+Math.random();
xRequest.onreadystatechange=swapPicts;
xRequest.open("GET",url,true);
xRequest.send(null);
return;

}

function swapIt()
{

if (xRequest.readyState==4 || xRequest.readyState=="complete")
{

document.getElementById("menuSwap").innerHTML=xReq uest.responseText;

}
return;

}


function swapPicts()
{

if (xRequest.readyState==4 || xRequest.readyState=="complete")
{

document.getElementById("pictplace").innerHTML=xRe quest.responseText;

}
return;

}


Thanks for your resposnes!

[atrus123]

I think I got it to do what I want it to do.

Might seem simple to many, but it's all a learning experience. I just had create two separate Ajax requests rather than try and force them through the same request.

Here's how it looks now. I'd still welcome any suggestions:

function main_1(str)
{
         xRequest=GetX();
        yRequest=GetX();
         if (xRequest==null)         {
                 alert ("Your browser is too old to run this site.");                 return;
 
        }
        var url1="php/dbrequest.php";
        url1=url1+"?s="+str;
        url1=url1+"&sid="+Math.random();
 
        var url2="php/img_gen_2.php";
        url2=url2+"?s="+str;
        url2=url2+"&sid="+Math.random();
 
        xRequest.onreadystatechange=swapIt;
        xRequest.open("GET",url1,true);
        xRequest.send(null);
 
        yRequest.onreadystatechange=swapPicts;
        yRequest.open("GET",url2,true);
        yRequest.send(null);
 
        return;
 
 
}

[acoder]

I think I got it to do what I want it to do.

Might seem simple to many, but it's all a learning experience. I just had create two separate Ajax requests rather than try and force them through the same request.

Actually, that would be the better way because your previous code was using the same request at the same time which would cause the overwriting. One other possibility would be to wait for one to complete and then make the second request.