SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Fixed Position Popup Div Problem- Too Big For Netbook Screens! +JS

    I wanted to have a fixed position (center of the viewport) popup div that's 800x600. Obviously now that seems waaay too big for a fixed position popup. Here's me on my 1920x1080 screen again forgetting about the users.

    But still, even if I make it a lot smaller... I'm now wondering about smartphone browsers. I don't own one so I can't test it right now, but if I put a fixed size, fixed position popup div on screen couldn't it still totally block some users from seeing/clicking anything? I could of course make it so that clicking anywhere on the div gets rid of it but still not ideal.

    Javascript Question:

    I'm now thinking of adding a javascript viewport measurer and testing that it's over the height of the div before doing the popup. I've got all that sorted but in that case, I'm a bit stuck for what to do "else{ ... }"... when I find their viewportheight is too short for the popup. When javascript is off, the user is taken to another backup page with all the same info on.

    Code HTML4Strict:
    <a href="mybackuppage.html" onclick="calculateViewportHeight(); popup('popup1'); return false;">

    Is there a way to break out of calculateViewportHeight() and make sure the "return false" doesn't get called? ...Or can I do that specific "return false" from within the popup() function?

    (sry, should have put this in the JS forum)

  2. #2
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Listen Fretman, don't know about the javascript question yet but drop the fixed-position idea. As I've just noticed, many sites use absolute positioning - not fixed - when they do popups. So users with really small screens can scroll past it, or scroll to the 'close' button.


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
  •