The popup generated by the window.open() function appears blank and does not display any content

I have a Django website with this url that contains the following code in its footer template:

<img referrerpolicy='origin' id='rgvjjxlzwlaoesgtfukzjxlz' style='cursor:pointer' onclick='window.open("https://logo.samandehi.ir/Verify.aspx?id=314061&p=xlaorfthaodsobpdgvkarfth", "Popup","toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30")' alt='logo-samandehi' src='https://logo.samandehi.ir/logo.aspx?id=314061&p=qftinbpdshwllymawlbqnbpd' />

This code displays the image in the footer:

https://i.sstatic.net/vR7se.jpg

When clicked, it is supposed to show a popup page like this:

https://i.sstatic.net/BorZ7.png

(this is an example from the footer of another website named "toplearn.com", which resembles the page above.)

However, the popup page appears blank. Thank you for your help in identifying the issue.

javascripthtmlcssdjangobootstrap-4

Answer №1

Here is a suggestion for you:

<!-- Add an onClick event to open a new window when a user clicks on an image --->
<img referrerpolicy='origin' id='rgvjjxlzwlaoesgtfukzjxlz' style='cursor:pointer' onClick='openWindow()' alt='logo-samandehi' src='https://logo.samandehi.ir/logo.aspx?id=314061&p=qftinbpdshwllymawlbqnbpd' />

<script>
  // Define the openWindow function
  function openWindow() {
    window.open("https://logo.samandehi.ir/Verify.aspx?id=314061&p=xlaorfthaodsobpdgvkarfth", "Popup", "toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30");
  }
</script>

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

What is the best way to resize an image to fit its surroundings within a nested box?

Have you ever heard of a website called SPAM? It has a unique homepage that I want to replicate using JavaScript, jQuery, and some CSS. My main challenge is figuring out how to adjust the image size to match the center box on the page. I want to create th ...

javascriptcssuser-interfacelayout

Issues with dependencies in npx create react app

After initiating a new react project with npx create-react-app client, I have encountered an issue where the react-scripts command is not found, preventing me from running the start script. Is there a way to resolve this problem? Furthermore, when attempt ...

javascriptnpmpolyfillsnpxreact-scripts

Custom positioning of Mui Snackbar in V5

I've been attempting to position a Snackbar in the top right corner with some customization for the top property, but I'm struggling to get it to display correctly. Here's what I've tried: import React from "react"; import { ...

javascriptreactjstypescriptmaterial-ui

Bidirectional Data Binding in AngularJS

In my angular application, there is a dropdown with various values. When a user selects a specific value from the dropdown, I want to display the complete array corresponding to that value. <!doctype html> <html lang="en"> <head> < ...

javascriptangularjs

Consecutive pair of JavaScript date picker functions

My issue involves setting up a java script calendar date picker. Here are my input fields and related java scripts: <input type="text" class="text date" maxlength="12" name="customerServiceAccountForm:fromDateInput" id="customerServiceAccountForm:from ...

javascripthtml

What is preventing images from displaying in my slider within baguetteBox?

Currently, I am in the process of incorporating a slider into my website using the baguetteBox library. After consulting the documentation, I successfully implemented an example that is functioning smoothly without any issues. In order to display a series ...

javascripthtmlcssreactjsslider

issue with integrating promise in angular 4

I'm currently learning about promises and how to implement them in Angular. I have written the following code in StackBlitz. My goal is to display the array whenever it contains a value by using promises in Angular. This is my HTML code: <h2>A ...

javascriptangularecmascript-6promise

gathering identical objects in the collection

I need to calculate the total time of the specified objects and display it in a single list. Here is the object data: var list = [ { 'user': 'Tom', time: 270547 }, { 'user': 'Alex', time: 82081 }, { 'user&apo ...

javascriptnode.js

execute function once eventlistener completes running

I've implemented a code snippet to detect the availability of a gyroscope for user interaction. Here's how it works: function check_user_hardware(){ window.addEventListener("devicemotion", function(event){ if(event.rotationRate.alpha ...

javascriptjquerycallbackthree.js

Styling for the DataTable disappears upon loading jQuery

my PHP file named "zero3data.php" <?php printf('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">'); printf('<thead>'); printf('<tr>'); ...

javascriptcss

Identifying Mistakes to Address Promise Failures

I encountered unhandled promise rejection errors and attempted to catch them and log them after each .then statement. Unfortunately, I ran into an 'unexpected token' issue when running the code on my server due to the period before .try. Despit ...

javascriptnode.js

What is the best way to transform an array of arrays into an array of objects using AngularJS?

Here is some code I am working on: $scope.students=[]; $scope.students[[object Object][object Object]] [0]{"id":"101","name":"one","marks":"67"} [1]{"id":"102","name":"two","marks":"89"} I would like to reformat it into the ...

javascriptangularjs

Exploring the issue of $scope variable changes not reflecting in ng-show elements in AngularJS

I am in the process of creating a website that includes a video element. For those interested, here is a link to the code for my page on Plunker: http://plnkr.co/edit/5NUnZ2KET1apWwxMxjex?p=preview The video on the website utilizes the html5 video tag, a ...

javascriptangularjsvideo

Is it possible to verify if a user belongs to an Organizational Unit rather than Groups using Django LDAP?

I have a unique setup in my LDAP directory where Users are added to Organizational Units instead of groups. I am trying to figure out how to determine if a user belongs to a specific Organizational Unit using Django LDAP. Can you please provide guidance on ...

djangoldappython-ldappyldapdjango-ldapdb

Is this method an effective way to create global states across React components?

After delving deep into props-drilling while coding a full-fledged web application with React, I've decided to explore using React 'contexts'. Following the guidelines in the React documentation, I am implementing an approach to make my stat ...

javascriptnode.jsreactjsreact-hooksreact-context

Improprove the design of the dropdown component using React

One of the challenges I am facing in my project is using multiple dropdowns from semantic-ui-react. Each dropdown needs to have different props, making the code look like this: <div className="wrapper"> <img className="icon" src={iconA} ...

javascriptreactjsrefactoringsemantic-ui

Utilizing Grunt with Bootstrap 5 for streamlining and optimizing JavaScript code bundling

After successfully bundling the Bootstrap 5 SCSS files using Grunt, I now want to do the same with the JavaScript files. I am using grunt-contrib-uglify for this task: uglify: { site: { options: { sourcemap: false }, ...

javascriptgruntjsbootstrap-5

Tips for directing attention to a specific row with an input field in JavaScript

I duplicated a table and added an input field for users to search or focus on a specific row. However, there are two issues: When a user enters a row number, the table displays the wrong row - for example, if the user enters 15, the table shows row number ...

javascripthtmlcss

Enhancing User Experience with CSS Transitions for Faster Page Loading

Recently, I stumbled upon a captivating website that has left me in awe - . The mesmerizing aspect of this site lies in the seamless and fluid animations that gracefully transition when navigating between pages. I find myself yearning to understand the int ...

jquerycss

Behind the scenes, unable to launch due to Schema Error

My experience with Backstage was going smoothly until I ran into an issue after executing a yarn install this afternoon. Now, whenever I attempt to run yarn dev, it fails with the following error: [0] Loaded config from app-config.yaml [0] <i> [webpa ...

javascriptnode.jsbackstage