How to open Model dialog window in ipad safari

Hi, Experts!

I am running my application on the IE. I am using window.showModalDialog method to open popup window. It is working fine. But now I need to run my application on the ipad safari. But showModalDialog() method was not working in safari Browser in Ipad,so I am using function.But functionality of showModalDialog() has been lost. Please guide me that how can I open popup in ipad safari. My application is very big. so solution should be quick and fast. I cannot make heavy changes in my application.

Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
I believe that is an IE only function.  Can you use jquery ui or jquery mobile?

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
amazurskyAuthor Commented:
If I use jquery ui or jquery mobile then I need to make big changes in my application and I don't want this. Is there any easy and quick solution?
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
What about having a link to open up what you need using  target="_blank"

Do you have any other javascript libraries running  or just  pure html, css, js?
Fundamentals of JavaScript

Learn the fundamentals of the popular programming language JavaScript so that you can explore the realm of web development.

amazurskyAuthor Commented:
I am using simple html, css and js
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
How many places do you need the pop up?  You may need to selectively add jquery. The highest level of jquery accounts for IE.  Jquery 2 removes IE support (IE 10 should work).
amazurskyAuthor Commented:
There are lots of places. If I use jquery ui then I need to add div on each parent pages. It is lot of work. Is there any easy option?
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Do all of your pages have separate files for css and js?  Or do you have using server side includes to bring in common files like css, javascript and headers and footers?  If you did it that way your job is easy.  If you did not, this is a good case why you should be developing that way....

Anywhere I have similar content I use include files.  If I have a 100 page site and now I want to include a new js and css file, I just need to update 2 files. One for common js and one for common css.  Any files I don't want common, get loaded separately.    The same is true for any header, footer etc.  

If you did do it the way I described, you can inject html and css via jquery.

Below is code for a 2 elements and I have injected a third div with the id modal and use jquery ui to give it the basic dialogue.,js,output

<!DOCTYPE html>
<link href="" rel="stylesheet" type="text/css" />
<script src=""></script>
<script src=""></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <div id="body">I am body</div>
  <div id="footer">I am footer</div>

Open in new window

 $(function() {
     $('#footer').after('<div id="modal">I am modal</div>');
      $( "#modal" ).dialog();

Open in new window

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Scripting Languages

From novice to tech pro — start learning today.