SimpleModal can't bind event onShow
Posted
by Higgs Boson
on Stack Overflow
See other posts from Stack Overflow
or by Higgs Boson
Published on 2010-05-12T13:12:48Z
Indexed on
2010/05/12
13:14 UTC
Read the original article
Hit count: 342
simplemodal
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.
© Stack Overflow or respective owner
