Problem when opening popup window in ajax

[bhappy]

Hai all,

Is any body know ajax?

[acoder]

Post your problem code. What's supposed to happen and what's happening instead? What errors do you get, if any?

[dmjpro]

Hai all,

Is any body know ajax?

Let me know first how much u know AJAX?

Kind regards,
Dmjpro.

[bhappy]

Hai all,

Thanks for replay. I want to create a popup window when i select ' add new' in dropdown list.iam using the following code.

url = "var W=window.open('" + url + "','Country','width=350,height=200,toolbar=no,menubar=no, scrollbars=no status=yes'); W.moveTo(110,30); W.focus(); "
 
 Response.Write("<script> " + url.ToString + "</script>")
 

Before that for binding dropdown list details im using AJAX code.Now the problem here is Popup window is not opening?

[acoder]

Threads merged. Please do not double post.

Also remember to use code tags when posting code.

[bhappy]

Hi all,

Any Answer to my problem.

Thanks,
Aswath.

[dmjpro]

Hai all,

Thanks for replay. I want to create a popup window when i select ' add new' in dropdown list.iam using the following code.

url = "var W=window.open('" + url + "','Country','width=350,height=200,toolbar=no,menubar=no, scrollbars=no status=yes'); W.moveTo(110,30); W.focus(); "
 
 Response.Write("<script> " + url.ToString + "</script>")
 

Before that for binding dropdown list details im using AJAX code.Now the problem here is Popup window is not opening?

What is Response.Write.
Please Exaplin.

Kind regards,
Dmjpro.

[acoder]

Before that for binding dropdown list details im using AJAX code.Now the problem here is Popup window is not opening?

This code will not work because it is called while the page is loading.

Put it inside a function and then call that function onchange. Check that the selected value is "add new".

[acoder]

What is Response.Write.

I'm assuming Response.Write is ASP which is why I used ASP code tags.

[bhappy]

Hi,

Response.write() means it will open new popup window. If i don't use ajax
to bind dropdown list details then popup window is opened for the same code what i listed above. But if i use AJAX window is not opening why?

Thanks,
Aswath.

[acoder]

Response.write() means it will open new popup window. If i don't use ajax to bind dropdown list details then popup window is opened for the same code what i listed above. But if i use AJAX window is not opening why?

Post the rest of your code.

[bhappy]

Hi,

This is the entire code what iam using to create popup window.

url="country.aspx"
 If a = "Add New" Then
 url = "var W=window.open('" + url + "','Country','width=350,height=200,toolbar=no,menubar=no, scrollbars=no status=yes'); W.moveTo(110,30); W.focus(); "
        Response.Write("<script> " + url.ToString + "</script>")
 
            End If
 

Same code works for without AJAX. If i use AJAX This code is not working .Why?

Thanks,
Aswath.

[acoder]

Show your Ajax code and how you call it using the dropdown.

PS. use code tags when posting code.

[bhappy]

Hi,

I will explain what my intension is, In my aspx page i have 3 dropdown lists country, state, city.If i select one country then related states will bind on state dropdown list. same for city also.

Without AJAX ::
I put country & state dpd's autopostback=true And to create popup window im using the above code.Then it successfully creating window.


With AJAX ::

I used ajax code to bind state & city details .So i got o/p without loading the page.But for creating popup window also im using the same code what i used above.But it is not working.

[acoder]

See post #8 in this thread. You will need to put it in a function and call that onchange (on the select element).

[bhappy]

Hi,
Thanks,
I did what You told yestraday.I put my code in seperate function.Now The popup window is opening.But now i am getting other problem that i want to close that child window, for that iam using " Child.window.close()" method. but it is not closing.And I didn't get the details in dropdown list of my parent window.Why?



Thanks,
Aswath.

[acoder]

I did what You told yestraday.I put my code in seperate function.Now The popup window is opening.But now i am getting other problem that i want to close that child window, for that iam using " Child.window.close()" method. but it is not closing.And I didn't get the details in dropdown list of my parent window.Why?

Show your updated code.

You need to keep a reference to the opened window by, e.g.

var child = window.open(...);

[bhappy]

Hi,
Thanks a lot, Now window is closing by creating reference.But i can't get the data of child window into my parent window.My parent window dropdownlist becomes empty.Any ideas....?

Thanks,
Aswath.

[acoder]

Show the code which populates the list.

[bhappy]

Hi,

Code:.net
After Addibg One country im populating state details .

 Dim sql1 As String = "select name as cstate,sid as id from master_state where cid = '" & cid & "' order by name for xml auto"
                com = New SqlCommand(sql1, con)
                dr = com.ExecuteReader()
                If dr.HasRows Then
                    If dr.Read Then
                        s.Append(dr.GetString(0).Trim())
                    End If
            Response.ContentType = "Text/xml"
 
                Response.Write("<States>" + s.ToString())
 

In This time no states in newly added country so it display empty in state dropdown list, but in country dropdown list also it showing empty.Why?

Thanks,
Aswath.

[bhappy]

Hi All,

Any Answer to my problem?

thanks,
Aswath.

[acoder]

In This time no states in newly added country so it display empty in state dropdown list, but in country dropdown list also it showing empty.Why?

Show the Javascript code that updates the state dropdown list.

Also remember to use code tags when posting code.

[bhappy]

Dear Acoder,

I againg coming with new query, first of all thanks a lot u helped me more.All of my previous problems are rectified.After selecting "Add New" in dropdown list
The popup window is opening, But The problem is after the popup window is closing(autometically) the parent window is reloading to get the newly added details(country).But what my client needed is that the newly added value shuld be disply in that dropdownlist(country)

so plz help me.

[bhappy]

Hi All,

Any Answer to my query....?



Thanks,
Aswath.

[bhappy]

Hi,

Once the popup window is closed the parent window is reloading autometically in ajax why..?

Thanks,

[acoder]

Again, you'll have to show the code. Post your Javascript code (not .NET code). If there's a lot of code and it's possible, post a link to a test page instead.

[bhappy]

Hi,
Iam Sorry,Still im not upload my project.and the AJAX code contains more than 600 lines,for all ie., creating popup window's for new country, new state, and new city.as well as binding state & city details after country dpd list has changed. So The problem is Once i create new country or state or city the parent window is reloaded and i lost the details on my parent window ie.,(company name, address etc...all textboxes).I need to enter the details once again in textboxes.


Thanks,
Aswath.

[acoder]

Locate the code which creates the country, state and city dropdown lists and just post that here.

[bhappy]

Hi Acoder,

Here is code to create new country.
Code:(AJAX) ---- For New Country ------

if(cid=="Add New")
    {
     if (obj!=null )
            {
            obj.onreadystatechange = n;  
               var url="Country.aspx"; 
                    var W=window.open(url,'Country','width=400,height=200,toolbar=no,menubar=no, resizable=yes,scrollbars=yes status=yes');      
                W.focus();
}
}
 function n()
          {
           var c_id=document.getelementbyid("id");
           if (obj!=null )
            {
            obj.onreadystatechange = contry;  
             obj.open("GET","../getcontact.aspx?id="+c_id+"&status=4",true);
 
            obj.send(null); 
          }
   }
 
 function contry()
    {
    if(obj.readyState == 4)
    { 
        if (obj.status == 200)
        {
            retval = ""
            var retval = obj.responseText;                
            retval += "</countries>"
            clearSelect(document.getElementById("dpdcontry"));            
            populatecntry(retval)        
        }
        else
          {
            alert('error');    
          }
        }
    }   

And remaning code is comman that is getting 'httprequestobject' .

Thanks,
Aswath.

[bhappy]

Hai,

What's Happened.......?Can u understand my code.I thin no. Ok tell me how to store the page contents tempororly? I made all my controls to "EnableViewState=True" Then also i m not able to persist the details.


Thanks,
Aswath.

[bhappy]

Hi Acoder,

I got the error ,but i don't know solution.The problem is here

Response.Write("<Script language='JavaScript' type='text/javascript'>opener.location='Company.aspx?id=" + c_id + "';self.close(); </Script>")

Here im sending newly created Country_id to company.aspx page(parent).That's why parent window is reloading to get newly created country.Now tell me is there any way to reload only dropdownlist?
I tryed like
" dpdcontry.opener.location.reload(). " But it doesn,t works. U r my only hope

Thanks,
Aswath.

[acoder]

Hi Acoder,

Here is code to create new country.

On line 13, it should be document.getElementById().

Show the code for clearSelect and populateCntry functions.

[acoder]

Hi Acoder,

I got the error ,but i don't know solution.The problem is here

Response.Write("<Script language='JavaScript' type='text/javascript'>opener.location='Company.aspx?id=" + c_id + "';self.close(); </Script>")

Here im sending newly created Country_id to company.aspx page(parent).That's why parent window is reloading to get newly created country.Now tell me is there any way to reload only dropdownlist?
I tryed like
" dpdcontry.opener.location.reload(). " But it doesn,t works. U r my only hope

To update the dropdown list, access the element using opener.document.getElementById(). Don't use location or reload(). That would just reload the page.

[bhappy]

Hi
Here is the code for populate contry & clearselect
Code:(AJAX)

function populatecntry(response)
  {
 // var con_id=document.getElementById ("dpdcontry").value 
        var xmlDoc=new ActiveXObject("Microsoft.XMLDOM")//Create the XMLDOM object
        xmlDoc.async = false
        xmlDoc.loadXML(response)        
            var opt
            var cityselem = xmlDoc.getElementsByTagName("countries")
            var cityelem = cityselem[0].getElementsByTagName("master_country")
            var opt = document.createElement("option")
            opt.setAttribute("value",-1)
            //var textnode = document.createTextNode ("Select Country")
            opt.appendChild(textnode)
              document.getElementById ("dpdcontry").appendChild(opt)                            
    for (var i = 0;i<cityelem.length ;i++)
    {
    var textnode = document.createTextNode (cityelem[i].getAttribute("name"))
    //alert(stateelem[i].getAttribute("cstate"))
    appendtoselectcntry( document.getElementById ("dpdcontry"),cityelem[i].getAttribute("cid"),textnode)    
    }            
   } 
 
 
 
function clearSelect(select)
    {
    //alert(document.getElementById ("dpdcontry"));
    //alert(select);
     select.options.length = 0;
}
 

I listed in previous post that in javascript is there nay way to reload only dropdownlis?

Thanks,
Aswath.

[acoder]

I listed in previous post that in javascript is there nay way to reload only dropdownlis?

You don't need to reload anything. Just access the element from the child window:

var dropdown = opener.document.getElementById("dpdcontry");

Then reset it by setting options.length to 0. Then update the list by adding options using the response (XML). Remember that you can add an option using syntax like:

dropdown.options[i] = new Option('text','value');

[bhappy]

Hi Acoder,

I tried with your code, Here im getting dropdown value as "Add New"
I am not getting newly added country value.
Code:<Javascript>
var dropdown =opener.document.getElementById("dpdcontry");

I am closing popup window in CodeBehind of child page, and im retriving new value in html of parent page.that's why im getting "add new" only.If i pass new value in child window to parent window then i can get value but the entire window is reloading.I tried like
code:<JS>
Opener.location.reload(false)=company.aspx"+c_id"
it is showing error.Is there any other way?


Thanks,
Aswath.

[bhappy]

Hi Acoder,

Any Answer to my problem........?


Thanks,
Aswath.

[acoder]

Why do you need the "Add New" option to open a popup window? Can you not just make the Ajax call in the parent window?

[bhappy]

Hi Acoder,

How is it possible?After selecting "add new" in dropdown list then in ajax one property is there "Onreadystatechange".Im using this property to create popup windw.I know only this way. Is there any other way..?


Thanks,
Aswath.

[bhappy]

Hi Acoder,

Thank you, from 4 days u r with me and resolved my doubts.The last problem i given to my Team Lead.Now im doing seperate work.If i will get any errors again i will discuss with u.Ok Thanks a lot.

Bye

Aswath.

[hajaworld]

hi frnds

ur asking about why response.write is not working with ajax,this problem come to me too,. we cant write anything in browser throw response.write() because of script manager will not support.

for more details
http://siderite.blogspot.com/2007/02/aspnet-ajax-and-responsewrite-or.html