Creating a pop up window

  • 1
  • 2
  • Question
  • Updated 1 year ago
  • Answered
Would like to create a pop up window for a photo gallery. Thought I could do it by creating a new page in site builder (and I can), but it is a full page and I would like the pop up window to only be about 650x200. Tried to search for answers here, but not finding anything. Thanks in advance! The page I'm working on is linked here...http://www.sfabrushfiretrucks.com/lgb... - when you click on the first picture, "Rule", you can see a new window opens up with the gallery but is full page.
Photo of Shawn1254

Shawn1254

  • 80 Points 75 badge 2x thumb

Posted 5 years ago

  • 1
  • 2
Photo of Reported

Reported

  • 1,660 Points 1k badge 2x thumb
Creating a popup window is pretty easy with a little code. Anyway, here is the code for a popup window and also a link to some cool javascript you may want to fool with when you have time.

<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=200,width=650,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('http://www.sfabrushfiretrucks.com/lgbrush.html');">Open a popup window</a>


Link to Javascript Kit:

http://www.javascriptkit.com/cgi-bin/...
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
Thanks for helping out!
Photo of HookedOnFitness

HookedOnFitness

  • 170 Points 100 badge 2x thumb
2 years after this topic was hot, but I'm currently trying to configure this now.  The script above should be posted where?  As HTML?  In the Page Settings under Advanced? 
Thanks!
Photo of Drew N

Drew N, Community Manager

  • 259,114 Points 100k badge 2x thumb
You would use an HTML box. Insert > More > HTML.
Photo of ricky7685

ricky7685

  • 316 Points 250 badge 2x thumb
Do you have a code for a pop up box to appear without having to click on a button? Like an Ad box. I want a box to pop up telling my customers about other products i have, and include a link on that box they can click.

Thanks!
Photo of Pamela5615

Pamela5615

  • 164 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Adding a Popup box to my website.


I am trying to add a popup box like those when you first visit a site and a signup box or website special popup box in the center of the homepage shows. I tried creating the HTML code and testing it by pasted it in page settings, advance setting, tag HTML, but nothing happens. Am I placing the html code in the proper place, what am I doing wrong???
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
When you create your links in SiteBuilder, this an option to open the page in a new window, but it does by default open it up full size. It sounds like you are probably wanting a smaller pop-up. You can try the method here if you wish.

Mike.
Photo of Reported

Reported

  • 1,660 Points 1k badge 2x thumb
Also sounds to me what you are specifically looking for is called a "lightbox" which is gaining a lot of popularity in the last few years. I certainly don't know how to effectively make a lightbox so there will be no attempt at a tutorial here - lol, but here are a couple sites that show tuts on them. Looks like a pain in the rear but have a go...

http://www.emanueleferonato.com/2007/...

http://kyleschaeffer.com/development/...

Usually requires jquery and css so its not really for the beginner I wouldnt think. But if you are looking for a simple pop-up window, my post earlier will work for that. If you're looking for a Lightbox effect then check out those links or Google something like "How to create a lightbox for my website" and search search search! Good luck.
Photo of Cheryl5973

Cheryl5973

  • 268 Points 250 badge 2x thumb
I am also trying create a pop-up window using my mail chimp form I designed but it is not working. After I save the code and preview or publish site, no pop-up appears LOL! Maybe Homestead is not set up for this feature? I am trying to build my email list. Help!
Photo of Todd H

Todd H, Social Media Specialist

  • 20,044 Points 20k badge 2x thumb
You can try adding the code with an HTML box, but we would not be able to troubleshoot why the code is not working. You can add the HTML box by going to Insert, More, HTML.
Photo of HookedOnFitness

HookedOnFitness

  • 170 Points 100 badge 2x thumb
I can't get the pop up to pop up either...It's like it's disabled through Homestead or something??
Photo of Drew N

Drew N, Community Manager

  • 259,114 Points 100k badge 2x thumb
What pop up are you referring to? Pop ups are not built in, so you must be using HTML. If the code is correct, it should work. Have you made sure your browser allows pop ups?