Using multiple jquery .dialog() with custom themes each

[southbeach]

OK, I have this

		// Dialog Link
		$('#dialog_link2').click(function(){
                    // Dialog			
                    $('#dialog').dialog({
                        autoOpen: false,
                        width: 678,
                        height: 450,
                        classes: 'dialog-bg'
                    });
                    $('#dialog').dialog('open');
                    $('#name').focus();
                    return false;
		});
		// Log In Link
		$('#logIn').click(function(){
                    // Log In
                    $('#logInPanel').dialog({
                        autoOpen: false,
                        width: 458,
                        height: 250,
                        classes: "login-dialog-bg"
                    });
                    $('#logInPanel').dialog( "open" );
                    return false;
		});

They each are defined in CSS to use

.dialog-bg {
	background-image: url(../../css/ui-lightness/images/dialog_bg.png);
        background-repeat: no-repeat;
}
.login-dialog-bg {
	background-image: url(../../css/ui-lightness/images/nts_logIn.png);
        background-repeat: no-repeat;
}

for the life of me, they both come up with the same background and yet, the width and height properties are different.

What gives?


--
SouthBeach

http://www.fp2php.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[feherke]

Hi

Not tried it, but according to the documentation seems there should be an object :

[gray]// Dialog[/gray]
$[teal]([/teal][i][green]'#dialog'[/green][/i][teal]).[/teal][COLOR=orange]dialog[/color][teal]({[/teal]
    autoOpen[teal]:[/teal] [b]false[/b][teal],[/teal]
    width[teal]:[/teal] [purple]678[/purple][teal],[/teal]
    height[teal]:[/teal] [purple]450[/purple][teal],[/teal]
    classes[teal]:[/teal] [highlight][teal]{[/teal][/highlight]
        [highlight][i][green]'ui-dialog'[/green][/i][teal]:[/teal][/highlight] [i][green]'dialog-bg'[/green][/i]
    [highlight][teal]}[/teal][/highlight]
[teal]});[/teal]

$[teal]([/teal][i][green]'#dialog_link2'[/green][/i][teal]).[/teal][COLOR=orange]click[/color][teal]([/teal][b]function[/b][teal](){[/teal]
    $[teal]([/teal][i][green]'#dialog'[/green][/i][teal]).[/teal][COLOR=orange]dialog[/color][teal]([/teal][i][green]'open'[/green][/i][teal]);[/teal]
    $[teal]([/teal][i][green]'#name'[/green][/i][teal]).[/teal][COLOR=orange]focus[/color][teal]();[/teal]
    [b]return false[/b][teal];[/teal]
[teal]});[/teal]

Feherke.
feherke.ga

 

[southbeach]

feherke,

I opted to use .colorbox() instead. Get the same outcome a lot simpler.

Once I opted for .colorbox(), done in 20 minutes!

Thanks,



--
SouthBeach

http://www.fp2php.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.