Response title
This is preview!
Problem with simple modal windows repeated data
in Using jQuery
•
10 years ago
Hello to all,
I'm an absolute beginner with jquery guru but I have to get some stuff going for my website.
I want to make a menu with modal popup windows. I use the SimpleModal solutions from Eric Martin's website.
As you can see on my test page at http://www.korke.com/indexmodaltest.html (with code hereafter) , I can't get my two links to display windows with different data.
What am I doing wrong here? Do I need to add a persist selector (but it says default is boolean:false).
So what am I missing?
Please help.
mark
<html>
<head>
<title> SimpleModal Basic Modal Dialog </title>
<meta name='author' content='Eric Martin' />
<meta name='copyright' content='2010 - Eric Martin' />
<!-- Page styles -->
<link type='text/css' href='http://www.korke.com/basic/css/demo.css' rel='stylesheet' media='screen' />
<!-- Contact Form CSS files -->
<link type='text/css' href='http://www.korke.com/basic/css/basic.css' rel='stylesheet' media='screen' />
<!-- IE6 "fix" for the close png image -->
<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->
<!-- JS files are loaded at the bottom of the page -->
</head>
<body>
<div id='content'>
<div id='basic-modal'>
<a href='#' class='basic'>simple as 1,2,3</a>
</div>
<!-- modal content -->
<div id="basic-modal-content">
<iframe src="http://voyagechiliargentine.korke.com/undeuxtrois.htm" height="450" width="830" style="border:0" seamless="seamless"></iframe>
</div>
<!-- preload the images -->
<div style='display:none'>
<img src='http://www.korke.com/basic/img/basic/x.png' alt='' />
</div>
<div id='content'>
<li> <div id='basic-modal'>
<a href='#' class='basic'>one pax one tree</a>
</div>
<div id="basic-modal-content">
<iframe src="http://voyagechiliargentine.korke.com/unpassagerunarbre.htm" height="450" width="830" style="border:0" seamless="seamless"></iframe></div>
<div style='display:none'><img src='http://www.korke.com/basic/img/basic/x.png' alt='' /></div></li>
</div>
</div>
<!-- Load jQuery, SimpleModal and Basic JS files -->
<script type='text/javascript' src='http://www.korke.com/basic/js/jquery.js'></script>
<script type='text/javascript' src='http://www.korke.com/basic/js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='http://www.korke.com/basic/js/basic.js'></script>
</body>
</html>
1