First of all, do not be overwhelmed by the long code, I just put it for reference...I have a function that preg_replaces content and puts it in a jquery dialog box with a matching open-link. For example, if there is a paragraph with two matches, they will be put inside two divs, and a jquery dialog function will be echoed twice; one for each div.
While this works for one match, if there are multiple matches, it does not. I am not sure how to distribute unique ids at a point in time for each of the divs and matching dialog open-scripts. Keep in mind, I removed the preg replace function since it kind of complicates the problem. If anyone has any ideas, they will be greatly appreciated.
<?php
$id=uniqid();
$id2=uniqid();
echo "<div id=\"$id2\">
</div>";
?>
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("<?php echo"#$id2"; ?>").dialog({hide: 'clip', modal: true
,width: 600,height: 350,position: 'center',
show: 'clip',stack: true,title: 'title', minHeight: 25,
minWidth: 100, autoOpen: false});
$('<?php echo"#$id"; ?>').click(function() {
$('<?php echo"#$id2"; ?>').dialog('open');
})
.hover(
function(){
$(this).addClass("ui-state-hover");
},
function(){
$(this).removeClass("ui-state-hover");
}
).mousedown(function(){
$(this).addClass("ui-state-active");
})
.mouseup(function(){
$(this).removeClass("ui-state-active");
});
});
