Hi,

I'm trying to set ContentURL, left and top positions of a dialog using only java script. The dialog do show, but none of my setting seems to have effect. This is the first time I'm handling this object using only script. It is very possible that I'm not using the right properties.

I'd be appreciate for some help.

function ShowChangeUW(app, sfx, itemleft, itemtop) {
itemleft = Number(itemleft) + window.screenLeft + 10;
itemtop = Number(itemtop) + window.screenTop + 20;

var path = '../controls/changeuw.aspx?a=' + app + '&s=' + sfx;
var myDialog = eo_GetObject('dlgContentURL');
myDialog.ContentUrl = path;
myDialog.OffsetX = itemleft;
myDialog.OffsetY = itemtop;
myDialog.show(true);
}

---

Thanks

Steve Komaromi

---

Computer Systems Manager, Lead Developer
Business Risk Partners, Inc.
Tel: 1-(860)-903-0039

Hi,

I'm not sure what you mean that in my code "myDialog" is a JavaScript object. I though executing eo_GetObject('dlgContentURL'); will get handle over an existing object on the page. I just try to manipulate that object through javascript.

<eo:Dialog id="dlgContentURL" runat="server" Height="100px" Width="320px" BackColor="#47729F"
HorizontalAlign="Left" HeaderHtml="Message" ControlSkinID="None" BackShadeColor="Silver" AcceptButton="btnContentURLClose"
CloseButtonUrl="00070101" MinimizeButtonUrl="00070102" RestoreButtonUrl="00070103"
BackShadeOpacity="75" Font-Names="Courier New" VerticalAlign="Middle">
<closeeffect type="Pixelate" />
<showeffect type="Pixelate" />
<headerstyleactive csstext="border-right: #22456a 1px solid; padding-right: 4px; border-top: #ffbf00 3px solid; padding-left: 4px; font-weight: bold; font-size: 11px; padding-bottom: 2px; color: white; padding-top: 2px; border-bottom: #22456a 1px solid; font-family: verdana; text-align: center" />
<contentstyleactive csstext="background-color:white;border-bottom-color:#22456a;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#728eb8;border-left-width:1px;border-right-color:#22456a;border-right-style:solid;border-right-width:1px;border-top-color:#7d97b6;border-top-style:solid;border-top-width:1px;color:white;font-family:'courier new', verdana;font-size:11px;padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<contenttemplate />
<footerstyleactive csstext="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana" />
<headerstyleinactive csstext="text-align: center" />
<footertemplate>
<div style="text-align: center">
<asp:Button ID="btnContentURLClose" runat="server" Width="115px" CssClass="Btn_Light" Text="Close" CausesValidation="false" />
</footertemplate>
</eo:Dialog>

---

Thanks

Steve Komaromi

---

Computer Systems Manager, Lead Developer
Business Risk Partners, Inc.
Tel: 1-(860)-903-0039

function ShowChangeUW(app, sfx, itemleft, itemtop) {
itemleft = Number(itemleft) + window.screenLeft + 10;
itemtop = Number(itemtop) + window.screenTop + 20;

var myDialog = eo_GetObject("dlgContentURL");
var path = '../controls/changeuw.aspx?a=' + app + '&s=' + sfx;

myDialog.setContentUrl(path);
myDialog.move(itemleft, itemtop);
myDialog.show();
}

Debugging the code eo_GetObject("dlgContentURL") does seem to return a client side object. Also it will pop-up the dialog consistent with the dialog declared in the html by with and height as well as transparency. However, the code segment (marked with bold) still have no effect.

---

Thanks

Steve Komaromi

---

Computer Systems Manager, Lead Developer
Business Risk Partners, Inc.
Tel: 1-(860)-903-0039

Hi,

You need to call move after show and it only works if the dialog has no animation (otherwise you will need to wait for the animation to finish). Also you should not use window.screenLeft/window.screenTop. The dialog's coordination is always relative to the browser window because you can not display a dialog outside of the browser window.

Thanks!