SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Non-Member
    Join Date
    Aug 2007
    Posts
    266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Error Message Dialog

    How do I make a transparent div that covers the whole of the page, whilst display a vertically and horizontally centered div for the error message to be display in?

    Upon an "OK" image being clicked inside the dialog div, how do I hide the dialog div and the transparent div?

    TicTac
    Last edited by TicTac; Sep 3, 2007 at 22:49.

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,116
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Javascript.

    Just search for a library like lightbox js that suits your purpose - it's been done before.

  3. #3
    Non-Member
    Join Date
    Aug 2007
    Posts
    266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't want to use JavaScript.
    How would I create the transparent div and centered div?

    TicTac

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,116
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    I don't want to use JavaScript.
    Upon an "OK" image being clicked inside the dialog div, how do I hide the dialog div and the transparent div?
    Yes you do. You just don't know it

    The CSS used in Lightbox JS shows you both how to create the centered element and the transparent overlay.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •