Questions tagged [popup]
Typically, a popup is an interface element that hovers above a window or application screen. It encompasses various components such as tooltips, context menus, and modal dialog windows.
I have some code that displays a popup when clicked, along with its automatically generated CSS. I want to be able to make changes to the CSS by adding IDs or classes to it. How can I assign IDs or classes to this element so that I can easily target them f ...
I encountered an issue with my code : from selenium import webdriver from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver import EdgeOptions import os os.environ['PATH'] += "C:\U ...
In my project, I have a series of cards with specific data such as job numbers and titles. To provide more details about each job, I implemented a pop-up modal that can be accessed by clicking the "View Details" button on each card. The idea is to display ...
In my project, I have implemented a pop-up dialog box that rises up from the left bottom corner as the user scrolls down the page. You can view it live at this link- However, I am facing an issue where the initial lift up of the dialog box is not smooth, ...
In my project, I am displaying a set of data in a pop-up window using cgridview. However, when I attempted to implement ajax pagination, it failed to work properly. To address this issue, I created a view called listInvoices that contains only the cgrid da ...
I am new to JavaScript and I am attempting to create a popup. However, I am facing an issue in opening two divs with a single line of JavaScript code. Only one div opens while the other remains closed despite trying various solutions found on this website. ...
Seeking assistance with resetting a div on a Modal after it has been closed. The issue I am facing with my pop-up is that the div retains the previous styling of display: none instead of reverting to display: flex. I have searched for a solution without su ...
I am facing an issue with a Customer Info form that contains an anchor tag "close" meant to close the current window. This customer form is displayed as a pop-up. Within this form, there is also a search button that triggers a pop-up for the search form co ...
I am implementing a dialog function as shown below: function OpenCopyDialog() { var $link = $(this); //keep track of the element that was clicked $("#confirmCopyBox").html("</br><h2>Your are about to copy application number: <span>P< ...
Hello all, I'm having trouble figuring out how to close the modal window in React. I want it so that when the user clicks on the "Add" button, a modal window opens for data input, and then upon clicking the "Add product" button, the window closes imme ...
I have successfully created a popup login form using jQuery. However, I am facing an issue where, upon clicking the submit button, the popup closes and displays an error message stating "wrong username and password". Ideally, I would like the popup form ...
I'm currently attempting to capture a pop-up message that appears when the cursor is placed in the "Choose Your Username" text box on the Gmail create account page. The message says "You can use letters, numbers, and periods." I want to save this message i ...
I'm facing an issue with my JQuery Popup. When the "Login" button is clicked, it hides the Login popup but doesn't show the Sign Up popup. How can I make sure that clicking on "Login" hides the Login popup and shows the Sign Up popup accordingly? /* cus ...
Is there a way to call a link to iTunes (itms://...) without opening a new window? I've tried using window.open but that just opens a new window. Also, $.get('itms://...'); doesn't seem to work for me. Are there any other options avail ...
I need help with adding a popup message before confirming deletion of data in this code. Here is the current code snippet. while ($test = mysql_fetch_array($result)) { $id = $test['FailID']; echo "<tr align='center'>"; echo"<td>& ...
I have created the following script, but I am facing a challenge as I realize that the URL I want to use opens in a new tab instead of just forwarding: <script> function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.sp ...
Hey there! I've been trying to set up a pop-up feature in Angular, but unfortunately, I keep encountering an error: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.9/$injector/modulerr?p0=PopupDemo&p1=Error%…ogleapis.com%2Fa ...
I've been attempting to enable popups from the ArcGIS API JS to show using the Vue-CLI 3 framework. Unfortunately, even with a simple sample code, I'm unable to make it function properly. Below is the code initially written in vanilla JS: <!DOCTYPE html ...
There is a function created on my page that opens a pop-up window when clicking on a game-mod name: <SCRIPT language="javascript" type="text/javascript"> function popModData( modName ) { var url = "./modList.php?mod=" + modName; ...
Currently, I am facing an issue with a user-triggered popup window on my website that redirects to another site. It is important that users do not access this page directly and only navigate to it if the popup window opens as intended. mysite.com -> my ...
I am looking to enable scrolling in a pop-up window after it has been opened. While FireFox offers the 'window.scrollbars' property for this, Internet Explorer does not have a similar feature. Is there a way to add scrolling functionality in IE u ...
This form's HTML is set up for input with a popup display feature upon submission. Currently, only text can be displayed in the popup. It doesn't show the text of selected checkboxes or dropdown lists - just numbers for the dropdown and "ON" for checkbox s ...
I need help with a jqModal popup window scenario. I have one main popup window that I want to close after clicking OK, and then open another popup window. How can I achieve this? The issue I am facing is that the click event is not triggering as expected. ...
I've been working on adjusting the month template for an existing calendar popup. Initially, I used the code below: $("#" + attributeId).kendoDatePicker({ dates: jsonResult, weekNumber: true, month: { // template for dates in mont ...
In an attempt to organize my thoughts, I am facing a challenge with a search page similar to Google. The search results trigger a popup window when hovering over an icon, located to the right of the search results. Here is what I am looking to achieve with ...
I have successfully created an AngularJS app that is functioning well. Now, I am faced with the challenge of displaying different pop-ups based on specific conditions being met. I am unsure of the best approach to take. Currently, I am considering two op ...
Can anyone provide me with helpful resources or tutorials to create a draggable popup using HTML5 without jQuery? I want to keep it simple and avoid external libraries like jQuery UI. Currently, I have an absolutely positioned div that looks like a popup ...
One of the features on my Next.js page is a modal that can be triggered by clicking a button: <button type='button' onClick={() => setOpen(true)}> The modal component looks like this: <Modal id='demo' show={isOpen} on ...
Currently, I have integrated react-leaflet into my ReactJS application to dynamically create markers with popups. However, when implementing the code as shown below, the popup box fails to display and an error message appears in the web developer console. ...
I have a simple pop up window (with no content) that triggers with the 'onclick' event. How can I modify the code below to make the popup appear automatically when the page loads? <head> <title>Popup Display</title> <script ty ...
Struggling to automate a Sharepoint site with Selenium Webdriver, as my code can't seem to locate elements on a new popup that appears. The scenario is this: in the script, there's a link leading to a new noticeboard item. When clicked, it triggers a popu ...
I have a form on my jsp page, <form action="test1_action" name="test" method="post" id="test"> Additionally, I have two distinct links: link1 and link2. When link1 is clicked, the form should be submitted with the action test1_action. $('#link1' ...
I have developed a simple form within an ERP system that allows users to create quick support tickets. However, instead of manually inputting the client ID in the form, I want to provide them with a more user-friendly option. My idea is to include a search ...
Hey, I'm interested in creating a similar effect to this: Check out this example >> Simply click on "Start PicLens Lite Slideshow PicLens". Did you notice how the swf/flash loads on top of the regular page? I want to achieve that :-D If there is an ...
My vanilla Html app has a pop-up feature that functions perfectly. When the button is clicked, the pop-up opens and everything works as expected. However, I am encountering an issue when trying to implement this same functionality in my React, NextJS app. ...
Currently, I am utilizing a jQuery popup plugin that opens a popup window using the anchor's href. For example: <a href="/some/site?hello=hi" class="popup">link</a> There could be an unlimited number of these on my page, each pointing to the ...
When attempting to close a popup using selenium's find element method with xpath, it fails to detect the popup. After trying methods like time.sleep(10) and driver.find_element(By.XPATH, "XPATH").close(), the issue persists. I've also experimented with us ...
Edit The code below appears to be functioning correctly when the form is valid. However, in cases where it is not valid (clean method in Django form), the h1 text of the form disappears and error messages are not displayed... I suspect that an empty pop ...
I am experiencing an issue with my popup where I want the background to be transparent. However, when I set the opacity in CSS to 0.5 or less, the text also becomes transparent and very dark. How can I achieve a background with 50% opacity while keeping th ...
Currently, I am working on testing the functionality of www.uhc.com using Selenium with Java and Chrome browser. The website includes a random pop-up that appears while the script is executing, prompting the user to take a survey with just yes or no opti ...
After deciding to move away from using DevExtreme/DevExpress components, I am now facing the challenge of transitioning my Popup / Dialog component. The previous popup system worked by rendering in the background and then displaying when a specific visibl ...
I added a leaflet map to my project which you can find on Codpen In the map, I've included a button key that displays an image in a popup when clicked. However, after closing the popup and reopening it, the image doesn't show unless I click the button key ...
I'm currently experiencing an issue with pop-ups on my page - when they appear, they create a shade over all elements of the page except for my two logos and are displayed with a border around them. Here's what my page looks like before the popu ...
My current challenge involves a popup window that is not recognized by WebDriver. https://i.stack.imgur.com/BRUsB.png Since there is no WindowHandle for this popup, I am unable to interact with it like an Alert. https://i.stack.imgur.com/ldoVI.png Howeve ...
Is there a way to achieve the following functionality with jQuery: create a popup window that sends a value back to the main window when a link in the popup is clicked, then closes the popup and automatically submits a form in the main window based on the ...
Is there a way to display this Dialog Popup only once per session? I have looked into using cookies for configuration, but haven't been able to implement it in this scenario: $(document).ready(function() { ShowDialog(true); e. ...
I have implemented a jQuery popup plugin on my WordPress site, and while the popup functions correctly, I am facing an issue with the styling. The design does not include an overlay to grey out the background, so I attempted to add classes and styles to th ...
Utilizing the ng-grid="gridOptions" allows me to showcase data in my application. Below is the code snippet from my app.js file: $scope.gridOptions = { data: 'myData', enableCellSelection: true, enableCellEdit: true, enableRowSelection: false, ...
I'm fairly new to the world of web development, with knowledge in CSS & HTML and currently learning TypeScript. I'm attempting to create a message icon that opens and closes a notifications bar. Here's where I'm at so far: document.getE ...
Recently, I came across this piece of Javascript code which is causing me some trouble: function call() { popup = window.open('http://www.google.co.in'); setTimeout(wait, 5000); } function caller() { setInterval(call, 1000); } func ...
Hello, I have developed a small CRUD application using AngularJS and encountered a minor issue. The application is functioning correctly overall, but there is a problem: when adding a new record and then attempting to edit it, the pop-up box I created does ...
After successfully sending an invitation by clicking a button, a pop-up message appears confirming that the invitation has been sent. However, there is a problem with the main heading of the pop-up message, which reads Odoo Server Error. This issue arises ...
I utilized Tinybox from this source for launching a popup webpage. I am hoping that when I click the links on the webpage, the popup will close itself and redirect to the link's URL. Here are my JavaScript and HTML codes: <script type="text/java ...
For a while, I had been successfully using a script to extract data from the Italian Morningstar website without any issues. However, in recent months, a pesky pop-up has been appearing as soon as I open the webpage. Initially, I was able to handle the po ...
Having trouble with a blurry pop-up form when clicking the button? Check out the code I've used below: <button class="btn btn-default" data-toggle="modal" data-target="#myModal">ENQUIRE NOW</button> ...
<body style="text-align:center"> <h2>Popup</h2> <div class="popup" onclick="myFunction()">Interact with me to show/hide the popup! <span class="popuptext" id="myPopup">A Simple Popup!</span> </div> <script& ...
Looking for advice on making a popup responsive. Currently experiencing an issue where the buttons go off-screen when adjusting window size, even after using percentages in CSS instead of pixels. Any suggestions? CSS: .modal { display: none; posi ...
Is there a way to keep the pop submenu visible even when the mouse hovers outside of its parent container or the submenu? Currently, if the mouse doesn't move straight down from the parent container (B) .account-settings-container to the top arrow of the ...
Is there a way to add a fade effect to my simple pop-up image using CSS? I've tried various transition properties, but nothing seems to work. Any suggestions would be appreciated. Thanks! ...