# Popup window that is always on top

**URL:** <https://forum.kirupa.com/t/popup-window-that-is-always-on-top/297455>\
**Category:** web dev\
**Created:** [October 2, 2009, 7:40am UTC](https://forum.kirupa.com/t/popup-window-that-is-always-on-top/297455 "2009-10-02T07:40:09Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![silverType](https://avatars.discourse-cdn.com/v4/letter/s/ac91a4/32.png) [@silverType](https://forum.kirupa.com/u/silverType)\
**Post date:** [October 2, 2009, 7:40am UTC](https://forum.kirupa.com/t/popup-window-that-is-always-on-top/297455/1 "2009-10-02T07:40:09Z")

</div>

I need to display a new popup window by clicking a link. This popup should always on top of other windows and the controls (i.e. Textbox, DropdownList) in the underyling windows should still be editable. I did some googling around and most of the solutions I found involve in on focusing the popup windows when the ‘OnBlur’ event is triggered:

\<body onblur=‘javascript:self.focus();’\>

However, by doing so, the fields in the underlying windows will not be editable since the focus is always on the popup. Any suggestions on how I can implement this? Thanks in advance.