The AJAX Modal Popup Extender is not being displayed due to an error with the undefined Sys

My ASP.Net WebForms project, developed using C# in Visual Studio 2013, involves the utilization of an AJAX Popup Extender. I have integrated AjaxControlToolKit and AjaxControlToolkitStaticResources through NuGet. However, recently the popup form has ceased to appear. Upon attempting to trigger the popup by clicking the designated control, it fails to display on Mozilla Firefox as the target browser. The Firefox console highlights several errors, including:

/* Minification failed. Returning unminified contents.
(6,25981-25982): run-time error JS1014: Invalid character: \
(6,25981-25982): run-time error JS1003: Expected ':': \
(6,44631-44635): run-time error JS1197: Too many errors. The file might not be a JavaScript file: 'ss'
(6,25816-25829): run-time error JS1301: End of file encountered before function is properly closed: function(e,b)
(6,44635-44636): run-time error JS1004: Expected ';
': Z
(6,45814-45815): run-time error JS1195: Expected expression: ^
(6,45815-45816): run-time error JS1197: Too many errors. The file might not be a JavaScript file: |
 */

To resolve this issue and restore the appearance of the popup, what steps can I take? https://i.sstatic.net/AlPzK.png

The code related to the popup functionality is displayed below:

    CancelControlID="cmdCloseButton" BackgroundCssClass="modalBackground">  </cc1:ModalPopupExtender>

    <asp:Button ID="cmdTest" runat="server" Text="Test Popup" Width="177px"/> 

   <%--<asp:Button ID="cmdTest" runat="server" Text="Test Popup" Width="177px" Style="display:none" />--%> 

   <asp:Panel ID="Panl2" runat="server" Width="280px" Height="180px"  CssClass="modalPopup" align="left" style="display:none">  
        <br />    Need to caption multiple photos? <br /><br />
               Click <a href="Why Use the Windows Downloadable Application.htm" target="_blank">here</a> for details of desktop app. <br /><br />
               To hide this message and watermark on <br />
              captioned photo, <a href="BuyLicense.aspx" target="_blank">buy License</a>. 

         <asp:Button ID="cmdCloseButton" runat="server" Text="Close" CssClass ="closebutton" 
             OnClick ="cmdCloseButton_Click" formnovalidate="formnovalidate" UseSubmitBehavior="false"/>  
   </asp:Panel>

The Site.Master code appears as follows:

%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="CaptionProWebMob.SiteMaster" %>

<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <title><%: Page.Title %> Caption Pro Web</title>
    <asp:PlaceHolder runat="server">     
          <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>  
    <webopt:BundleReference runat="server" Path="~/Content/css" /> 
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />


</head>
<body>
    <form runat="server">   

        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="False">
        <Scripts>
            <!--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=272931&clcid=0x409 -->
            <!--Framework Scripts-->

            <asp:ScriptReference Name="MsAjaxBundle" />
            <asp:ScriptReference Name="jquery" />
            <asp:ScriptReference Name="jquery.ui.combined" />
            <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
            <!--<asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
            <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
            <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
            <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
            <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
            <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
            <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
            <asp:ScriptReference Name="WebFormsBundle" />-->
            <!--Site Scripts-->

        </Scripts>
    </asp:ScriptManager>

    <header>
    </header>
    <div id="body"  ondragstart="dragStartHandler1(event);">
        <asp:ContentPlaceHolder runat="server" ID="FeaturedContent" >
        </asp:ContentPlaceHolder>
        <section class="content-wrapper main-content clear-fix">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" >
            </asp:ContentPlaceHolder>
        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>© <%: DateTime.Now.Year %> - Caption Pro Web</p>
            </div>
        </div>
    </footer>
    </form>

</body>
</html>
javascriptasp.netajaxmodalpopupextender

Answer №1

By adding EnableCDN="true" to the ScriptManager1 definition in Site.Master.aspx,

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="False" EnableCdn="true" >

The popup screen functions correctly.

However, when running the VS project as an Administrator, drag and drop of files onto the main form using AJAX AsyncFileUpload does not work (specifically for Firefox); it works fine if the project is not run as Administrator.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Elegant Modal Form Submission Using jQuery

Having trouble submitting a modal jQuery form? A code snippet was borrowed from a website with minor modifications and the JavaScript was moved to a separate file. The challenge lies in transmitting form data to a PHP script via AJAX. The serializedArray() ...

phpjqueryajax

Best practices for managing a Media Stream in Node.js

One of the latest and most exciting features in modern browsers is HTMLMediaElement.captureStream(), which has recently been released in Chrome. Having grasped how it functions on the client side - allowing you to redirect the stream to other HTMLMediaEle ...

javascriptnode.jshtml

Ways to extract transparency data of each pixel from a PNG uploaded by the user via the front-end

Currently, I am in need of extracting the transparency value for each individual pixel from a PNG image that is submitted by the user, directly within the front-end environment. At the moment, I have implemented a method where I prevent the form from bein ...

javascripthtmlimagepngpixel

Disabling tooltip functionality on an element

Trying to figure out how to remove a tooltip from an element once the text is no longer truncated. The challenge lies in not being able to access the event of the tooltip itself. The tooltip is added by setting an attribute on truncation, but simply removi ...

javascripthtmlangularjsangular-ui-bootstrap

Invoking a jQuery request to a C# API endpoint

I have recently embarked on a project utilizing ASP.NET MVC and JavaScript/jQuery. I am facing an issue where my API call to the controller using $.ajax function always returns a 404 error. Despite researching and trying various solutions, I continue to en ...

javascriptc#jquery

retrieve the value of a specific key using JSON stringify

[{"displayorder":"1","menuname":"DashBoard","menuid":"5","menuurl":"dashboard.php"},{"displayorder":"3","menuname":"Accounting Module","menuid":"3","menuurl":""},{"displayorder":"4","menuname":"My Profile","menuid":"4","menuurl":"myprofile.php"},{"displayo ...

javascriptjsonstring

Utilizing an object's property within an asp:SessionParameter in ASP

I am attempting to retrieve an asp:SessionParameter from a SelectParameters, in order to access a property of an object stored in the session rather than using a string directly like Session["CustomerID"]. I am looking for a solution where the session wou ...

asp.netsqldatasource

Click on the text within a paragraph element

Is there a way to retrieve the selected text or its position within a paragraph (<p>)? I'm displaying a text sentence by sentence using a Vue.js loop of paragraphs. <p class="mreadonly text-left mark-context" v-for="line in ...

javascriptvue.jsbootstrap-vue

Encountering difficulties while attempting to delete with a router.delete command - receiving a 404 not

Within my application, I am passing the request parameter 'id' in the router.delete method and communicating it with the Vuex service. However, when triggering the action, an API call is made but it results in a 404 error indicating "not found" a ...

javascriptexpressvue.jsvuex

Ajax onkeypress function in input field leading to input deletion

Currently, I am working on a website that includes an input field connected to a jQuery ajax script. Each time a key is pressed, the ajax script scans for a matching string in the input field's value. If a match is found, the script updates a specific ...

jqueryajaxstringformsinput

What is the process for activating my redux function within a component?

I'm working on a form that should create a new user when submitted. In my handleCreate function, I want to use Redux to trigger the addUser action and update the state to add the new user. However, it seems like I'm having trouble calling the act ...

javascriptreactjsreduxreact-reduxantd

Error: Identifier Not Expected (Exploring Generators in ES6)

After delving into the information provided in the generators documentation on MDN, I devised a straightforward experiment: var nodes = { type: 'root', value: [ { type: 'char', value: 'a' }, { type: &ap ...

javascriptnode.jsgeneratoryieldecmascript-harmony

Is it possible to retrieve an object based on a variable value?

This seems like a simple problem... I possess an object const VR03 = { name: "Eternal Growth Ring", price: "2500" } Within a function, I am assigning a string to a variable function myFunction(){ let js_type = jQuery('#type').val( ...

javascript

Having trouble accessing data from the local storage?

const headers = new Headers({ 'access_token' : accToken, 'Content-Type': 'application/json', }); axios.post(baseURI, data, { headers: headers }) ...

javascriptvue.jsaxios

Error: The function is invalid for callback at end (node_modules/middy/src/middy.js:152:16)

I seem to be having some trouble with my test when using middy. Removing middy makes the test pass successfully, but with middy, I encounter the error "TypeError: callback is not a function at terminate (C:\cico\node_modules\middy\src&b ...

javascriptnode.jsjestjsserverless-frameworkmiddy

Leveraging the power of React Native with embedded RapidAPI functionality in the source

I had previously used the following code to retrieve a JSON file containing personal data in my React Native source code: async componentDidMount() { try { const response = await fetch('mydomain.org/personaldata.json'); const responseJson ...

javascriptreactjsreact-nativesecurityrapidapi

My variable from subscribe is inaccessible to Angular2's NgIf

My goal is to display a spinner on my application while the data is being loaded. To achieve this, I set a variable named IsBusy to True before making the service call, and once the call is complete, I set IsBusy to false. However, I am facing an issue wh ...

javascriptangulartypescript

The failure of the ajax call to encapsulate is likely due to issues with object visibility

Having some trouble with a piece of code meant to run smoothly on Firefox 3.6. The issue arises when the variable this.xmlhttp, defined in STEP2 and used in STEP3, seems to be operating in different variable environments. Even though I expect the two usa ...

javascriptajax

Invalid Data Pusher for User Information in Next JS

Hello everyone, I've been practicing using Pusher with Next.js but encountered an issue where it's showing Error: Invalid user data: 'presence-channel' and I can't seem to solve it no matter how hard I try. Could someone please he ...

javascriptreactjsnext.jsnext-auth

The Bootstrap alert refuses to close when the close button is clicked

I'm attempting to utilize a Bootstrap alert for displaying a warning. The alert automatically fades and dismisses after a period of time, but I want to provide the user with the option to manually close it. I've included jQuery and js/bootstrap.m ...

javascriptangularjstwitter-bootstrapgoogle-chrome-app