All Questions
Tagged with modal-dialog javascript
3,774
questions
-4
votes
0
answers
25
views
modal didn't showed up [closed]
I'm making a modal named update modal. in page 1, when I click the button to trigger the modal, it work. but when I do the same things in next page it didn't work.
I expecting this modal showed up in ...
0
votes
0
answers
16
views
backdrop-blur not working in modal using tailwindcss
I want to blur the background when the modal pops up and currently it does not work
HTML:
<!-- modal -->
<div id="modal" class="w-4/5 sm:3/4 md:w-2/3 lg:w-1/2 bg-gray-300 ...
-1
votes
2
answers
41
views
How can I select HTML elements which are rendered after DOM
I want to select OKBTN
let main = document.querySelector("#main");
let okBtn = document.querySelector("#ok");
function myAlert(title,msg,icon){
let card = "";
...
0
votes
3
answers
38
views
Trigger specific modal content
I have working code that toggles a modal, but I want to be able to toggle different modal content by different triggers on the page. I know I need to use ids in this, but I am not 100% sure how to ...
0
votes
2
answers
62
views
Pressing Escape key on modal triggers the escape event on the parent component
This is the main page.
"use client";
import React, { useEffect, useState } from "react";
import TestModal from "./TestModal";
const App = () => {
const [isOpen, ...
-1
votes
2
answers
62
views
Official example Svelte modal component is not closing from parent component in SvelteKit project
I have added Modal to my Sveltekit Application from official example given at https://svelte.dev/examples/modal
My Modal.svelte is
<script>
export let showModal; // boolean
let dialog; /...
0
votes
1
answer
42
views
Modal with React JS Best practice
I would like to make a modal window where the user can choose a team of 3 characters.
So far I've been using a state in the parent component like const [showModal, toggleModal] = useState(false);
But ...
-1
votes
0
answers
31
views
Unisharp file manager iframe in bootstrap modal problem
I have configured unisharp file manager in the bootstrap modal using iframe. Now my problem is whenever I select the image and click the confirm button the selected image path is not inserted in the ...
1
vote
0
answers
33
views
AdvancedMarkerElement not showing in any type of modal
let markerLibrary: google.maps.MarkerLibrary | null = null
let placesLibrary: google.maps.PlacesLibrary | null = null
let mapLibrary: google.maps.MapsLibrary | null = null
const marker = await google....
0
votes
1
answer
19
views
Javascript modal box appears permanently on page but my other two modals dont
I have 3 modal boxes that open upon clicking the learn more buttons. the issue is the 3rd one is open on page load and is unable to close using the "X". It worked perfectly before I centred ...
0
votes
1
answer
29
views
Table data not getting updated until i refresh the page
The issue I'm encountering is that when I add data to the database through a modal component, the new data doesn't immediately appear in the table. It only shows up after I refresh the page. I ...
1
vote
0
answers
66
views
Can the HTML dialog element be opened as modal without JavaSctipt method showModal()?
Seems odd that you can set the "open" attribute on a dialog element with HTML, equivalent of JavaScript method show(), but there is no attribute equivalent to the JavaScript method showModal(...
0
votes
1
answer
33
views
Video isn't stopping even when I open modal
I have a video tag in which I am playing some video and passing that video to my modal as a prop. When I open the modal, the video still plays in the background. I want it to be stopped when I open ...
0
votes
0
answers
14
views
bootstrap datepicker not showing date dropbox
I have the following script that works fine:
<head>
<title>DateTimepicker</title>
<!-- Include Bootstrap CDN -->
<link href=
"https://maxcdn.bootstrapcdn....
0
votes
0
answers
40
views
Javascript show modal using get ID method returns null
The issue I'm facing is my modals that are connected to my learn more buttons should be opening and displaying text. This works perfectly on my local server in docker. However, when deploying the ...