SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Wizard WorldNews's Avatar
    Join Date
    Nov 2007
    Posts
    1,033
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    How does one pop up a window that is not a Javascript or nee web browser pop up?

    Hi,

    How does one pop up a window that is not Javascript based but it is a
    html type window seamlessly coming out of the current browser window?

    And how does one cause the window that launched this pop up window to
    go gray until the user clicks on the pop up window to go away?

    For example you can see such windows launched here at Sitepoint web site
    sometimes or you can see it here:
    http://news.cnet.com/8301-11386_3-10...dStoriesArea.1
    by clicking on the Log-in link.


    Regards,

    Anoox search engine volunteer

    www.anoox.com

  2. #2
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    What you are asking for (known commonly as a lightbox) cannot unfortunately be accomplished without the use of JavaScript (well it technically can but it won't work for every browser in pure CSS). There are several different implementations though the most successful one is through jQuery.

  3. #3
    SitePoint Wizard WorldNews's Avatar
    Join Date
    Nov 2007
    Posts
    1,033
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    I did not mean not use any Javascript to get this job done, but that the
    pop up window should not be a simple Javascript based pop up window
    but be like the example that I provided. That is a HTML type window that
    seamlessly pops up from the current web page that you are on without
    poping up a new web browser page which can caused pop up blockers
    to block such windows.

    ThanX,

    Quote Originally Posted by AlexDawson View Post
    What you are asking for (known commonly as a lightbox) cannot unfortunately be accomplished without the use of JavaScript (well it technically can but it won't work for every browser in pure CSS). There are several different implementations though the most successful one is through jQuery.

    Anoox search engine volunteer

    www.anoox.com

  4. #4
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Yes, what you are looking for is a Lightbox, it's a mechanism that's powered by JavaScript but produces the kind of effect you want with the HTML dialog box...

    http://leandrovieira.com/projects/jquery/lightbox/

  5. #5
    SitePoint Wizard WorldNews's Avatar
    Join Date
    Nov 2007
    Posts
    1,033
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    This lightbox is for an image only.
    What I am looking for, like the examples I provided, is to pop up a
    Web page which has forms, etc. in it just like this lightbox that pops up
    simple images.

    Regards,

    Quote Originally Posted by AlexDawson View Post
    Yes, what you are looking for is a Lightbox, it's a mechanism that's powered by JavaScript but produces the kind of effect you want with the HTML dialog box...

    http://leandrovieira.com/projects/jquery/lightbox/

    Anoox search engine volunteer

    www.anoox.com

  6. #6
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    I did a quick Google for you and found this:

    http://jquery.com/demo/thickbox/

    It allows content and anything else within it (though I'm not sure why you didn't search considering I told you what the name of what you needed was).


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
  •