1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Need help in this pop under java script

Discussion in 'HTML & JavaScript' started by Scariot, Mar 18, 2016.

  1. Scariot

    Scariot Regular Member

    Joined:
    Oct 5, 2013
    Messages:
    271
    Likes Received:
    212
    Occupation:
    Internet Marketeer
    Location:
    www.googleheart.com
  2. tompots

    tompots Elite Member Premium Member

    Joined:
    Dec 11, 2011
    Messages:
    4,371
    Likes Received:
    3,964
    Gender:
    Male
    Occupation:
    Full Time Bot Developer
    Location:
    Automation Alternatives
    Home Page:
  3. Scariot

    Scariot Regular Member

    Joined:
    Oct 5, 2013
    Messages:
    271
    Likes Received:
    212
    Occupation:
    Internet Marketeer
    Location:
    www.googleheart.com
    @Tompots

    Hi man well i only want to appear it only in upper right or left part / bottom right or left part

    When i change the window size it appears in the middle of the page it will irritate my visitors for sure or maybe it should appear in the abck of the browser like other pop ups in tube sites?
     
  4. ab320012

    ab320012 Newbie

    Joined:
    Mar 20, 2016
    Messages:
    8
    Likes Received:
    0
    Hi Scariot: css for popup :

    Code:
     .popup-container {
           position:fixed;
           bottom: 0px;
           right:0px;
          
          }
     
    set .popup-container to the class that your popup container is. When it's shown it will appear in the bottom right and stay there independent of scroll.
     
    Last edited: Mar 20, 2016
  5. Scariot

    Scariot Regular Member

    Joined:
    Oct 5, 2013
    Messages:
    271
    Likes Received:
    212
    Occupation:
    Internet Marketeer
    Location:
    www.googleheart.com

    Can you give me a sample script i'm not good at coding sorry
     
  6. ab320012

    ab320012 Newbie

    Joined:
    Mar 20, 2016
    Messages:
    8
    Likes Received:
    0
    Yes.
    Code:
     <div id='popup-container'> </div>
    
    <style>
    #popup-container {
       position:fixed;
       bottom: 0px;
       right:0px;
    }
    
     </style>
    

    style tags are used for CSS (which is responsible for style like the position of a popup container). If you script works but is not positioning the popup properly, add that that to it but replace the #popup-container with whatever the Id of the div is #id {}
     
  7. Scariot

    Scariot Regular Member

    Joined:
    Oct 5, 2013
    Messages:
    271
    Likes Received:
    212
    Occupation:
    Internet Marketeer
    Location:
    www.googleheart.com
    Thanks man it works