• 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 Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Paul Clapham
  • Devaka Cooray
  • Tim Cooke
Sheriffs:
  • Rob Spoor
  • Liutauras Vilda
  • paul wheaton
Saloon Keepers:
  • Tim Holloway
  • Tim Moores
  • Mikalai Zaikin
  • Carey Brown
  • Piet Souris
Bartenders:
  • Stephan van Hulst

JQuery Dialog Box Positioning and Replacing X with Close

 
Ranch Hand
Posts: 231
1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
pay? think there was a little typo.
 
Bear Bibeault
Sheriff
Posts: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Fixed.

 
James Dekker
Ranch Hand
Posts: 231
1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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.
 
Replace the word "snake" with "danger noodle" in all tiny ads.
Smokeless wood heat with a rocket mass heater
https://woodheat.net
reply
    Bookmark Topic Watch Topic
  • New Topic