When trying to use the OP's code, my dialog DIVs are not hiding and
nothing seems to work proerply (I'm obviously doing it wrong), but at
least when I plug yours in the DIVs are hidden. I just can't get them
to display, here is what I have: (note: I am using the $j because we
also have prototype/sciptaculous running)
$j(function() {
var dialog_options = {
autoOpen: false,
show: 'blind',
hide: 'fold',
width: 250
};
$j("div.user-dialog").dialog(dialog_options);
$j("a.user-info").click(function() {
$("#" + this.id.replace("info","dialog")).dialog("open");
return false;
});
});
And I have my links setup like this:
<td>
<div class=\"user-dialog\" title=\"User Info\">";
$profile_sql = mysql_query("SELECT * from profiles WHERE
uid='$id'");
while ($row = mysql_fetch_array($profile_sql)) {
echo "
Name: {$row['first_name']} {$pro['last_name']}<br />
E-Mail: {$row['email']}<br />
Organization: {$pro['organization']}<br />
Location: {$row['location']}<br />
Phone: {$row['phone']}<br />
Referrals: {$row['referrals']}<br />
Reg Date: {$row['reg_date']}<br />
Last Login: " . date("m-d-Y", strtotime($row
['reg_date'])) . "<br />
";
}
echo "</div>
<a href=\"#\" id=\"user-info\">{$row['email']}</a>
</td>
Obviously, I am running this through a php while loop to output the
data from my mysql call.