My Joomla website is not showing IEframe or script as it should

For the past couple of days, I've been struggling with an issue.

I believe the problem lies within my Joomla installation.

Here's what I'm trying to achieve:

I want to display an IEframe or text/javascript by going through Module > New > Custom HTML.

I access the default Joomla editor and insert the source code <>, then set the module position and name.

Now, here's where I'm running into trouble:

On the website, only the module name is visible, the content is missing.

However, when viewing the page source:

<div class=" col-lg-2 col-md-2 col-sm-4 col-xs-6">
  <div class="t3-module module " id="Mod103"><div class="module-inner">
     <h3 class="module-title ">
       <span>YllixMedia</span>
    </h3>
      <div class="module-ct">
        <div class="custom"  >
          <form>
            <p>
               <script src="http://yllix.com/banner.php?section=General&amp;pub=934318&amp;format=300x250&amp;ga=g" type="text/javascript">                        </script>
               <script src="http://yllix.com/layer.php?section=General&amp;pub=934318&amp;ga=g&amp;show=1&amp;fp" type="text/javascript"></script>
               </p>
           </form>
        </div>
  </div>
</div>

javascriptjoomla

Answer №1

Here are a few steps you can take to troubleshoot this issue on your website.

  1. Configure text filtering settings to safely use JavaScript within the HTML source editor.

    • Navigate to Content → Article Manager → Options → Text Filters → Choose No Filtering for user groups → Save.

  2. Allow the <Script> tag from the Text Editor plugin settings.

    • Go to Extensions → Plug-in Manager → Locate Enabled Text Editor(TinyMCE) → Advanced Options → Prohibited Elements → Delete <Script> tag → Save.
  3. Always switch to 'HTML' mode when inserting JavaScript code into the HTML.

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

The command "npm run build" is not running successfully, likely due to npm not being able to interpret ES6 syntax

I am currently developing a web application using Vue.js and Flask. While I can successfully compile the Vue app on my laptop by running npm run build and integrating the static files into my Flask app, I encounter an issue when attempting to do this on a ...

javascriptnpmwebpackecmascript-6

Passing references in React to parent components

Struggling to adopt the react way of thinking, I'm facing an issue with invoking the .submit() method of the form component. Within a material-ui Dialog, buttons are passed via the actions property. Now, I need to trigger the .submit() method of the ...

javascriptreactjsmaterial-ui

What's causing my variables to be returned as null in the alerts?

Why am I receiving null values when alerting my variables? I'm attempting to pass a string stored in a variable from an external JavaScript file back to the main page using alerts. Initially, I suspected that the JavaScript was not fetching data cor ...

javascriptphpjson

Having Trouble Concealing an Element with jQuery UI

I am attempting to implement a jQuery slide effect where pressing a button causes the first paragraph tag to slide out of view and the second paragraph tag to slide into the viewport. Despite utilizing jQuery UI for the slide effects, I am encountering dif ...

javascriptjqueryhtmluser-interface

The Art of Receiving Feedback in THREE.js

I have created a feedback loop using backbuffer in my code with the following implementation: function render() { renderer.setRenderTarget(BufferA); renderer.render(BufferAScene, camera); renderer.setRenderTarget(null); rendere ...

javascriptthree.jsshaderpixel-shader

Retrieving JSON Data from an API with JavaScript/jQuery

Having some trouble with JSON parsing using jQuery and JavaScript. I'm trying to fetch weather information from the open weather simplest API, but for some reason it's not working. When I hardcode the JSON data into a file or my script, everythin ...

javascriptjqueryjson

Invoke the express function on the client using the callable method

When I'm listening on a local port with my browser, the following method will return Hello world. //Node app.get('/', (req,res)=>{ res.send('Hello world') }); I've successfully exported the app as a ca ...

javascriptfirebaseexpressgoogle-cloud-functions

Disabling and enabling a link before and after an AJAX call using jQuery

I have been trying to disable a link before making an ajax call and then re-enable it right after receiving the response. However, my current approach doesn't seem to be working as expected: jQuery(this).prop('disabled', false); Here is my ...

javascriptjqueryajax

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

What is the simplest way to test an npm module while coding?

Currently, I am in the process of making modifications to @editorjs/nested-list. To streamline my testing process without extensive installations, I have created a simple web page: <html> <head> <script src="https://cdn.jsdelivr.net/npm ...

javascriptnpmread-eval-print-loop

the issue of button click events failing to trigger within deeply nested divs

Hey there, I'm currently working on creating three buttons with a shared text area. Each button is supposed to display a different message in the shared text area when clicked. I was able to achieve this functionality in a codepen which you can check ...

javascriptphpjqueryhtmlcss

Highlight the parent item when the child item is being hovered over

I am working on a menu that has 2 submenus. I want to use jQuery to highlight the item when it is hovered over. However, I am struggling with how to also highlight the parent item when the cursor is on the child item. The class I am using for highlighting ...

javascriptjquerycss

What is the best way to access a variable from a JavaScript file within a React component?

Hey everyone, I'm currently working on extracting a variable called ipAdress from server.js located in the 'server' folder and passing it into my React component called Container. Here is a snippet of the server.js file with the ipAdress var ...

javascriptreactjsimport

I attempted to implement a login feature using a prompt within a React application, but I encountered a situation where the browser asked me for the same details twice. How can I resolve

https://i.sstatic.net/nhuC1.png I've been working on adding a login feature to my webpage where the content is only rendered if users input valid credentials. However, I've encountered a problem where the browser prompts for credentials twice in ...

javascriptreactjs

What is the best way to delete a property from an object in an array?

I have a Vue component with an array that includes IDs which I want to remove while keeping the other elements intact. Is there a way to achieve this within a method? Is it possible to filter out the ID index from the array using Vue methods? var vm = ...

javascriptvue.js

How can we generate 3 different arrays, each containing an equal number of items except for the last array, using VueJS?

Incorporating Bootstrap5 and VueJS 2, I am working on designing a layout of cards in a "pinterest-style" arrangement, as depicted in the following screenshot: https://i.sstatic.net/AvdWR.png To achieve the layout showcased above, the HTML markup required ...

javascriptarraysvuejs2bootstrap-5

Discover the way to utilize the java enum toString() function in jQuery

In my Java Enum class called NciTaskType, I have defined two tasks: Pnd Review Woli and Osp Planning. public enum NciTaskType { PndReviewWoli, // 0 OspPlanning, // 1 ; @Override public String toString() { switch (this) ...

javascriptjavajqueryenumstostring

What methods can a server use to identify if JQuery Ajax's "withCredentials: true" option was utilized for CORS requests?

Currently, I am working on integrating CORS (Cross-origin resource sharing) into a framework. I understand that when an XMLHttpRequest request is made using Jquery's ajax(...) with the withCredentials property set to true, the server must specificall ...

javascriptjqueryajaxcors

Execute the function related to the mouse entering the designated area

Incorporating jQuery, I was able to attach a function to an element using the following syntax: $('#theId').mouseenter(function(){ // ... }); Now, I am interested in invoking the function connected with #theId.mouseenter from a script. I am ...

javascriptjqueryjquery-eventsmouseenter

Refresh a webpage using JavaScript (inside a jquery ajax call)

Seeking guidance on how to reload a page using JavaScript, I have created the following function: function update(id, name) { if(/^\d+$/.test(id)) { $.ajax({ url: baseurl + "/url/action/param/" + id + "/param2/" + unescap ...

javascriptajaxjquery