• 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:
  • Campbell Ritchie
  • Paul Clapham
  • Jeanne Boyarsky
  • Junilu Lacar
  • Henry Wong
Sheriffs:
  • Ron McLeod
  • Devaka Cooray
  • Tim Cooke
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Frits Walraven
  • Tim Holloway
  • Carey Brown
Bartenders:
  • Piet Souris
  • salvin francis
  • fred rosenberger

JQuery Dialog Box Positioning and Replacing X with Close

 
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
 
Sheriff
Posts: 67401
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • 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
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
pay? think there was a little typo.
 
Bear Bibeault
Sheriff
Posts: 67401
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • 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
Sheriff
Posts: 67401
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • 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.
 
Hang a left on main. Then read this tiny ad:
Devious Experiments for a Truly Passive Greenhouse!
https://www.kickstarter.com/projects/paulwheaton/greenhouse-1
    Bookmark Topic Watch Topic
  • New Topic