• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Jeanne Boyarsky
  • Liutauras Vilda
  • Campbell Ritchie
  • Tim Cooke
  • Bear Bibeault
Sheriffs:
  • Paul Clapham
  • Junilu Lacar
  • Knute Snortum
Saloon Keepers:
  • Ron McLeod
  • Ganesh Patekar
  • Tim Moores
  • Pete Letkeman
  • Stephan van Hulst
Bartenders:
  • Carey Brown
  • Tim Holloway
  • Joe Ess

JQuery Dialog Box Positioning and Replacing X with Close  RSS feed

 
Ranch Hand
Posts: 222
  • 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
 
Author and ninkuma
Marshal
Posts: 66787
168
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.
 
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
Posts: 66787
168
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: 222
  • 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
Posts: 66787
168
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.
 
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!