Need a simple popup (modal, on-page-load with time-delay, fast & clean)

JavaScript
141

Hi Pullo, I did change that code but it adds a small line between the text and the header on the dropdown and the field text is no more visible, so I reverted. Is that really necessary to change? I don’t think it has impact on the searchbox.

142

also it’s taking a lot (like 5 seconds) to load the jquery.cookie .js file for some reason today. Is there a faster href?

143

Yes, a copy of the file you want to use hosted on your own site’s server.

144

thanks Mittineague :smile:

145

Ok, well a few errors in the validator is a considerable improvement on what we started with, so I guess we’ll call it a day with that.

Could you repeat your original question regarding the search box?

146

Yes sure.
First of all it’s giving me an error jQuery not defined but anyway it works.

The problem is restyling it as there’s a javascript controlling the iframe size.

147

Ah yeah, I remember now.
Could you do me a favour: start a new topic, clearly stating the problem and then let me know.

148

Sure thing, thanks

link is Searchbox iframe resizing and styling depending on Javascript

152

I moved 6 posts to a new topic: How to have a popup window open and close automatically

153

Hi,

I am not great when it comes to code but how would I get the popup to just display text?
Thanks.

154

Well, as you would do with any other HTML. Simply use the appropriate tags ( like P, as an example) and write the text :wink:

A modal popup is just a div (most of the time) and the HTML inside it.

155

Thank you for your response below is the original code. Where would I put what you have suggested and remove the sitepoint link, I have tried adding the p tag with what I want to say but I keep getting syntax errors.

<script>
  function openColorBox(){
    $.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.sitepoint.com"});
  }
  
  setTimeout(openColorBox, 5000);
</script>
156

Hi,

So you want a popup to open a few seconds after the page has loaded and display text, as opposed to an iframe. Did I get that right?

157

You know that pop ups are bad for SEO?

161

Hi Pullo,

What to do, If I want close button (X) at the top right instead of bottom right? Please suggest

162

What do you have so far in the way of code?
Please post something runnable (for example in a JSFiddle).

163

I have the same question. I have a wordpress popup that needs an X to close the page for visitors. is it a different type of code if it’s wordpress?

164

It’s all JavaScript.
Also, if you’re looking for help troubleshooting whichever issue you are having, pls post some runnable code.

165

i took over the site from someone else so its been a struggle.

[timed ondate="20130812" offdate="20200915" ontime="0001" offtime="0010"]
<div><a class="fancyload" href="/coupons/popup18.jpg">HAROLD WANTS YOU TO ENJOY YET ANOTHER GREAT DEAL</a></div>
[/timed]

the website is http://seltzerssteakhouse.com

166

That’s a WP short code for (presumably) the fancybox plugin.
Do you have the possibility to set 'closeBtn': true in the plugins options?