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?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Loganathan NatarajanConnect With a Mentor LAMP 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
 
Loganathan NatarajanConnect With a Mentor LAMP 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 NatarajanConnect With a Mentor LAMP DeveloperCommented:
You can look at the example with sample implementation, here, http://www.ericmmartin.com/projects/simplemodal-demos/
0
Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

 
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
 
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
 
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 MVEDeveloperCommented:
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
All Courses

From novice to tech pro — start learning today.