Win a copy of Mesos in Action this week in the Cloud/Virtualizaton forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

JQuery Dialog Box Positioning and Replacing X with Close

 
James Dekker
Ranch Hand
Posts: 221
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Am very new to JavaScript... Am using JQuery to create a custom dialog box.

Question(s):

1. How to position the dialog box to anywhere I want on the screen using specific (X,Y) coordinates (or some other mechanism)? Do not want it to appear in the middle.

2. How to replace the X with "Close"?

Have this but this just makes the dialog box's titlebar disappear:



3. How to set it so it can not be dragged or moved by the end user?

Any help would be most appreciated...

Thank you for taking the time to read this,

James
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64843
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
1 and 3 answered here.

2 may be solvable with closeText. You'll need to play with it.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
pay? think there was a little typo.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64843
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Fixed.

 
James Dekker
Ranch Hand
Posts: 221
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Bear,

Thank you so much for responding... Yes, I had researched JQueryUI before posting this post. I just am so new to JQuery that I don't know the basic code structure or syntax so JQueryUI was somewhat confusing.

Well, I got it to work by doing this:



The Close is underlined and is in the center of the dialog box's title. It would be nice to remove the underline and have it in the top right hand corner of the dialog box.

Thanks for taking the time to read this...
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64843
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You'll need to take a look at the structure of the header (Firebug in Firefox, or the built-in debugger of Safari/Chrome) and add CSS accordingly.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic