Calling Javascript function returned from AJAX Response

36 New Member

Hi,

I have a Page, where i get the response through ajax.In that Page iam calling a javascript function for css purpose of the screen.
when the response is displayed ,the javascript fn is not invoked.

help me

Sep 8 '11 #1

Subscribe Reply

1850

Dormilich

8,658

Recognized Expert Moderator Expert

post your code (in code tags)

Sep 8 '11 #2

techbytes

New Member

Expand|Select|Wrap|Line Numbers

  
//to display insert page

 function pageDisplay(divid,path)

{

  alert("divid ...."+divid);

  alert("path ..."+path);

  var pathvalue =document.getElementById(path).value;

  alert("pathvalue ...."+pathvalue);

  searchReq.open('GET','../templates/pagelayout.jsp?path='+pathvalue);

  searchReq.onreadystatechange = function()

            {

              pageReply(divid);

            };

        searchReq.send(null);
 
}
 
//------------------------------------------------

function pageReply(divid)

{

    alert("Inside the display ..."+divid)

   if(searchReq.readyState == 4)

   {

     var ss = document.getElementById(divid);

     ss.innerHTML = '';

     ss.innerHTML += searchReq.responseText;

     alert("Response ...."+searchReq.responseText);

     ss.style.display = "block";

   }
 
}
 
//pagelayout.jsp
 
<%@page import="java.io.File"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

   "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
 
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script language="javascript" src="/ContentManagementSystem/js/ua.js"></script>

        <script language="javascript" src="/ContentManagementSystem/js/ftiens4.js"></script>

          <link href="/ContentManagementSystem/css/mastersheet.css" rel="stylesheet" type="text/css" media="screen" />

        <link href="/ContentManagementSystem/css/ddsmoothmenu.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="/ContentManagementSystem/css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="/ContentManagementSystem/css/marketing.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="/ContentManagementSystem/css/dhtmllinkmenu.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="/ContentManagementSystem/css/staticdiv.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="/ContentManagementSystem/css/modal.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="/ContentManagementSystem/css/xCalendar.css" rel="stylesheet" type="text/css" media="screen" />

    </head>

    <!--Calling the Bean Class-->

    <jsp:useBean id="pageLayoutBean" class="com.cmssuite.beans.PageLayoutBean"></jsp:useBean>
 
    <!--      Obtaining the objects based on the needs.    -->
 
        <%
 
        String loadRefresh = "N";

        String xErrorMessage = "";
 
         if (pageLayoutBean.getRequestValue(request, "mode").equalsIgnoreCase("pagelayout")) {

            System.out.println("before process");
 
            com.cmsapplication.utilities.ReturnObject rObject = pageLayoutBean.processFunction(request);

            if (rObject.getReturnCode().equalsIgnoreCase("0"))

            {

                System.out.println("Returm Code in pageLayout >>>>"+rObject.getReturnCode());

              com.cmssuite.application.objects.PageLayout sessionPage = pageLayoutBean.getSessionPageObject(request);

              System.out.println("Page Name in Session .."+sessionPage.getPageName());

              response.sendRedirect("../templates/treeview.jsp");

           //    loadRefresh = "Y";

            } 

            else

            {

                xErrorMessage = rObject.getReturnMessage();

                System.out.println("ERROR MESSAGE::::"+xErrorMessage);

            }

        }

        %>

        <!--script for page refresh -->
 
<body>

       <form name="pagelayout" id="pagelayout" method="post" action="../templates/pagelayout.jsp?mode=pagelayout">

        <table border="0" cellpadding="3" cellspacing="3" width="100%" style="background-color:#FFFFFF;">

        <tr>

            <td class="titleHeader" height="25%">&nbsp;HTML Page</td>

        </tr>

            <td>

                <table class="table2" width="100%" cellspacing="3" cellpadding="3"  id="GettingStartedPanel">

                        <tr>

                           <td style="width:50%;" align="right" class="editCellInfoLabel">Page Name :</td>

                            <td width="50%" align="left" class="editCellInfo">

                                  <div class="ibutton_bg"><input name="PAGE.PAGE_NAME" type="text" value="" id="PAGE.PAGE_NAME" class="ib_regulartextbox" style="text-transform:capitalize;" /></div>

                            </td>

                        </tr>
 
                        <tr>

                            <td style="width:50%;" align="right" class="editCellInfoLabel">Folders :</td>

                            <td width="50%" align="left"  class="editCellInfo">

                                <div class="ibutton_bg"><input name="PAGE.FOLDER_NAME" type="text" value="<%=request.getParameter("path")%>" id="PAGE.FOLDER_NAME" class="ib_regulartextbox" style="text-transform:capitalize;" /></div>

                            </td>

                        </tr>
 
                        <tr>

                            <td style="width:50%;" align="right" class="editCellInfoLabel">Templates :</td>

                            <td style="width:50%;" align="left" class="editCellInfo">

                                <select class="selectfield" name="PAGE.TEMPLATE_NAME" id="PAGE.TEMPLATE_NAME" style="width:154px;" onchange="layoutDisplay('template_display',this.options[this.selectedIndex].value)" >

                                    <option value ="">select</option>

                                    <option value ="layout1.jsp">layout1</option>

                                    <option value ="layout2.jsp">layout2</option>

                                    <option value ="layout3.jsp">layout3</option>

                                    <option value ="layout4.jsp">layout4</option>

                                </select>

                            </td>

                        </tr>
 
                         <tr>

                            <td style="width:50%;" align="right" class="editCellInfoLabel">Sample Layout :</td>

                            <td align="left">

                            <div class="template_display" align="center" id="template_display">

                            </div>

                            <td>

                        </tr>
 
                         <tr><td colspan="4" style="width:100%;" align="left"><img border="0" src="/ContentManagementSystem/images/spacer.gif" width="1" height="5"></td></tr>

                          <tr>

                            <td style="width:100%;" colspan="4" align="center" valign="middle">

                                    <span class="box">

                                            <button id="btn_refresh" class="icon" onclick="submitForm('pagelayout');return false;"> <img class="icon" src="/ContentManagementSystem/images/moveright.jpg"/>Next</button>

                                      </span>

                            </td>

                        </tr>

                </table>

        </table>

       </form>

    </body>

 </html>

Sep 8 '11 #3

Dormilich

8,658

Recognized Expert Moderator Expert

what display style has this element before you run the AJAX?

I don’t see any call to pageDisplay() either.

PS. it would be more helpful if you posted the client side code (as seen by the browser) as for JavaScript any server-side code is irrelevant

Sep 8 '11 #4

Similar topics

51476

Calling Javascript function

by: Krishna | last post by:

Hi all, Can i call my javascript functions from the web controls.Any appropriate site which will be tell more on this will be helpfull. Regards.., Krishna

ASP.NET

751

calling javascript function from asp.net

by: szabelin | last post by:

Hello, I am trying to call a function inside the javascript block from asp.net during the postback (NOT button's OnClick event handler though). The javascript function creates new popup window. I...

ASP.NET

6298

Calling Javascript Function from within VB Procedure?

by: Martin Feuersteiner | last post by:

Dear Group I'm using VB to write an aspnet application. I would like to call a javascript function from within a VB Sub or VB Function, is it possible? My code is something like this: VB...

Visual Basic .NET

8703

calling javascript function once - from the <body onload="myfunction"> tag

by: lwhitb1 | last post by:

I have been trying to load a javascript function from the body onload html tag, but I only want the function to load the first time the page is loaded: I have investigated but haven't found...

Javascript

3820

Passing multiple arguments to the client-side JavaScript function in AJAX

by: Nathan Sokalski | last post by:

I am a beginner with AJAX, and have managed to learn how to use it when passing single parameters, but I want to return more than one value to the client-side JavaScript function that displays it....

ASP.NET

1620

Calling Javascript function from CSharp Class.

by: ajitgoel | last post by:

Hi; We have a Javascript function which I have been tasked to move to a CSharp class. This javascript function uses Regular expression extensively. This function has a string input parameter and...

C# / C Sharp

1737

Webcontrol calling JavaScript Function

by: Larry | last post by:

Anyone have an example of a webuser control with a checkbox that passes information to a JavaScript function on the same page? on the page I have a checkbox and a textbox (both are server...

ASP.NET

2504

Executing JavaScript Code Within AJAX Response

by: FrogBunz | last post by:

Is there a way to execute inline javascript code from within an AJAX response? I use AJAX to retrive a JSP page that is loaded using a database bean. One of the form elements is a select that I...

Javascript

1691

calling javascript function in a php code

by: archcool | last post by:

hi iam new to php and i need help in my php file i have written php code and as well javascript code.the php code displays a form and i need to validate the fields present in the form calling a...

PHP

3588

is it possible to communicate with another domain javascript function using ajax

by: pankaj17 | last post by:

hello, Is it possible to communicate with another domain javascript function using ajax. Suppose i have a iframe and domain is different and in the iframe i have some links. If user clicks on...

Javascript

7221

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7109

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7372

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7029

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

5619

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5039

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

1537

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

758

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

411

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General