Modal Not Opening

DS928
DS928 used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
What is the modal plugin you use? Is it simplemodal?  .. Try to include it in the main page and call the methods?
You can look at the example with sample implementation, here, http://www.ericmmartin.com/projects/simplemodal-demos/

Author

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
Should you be charging more for 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 using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

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

Author

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

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
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
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.

Author

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

Author

Commented:
Solved it was the ID of a Div.
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
DS928, did you solve this yourself by catching your own coding error?  Or did the expert actually help you find this error?

Author

Commented:
A little bit of both.  I changed the name of the Div in the CSS to match the name of my Div.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial