Pop-up Website Page

Hi guys, @Jakerlund can you teach me how to pop-up a page when clicked button?

Like this one… but I want to use my Blocs button… https://www.quackit.com/html/codes/html_popup_window_code.cfm

1 Like

Hey @mackyangeles

Like this? :relaxed:

You want it to open a separate html page and not a popup modal within the page right?

Cheers

2 Likes

Yes! @Jakerlund though the link is from another site :slight_smile: How did you do it?

@mackyangeles try the above link again.
Is that what you want, load an external page?

1 Like

Yes! You did it again. how did you do it?

Yo @mackyangeles

I made a video tutorial for you!

Get the script and code here.

Cheers :sunglasses:

3 Likes

Great! I’ll try :slight_smile: THANK YOU SO MUCH!!!

1 Like

Last question hehe. how to make it always on top?

I’m not sure that’s possible to force a window to stay on top :confused:
@cincyplanet is very good with scripts and maybe have some idea?

1 Like

Can a Close button be added?
I can see potential for a site-wide contact form page.

@apswoodwork Yup… try my demo again and you’ll see I’ve added a close button.
You may have to refresh the page if you don’t see the close button… it could be cached.

Add this to the close button JavaScript:window.close()

Top man. Thanks

Hey guys, this is an old topic, but I’m looking for that solution. unfortunately the files no longer exist. can anybody help me?

1 Like

Nobody can help? :cry:

hello @RME

There you go:

<a href="https://blocsapp.com" target="popup" onclick="window.open('https://blocsapp.com','popup','width=600,height=600'); return false;">
   RME LINK
</a>

Just change:

  • URL in both places

  • width=600

  • height=600

  • LINK TEXT

Try here

Hope it helps you

2 Likes

Add this to your page footer, changing the URL

<script type="text/javascript">
function openPopup() {
	var url = 'https://myURL.com'
	popupWindow = window.open(
		url,'popUpWindow','height=300,width=400,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>

Then on any element or Buttons add a custom attribute

onclick="openPopup()"

EDIT: @Pealco bet me to it :laughing:, both solutions will work.

3 Likes

No problem, it’s good to have more then one solution, but yours have different options that @RME can use in any case.

Thank you for your help @PeteSharp

2 Likes

Yeah you could expand this to grab an attribute for the URL and have multiple instances on the page.

1 Like

Should note @RME, that using this will just open another tab if the browser is full screen.