Multiple instances of modal dialog box
Hi,
I have 3 links to difference modal boxes on a page. Quite messily
I've just duplicated the code in the head[1] 3 times, mainly due to
being a jQuery/javascript novice. Is there a way to neaten this up a
bit?
[1]
<script>
$(document).ready(function() {
$('#helpInfo1').load("includes/file1.html").dialog({
autoOpen: false,
width: 600,
modal: true
});
$('#helpInfo2').load("includes/file2.html").dialog({
autoOpen: false,
width: 600,
modal: true
});
$('#helpInfo3').load("includes/file3.html").dialog({
autoOpen: false,
width: 600,
modal: true
});
$('#helpLink1').click(function() {
$('#helpInfo1').dialog('open');
});
$('#helpLink2').click(function() {
$('#helpInfo2').dialog('open');
});
$('#helpLink3').click(function() {
$('#helpInfo3').dialog('open');
});
});
</script>
Cheers
VK