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 "<p>
                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 />
            </p>";
        }
    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.

On Sep 30, 9:24 am, Fontzter <[email protected]> wrote:
> You could use a classes for your elements then do something like this:
>
>                 $("div.dialog-player").dialog(options);
>                 $("a.links-players").click(function() {
>                         $("#" + 
> this.id.replace("link","dialog")).dialog("open");
>                         return false;
>                 });
>
> Hth,
>
> Dave
>
> On Aug 18, 8:21 am, moleculezz <[email protected]> wrote:
>
> > Ok, so I finally figured it out.
>
> > Solution:
> > $(function() {
>
> >         var options = {
> >                 autoOpen: false,
> >                 show: 'blind',
> >                 hide: 'fold',
> >                 width: 800,
> >                 modal: true
> >         };
>
> >         var n = 1;
> >         $("tbody tr td a.links-players").each(function(i) {
>
> >                 var dlg = $('#dialog-player-' + n).dialog(options);
> >                 $('#link-player-' + n).click(function() {
> >                         dlg.dialog("open");
> >                         return false;
> >                 });
> >                 n++;
> >         });
>
> > });
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to