Hi All
I can't seem to get this working, some help would be greatly appreciated.
I have a page with the following code:
$('.editname').click(function (e) {
var src = "test.html";
$.modal('<iframe src="' + src + '" height="480" width="640" style="border:0">', {
closeHTML:"<div class='no simplemodal-close'>Close</div>",
containerCss:{
backgroundColor:"#fff",
border:"10px solid #333",
height:480,
padding:"10px",
width:640
},
opacity:50,
overlayCss: {backgroundColor:"#fff"},
onShow: function (dialog) {
$('.saveit', dialog.data[0]).click(function () {
// close the dialog
$.
modal.close();
});
}
});
});
The code for test.html (the contents of the
modal window) is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/text.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Test</h1>
<div class='pointer spacertop'><a href="#" class="saveit">Save</a></div>
</body>
</html>
The
modal window appears, however clicking on the Save button (class saveit) in the
modal window does not fire the click function. It does nothing. Please help.
Thank you in advance.
