18 {{ upvoteCount | shortNum }}
18 {{ upvoteCount | shortNum }}

How Can I Insert A Pop-up Window?

by goleza
15 replies
  • WEB DESIGN
    • |
I have tried to insert a pop-up window on my main page in vain. When I upload nothing displays.

I would therefore like to seek assistance from any member that can guide me, through this forum, on how to go about it successfully. I need a pop-up that displays once.

I will be grateful for your support. Thanks in advance for your cooperation.
#insert #insert popup window #popup #window
  • Profile picture of the author Michael71
    When do you want this popup to come up?

    When the user enters the site? When he is leaving? After a certain amount of time the user is on the site?

    What is the content of the popup?
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5037663].message }}
    • Profile picture of the author goleza
      Originally Posted by Michael71 View Post

      When do you want this popup to come up?

      When the user enters the site? When he is leaving? After a certain amount of time the user is on the site?

      What is the content of the popup?
      Preferably after a certain amount of time the user is on the site. But I would love also to have the two other options for future use if a need arises for me to make changes.
      Signature
      Laser Engraved Products - Laser Engraving Services | GDL Marketing Blog
      {{ DiscussionBoard.errors[5037690].message }}
      • Profile picture of the author sanhal
        If you use Aweber you can get a popup optin form to display after a certain time.

        If you are using a blog you could take a look at PopUp Domination. Not sure if you can set it to only show once though.

        Best solution is probably to outsource it to someone on this forum or oDesk.com and get them to write you the code.

        There are some instructions on a number of sites if you want to do it yourself.

        Good luck

        Sandy
        Signature
        FREE Guide: 3 Day Clean Eating Challenge
        {{ DiscussionBoard.errors[5037755].message }}
  • Profile picture of the author Michael71
    Yesterday I was playing with some jQuery stuff and ExitPopups and things like that (Shadowbox and FancyBox).

    It is not a big problem to make a "timed" popup but for that I need more information since all this stuff won't be a Wordpress plugin, it is "hard coded"
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5037930].message }}
  • Profile picture of the author anantgupta
    Here is the sample HTML Code

    Code:
    <html>
<head>
<title>Test</title>
<SCRIPT LANGUAGE="JavaScript">
closetime = 0; // Close window after __ number of seconds?
// 0 = do not close, anything else = number of seconds
function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
preview = window.open(URL, "preview", windowprops);
if (closetime) setTimeout("preview.close();", closetime*1000);
}

function doPopup() {
url = "http://www.warriorforum.com/website-design/485545-how-can-i-insert-pop-up-window.html";
width = 267;  // width of window in pixels
height = 103; // height of window in pixels
delay = 2;    // time in seconds before popup opens
timer = setTimeout("Start(url, width, height)", delay*1000);
}
</script>
</head>
<BODY OnLoad="doPopup();">
<p>Test</p>
</body>
</html>
    {{ DiscussionBoard.errors[5038011].message }}
    • Profile picture of the author goleza
      Originally Posted by anantgupta View Post

      Here is the sample HTML Code

      Code:
      <html>
<head>
<title>Test</title>
<SCRIPT LANGUAGE="JavaScript">
closetime = 0; // Close window after __ number of seconds?
// 0 = do not close, anything else = number of seconds
function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
preview = window.open(URL, "preview", windowprops);
if (closetime) setTimeout("preview.close();", closetime*1000);
}

function doPopup() {
url = "http://www.warriorforum.com/website-design/485545-how-can-i-insert-pop-up-window.html";
width = 267;  // width of window in pixels
height = 103; // height of window in pixels
delay = 2;    // time in seconds before popup opens
timer = setTimeout("Start(url, width, height)", delay*1000);
}
</script>
</head>
<BODY OnLoad="doPopup();">
<p>Test</p>
</body>
</html>
      Thanks but how do I use it? Kindly guide me on what changes I need to make on the script for me to use it on my website. I will be grateful.
      Signature
      Laser Engraved Products - Laser Engraving Services | GDL Marketing Blog
      {{ DiscussionBoard.errors[5042424].message }}
  • Profile picture of the author Michael71
    Well my solution is a bit "nicer" ... not a lousy popup.

    And mine can't be blocked by a popup blocker.
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5038094].message }}
  • Profile picture of the author anantgupta
    ^yeah fancybox is always favorable as they are called from the source.I just gave him a simple example.
    {{ DiscussionBoard.errors[5038876].message }}
  • Profile picture of the author aaaa33030
    Put the code between your 'head' tags, except for <BODY OnLoad="doPopup();"> which goes between the 'body' tags.

    Change the 'warriorforum' link to the link you want to pop up.

    Optionally change the width and height which will be affected in internet explorer but not firefox
    Signature
    Perpetual Income 365
    {{ DiscussionBoard.errors[5678473].message }}
  • Profile picture of the author iuditg
    If you are looking for a jQuery popup, their is a plugin available Named FancyBox Fancybox - Fancy jQuery lightbox alternative This is a free jquery plugin which you can use in your projects. Depending on how well you understand HTML/CSS/jQuery, you can customize the plugin as per your requirements.
    Signature
    {{ DiscussionBoard.errors[5679949].message }}
  • Profile picture of the author upendra
    thanx for the information guys
    {{ DiscussionBoard.errors[5691219].message }}
  • Profile picture of the author WebdevelopmentGroup
    Try iframing ...youll like that.
    Signature
    WebDevelopmentGroup NYC & CA- Small Business Web Development, App Development, WordPress Development, Graphic Designs, Online Marketing, Local Marketing & more!. "Call us 1.800.219.1314 or message us!". Visit us today! "Now On Live Chat Mon-Fri.". www.WebDevelopmentGroup.org
    (Whitelable our Services)
    ===================================
    ==> #1 OFFLINE MARKETING FORUM ON THE WEB! <==
    www.OFFLINEMARKETINGFORUM.com     (Register Now)
    {{ DiscussionBoard.errors[5691714].message }}
  • Profile picture of the author Absolute Logo
    Here is a pop-up window gen. check this out. (not affiliated) of course it is free
    Dynamic Drive DHTML Scripts- Popup Window Generator
    Signature
    Absolute Logo Perfect for your small business!
    {{ DiscussionBoard.errors[5692011].message }}
  • Profile picture of the author Austin357
    You might want to try iFraming as another option as WDG mentioned.
    {{ DiscussionBoard.errors[5692054].message }}
  • Profile picture of the author ProfWP
    Search "pop-up" in wordPress.org, thre's a few plugins for that. Remember to test and customize it to fit the look for your website.
    {{ DiscussionBoard.errors[5706901].message }}

Trending Topics