[jQuery] Nested value for callback

[jQuery] Nested value for callback


Hi, I'm in over my head with this one, and I can't seem to find the
solution to make it work. I've taken some time to break out the code for
the problem, and below is the code that manifests my dilemma.
This code presents a simple table with rows that are tagged with row
id's. When the user clicks on a link inside a row I present a
confirmation dialog and then if the user clicks "Yes", then I'll execute
the provided callback.
What is going wrong is that the last alert (from the callback) only
works correctly once - namely the first time. Whatever value the alert
presents the first time, is also what will be presented the following
times until reload of script.
I would be most grateful for some help.
/Göran
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="Stylesheet" href="jquery/themes/default/ui.all.css"
type="text/css" media="all" hreflang="css/all" charset="utf-8" />
<script src="jquery/jquery-1.2.6.js" language="Javascript"
charset="utf-8"></script>
<script src="jquery/ui/jquery.ui.all.js" language="Javascript"
charset="utf-8"></script>
</head>
<body>
<table class="sometable">
<tr id="rec_1"><td><a href="#">First record</a></td></tr>
<tr id="rec_2"><td><a href="#">Second record</a></td></tr>
<tr id="rec_3"><td><a href="#">Third record</a></td></tr>
<tr id="rec_4"><td><a href="#">Fourth record</a></td></tr>
<tr id="rec_5"><td><a href="#">Fifth record</a></td></tr>
<tr id="rec_6"><td><a href="#">Sixth record</a></td></tr>
<tr id="rec_7"><td><a href="#">Seventh record</a></td></tr>
</table>
<script type="text/javascript">
Module = function() {
self = this;

return {
//Present a dialog with "Yes" and "No" buttons. Execute
provided callback for respective button.
confirm: function(msg, yesCB, noCB, options) {
$dialog = $("#my_dialog");

if($dialog.length == 0) {
$("body").append('<div id="my_dialog">

</div>');
$dialog = $("#my_dialog");
}

var buttons = {};
buttons["Yes"] = function(){
$dialog.dialog("close");
if($.isFunction(yesCB))
yesCB();
};
buttons["No"] = function(){
$dialog.dialog("close");
if($.isFunction(noCB))
noCB();
};
var myOptions = {
buttons: buttons,
modal: true,
overlay: {
opacity: 0.7,
"background-color": "#000"
}
};
$.extend(myOptions, options);

$dialog.find("p").html(msg);
$dialog.dialog(myOptions).dialog("open");
}
}
}();


$(function() {
$(".sometable a").click(function() {
var $parentTR = $(this).parents('tr').eq(0);
//select the first occurrence of a <tr> that is a parent of this
var id = $parentTR.attr('id').replace(/rec_(.*)/i,"$1");
//grab the integer part of the id
alert("Click: " + $parentTR.attr("id"));
Module.confirm(id, //call the piggybacked script
function() {
alert("You said yes to record " + id); //
<===== HERE is the problem
}
);
})
});

</script>
</body>
</html>
--
This message has been scanned for viruses and
dangerous content by MailScanner, and is
believed to be clean.