Round pop-up?

[loopy1215]

One of my clients requested a round/circular pop-up. Is this possible?

 

[chrishirst]

Should be, in theory at least. Can't say I've tried it but it should be an interesting exercise though.

It will of course only work for browsers that support CSS3's border radius.

 

[CaldwellYSR]

I don't know if you can customize javascript's alert() function but you could make your own pop up like a lightbox type thing that you could then edit with CSS. As for making it circular. If you make the border-radius half of the width then it will make it a circle (or is it full width...) Try it and see

 

[chrishirst]

javascript is a 'soft' language so you can redefine the alert() quite easily.

http://www.modtalk.co.uk/article/chris-hirst/javascript-alert/
http://www.modtalk.co.uk/article/chris-hirst/another-alert/

you can safely ignore the Firefox "malware" alert I had a js file that was injected with a redirect for ~two days about three months ago now, some day soon Google will figure out that has gone.

 

[loopy1215]

Thanks, guys!

 

[chrishirst]

Found this while I was doing a bit of research
http://anvilstudios.co.za/blog/css/creating-circular-for-css3-compatible-browsers/

Could be combined with a redefined alert().

 

[nullbytes]

definitely it is possible. There are plenty of tutorials out there you can learn from.

 

[ronaldroe]

Once you're done with the JS, you can use border-radius:50% to make it a circle. Support for IE8 and below can be had with CSS3PIE

 

[Roddy]

I remembered I had a demo page from when I was trying out jQuery Reveal for popups.

I added a quick and dirty round one.

My comments are in the popup.