Creating a pop up window

  • 1
  • 2
  • Question
  • Updated 8 months ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archiving old conversation

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 6 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,678 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, Alum

  • 262,816 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,678 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,824 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, Alum

  • 262,816 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?
Photo of Peachyogii

Peachyogii

  • 112 Points 100 badge 2x thumb
Jumping on this thread trying to create popup windows on my page. Does anyone else out there know how to do this? Specifically, where do I enter the code?
Photo of Church by the5457

Church by the5457

  • 344 Points 250 badge 2x thumb
I entered in the add html section.  It will only allow me to do the pop up if I have the setting to open immediately.  If I set it to open after 5 sections It just shows a white bar.  I'm trying to a pop up form from MailChimp.  Very frustrating.  Beginning to regret rebuilding my site here instead of going with another company.
Photo of Peachyogii

Peachyogii

  • 112 Points 100 badge 2x thumb
What I need specifically is a pop up box, that appears after a link has been clicked on. You've see this many times for example when filling out an online form. Next to a question you might find a small image/link of a question mark. If you click on the question mark, a small box pops up with further information being explained. Then you can read it and exit the small box, and back to the page you were on (rather than a whole new page to load just for a small amount of quick-read information). This is what I need to make. I can't figure this out and would REALLY APPRECIATE some help!

Photo of Elyzabeth

Elyzabeth , Official Rep

  • 44,722 Points 20k badge 2x thumb
Hello,

I can see you called on Friday. Did you get this resolved?

This conversation is no longer open for comments or replies.