Modal Not Opening

I am trying to open a modal on this page.
http://www.bricooper.net

This is the code.
<li class=''><a href="share.php">Share</a></li>

Open in new window


The modal is share.php but it doesnt open.  What am I doing wrong?  Thank you.
DS928Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
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.

Loganathan NatarajanLAMP DeveloperCommented:
What is the modal plugin you use? Is it simplemodal?  .. Try to include it in the main page and call the methods?
0
Loganathan NatarajanLAMP DeveloperCommented:
You can look at the example with sample implementation, here, http://www.ericmmartin.com/projects/simplemodal-demos/
0
DS928Author Commented:
Yes it is simple modal.
I am looking over it now.
I am trying to open share.php and am using contact.js
index.html
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Loganathan NatarajanLAMP DeveloperCommented:
You have to include the JS & CSS file to call the modal. Please download the source and check how to implement,  https://code.google.com/p/simplemodal/downloads/list

"download" simplemodal-demo-basic-1.4.4.zip
0
DS928Author Commented:
They are now included.

<script language='JavaScript' type='text/javascript' src='JS/contact.js'></script>
    <link rel="stylesheet" type="text/css" media="screen" href="CSS/contact.css" />

Open in new window


I think its this line.  I don't know what to call it.

<li class=''><a href="javascript:contact('share.php',440,520)">Share</a></li>

Open in new window

0
Loganathan NatarajanLAMP DeveloperCommented:
I think you can follow the contact form way to include. Since you need to include the external page

http://www.ericmmartin.com/projects/simplemodal-demos/

here just download "CONTACT FORM" and check the options
0

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
Julian HansenCommented:
You can't create a modal dialog with window.open.

Modal dialogs are pseudo dialogs created with a an overlay div that covers the page on top of which is another div that contains the dialog - i.e. all elements in the same browser window with the impression of a dialog.

Your solution is opening another browser window - which will never be modal.

To open a modal - look at www.jqueryui.com specifically (http://jqueryui.com/dialog/)

The JQueryUI library works on top of Jquey and you can use it to create a themed popup modal dialog. There are samples on the link above.
0
DS928Author Commented:
I can see that I need a modal.  I am trying to use Simplemodal.  I have the js and the css loaded. But it won't open.  I tried the demo and it works but when I move it to my page it doesn't work.  Can it be a directory pointing to the wrong place?  Its "Share Bri"
index.html
0
DS928Author Commented:
Solved it was the ID of a Div.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
DS928, did you solve this yourself by catching your own coding error?  Or did the expert actually help you find this error?
0
DS928Author Commented:
A little bit of both.  I changed the name of the Div in the CSS to match the name of my Div.
0
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
PHP

From novice to tech pro — start learning today.