How to create a modal popup window with background with gray color using JavaScript and CSS?
Can anyone show me an example?
Asked
Active
Viewed 2.6k times
-5
-
possible duplicate of [How to create a modal popup using javascript and CSS](http://stackoverflow.com/questions/823281/how-to-create-a-modal-popup-using-javascript-and-css) – Liam Aug 06 '13 at 09:55
6 Answers
2
You can look into creating a JQuery dialog; I believe this will get you the modality you're looking for. I do not think an actual popup window is a solution you want.
overslacked
- 4,127
- 24
- 28
1
HI, You can use two divs for this purpose. The first div contains all your main page contents and the second one is for disabling the contents. When you fire the event make the second div fill all the UI and it should be on top of the first one. If you have any combo box in the first div then you have to disable it or make it invisible otherwise it will pop out of the first div.
rahul
- 184,426
- 49
- 232
- 263
0
You can use my JS library http://www.cristianizzo.com/DEV/Qpass/index.php?r=JS&v=modal
here an example
<!-- Button trigger modal -->
<a href="#" modal="Modal" modal-Id="modalDialog">Modal Standard</a>
<!-- Modal -->
<div id="modalDialog" class="modal_hidden"> //content </div>
You can pass a callback function or extend the modal pushing an other content
<!-- Button trigger modal -->
<a href="#" modal="Modal" modal-Id="modalFunction" modal-Size="small" modal-Fn="fnTest">Modal Fn</a>
<!-- Modal -->
<div id="modalFunction" class="modal_hidden">
//Content
<a href="#" onclick="Modal.extendModal('idDiv', fnName); return false;"></a>
</div>
<!-- Second Modal -->
<div id="idDiv" class="modal_hidden">
//Content
</div>
<!-- JS -->
function fnTest(){
alert('execute new function');
}
<!-- JS -->
function fnName(){
alert('execute new function');
}
cristian
- 9
-1
Have a look to getbootstrap.com -> modal
Chris
- 121
- 1
- 9
-
2I should note this is a really old question, and it was bumped to the front page as it was in a pretty poor state. I have tidied it up and cast a delete vote (which may fail). However, it is worth noting that answers probably need to be a bit more substantial that this. There may be still be value in adding another answer, but single-sentences usually don't add much value. – halfer Jul 04 '17 at 19:00
