Javascript - modal popup that disable all parallel iframes (alternative of window.showmodaldialog)?

See more:

Javascript

jQuery

bootstrap

I am wondering that if there is any way to open a modal popup from iframe-1.html so that new popup.html will open over all parallel frames (i.e. iframe-1.html, iframe-2.html & iframe-3.html) and all 3 frames will be disabled.

Also I want to pass argument on popup.html and also need to get return value while closing it.

Priore to this I was using "window.showModalDialog", but it is deprecated by chrome 37 and above. I need a solution which can work in all modern browsers.

Thanks

What I have tried:

I have googled and tried "showModalDialog.js" but no success.