DS928
asked on
Modal Not Opening
I am trying to open a modal on this page.
http://www.bricooper.net
This is the code.
The modal is share.php but it doesnt open. What am I doing wrong? Thank you.
http://www.bricooper.net
This is the code.
<li class=''><a href="share.php">Share</a></li>
The modal is share.php but it doesnt open. What am I doing wrong? Thank you.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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
"download" simplemodal-demo-basic-1.4
ASKER
They are now included.
I think its this line. I don't know what to call it.
<script language='JavaScript' type='text/javascript' src='JS/contact.js'></script>
<link rel="stylesheet" type="text/css" media="screen" href="CSS/contact.css" />
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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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.
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.
ASKER
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
index.html
ASKER
Solved it was the ID of a Div.
DS928, did you solve this yourself by catching your own coding error? Or did the expert actually help you find this error?
ASKER
A little bit of both. I changed the name of the Div in the CSS to match the name of my Div.
ASKER
I am looking over it now.
I am trying to open share.php and am using contact.js
index.html