Help - Search - Members - Calendar
Full Version: Creating a popup
MonsterSmallBusiness Forums > MonsterCommerce > How do I?
artektechnology
How do you create a popup? For example if a customer wants to view more information about an item when they click a link a popup like windows will appear? I already know how to custom HTML in the Admin panel but this allows the text to appear within the site.

I would like to a blank popup (meaning no site backround)
DetailsArt
Hi - you can insert similar HTML into your product descriptions. It'll popup a window. Just replace with your own file & text and you'll be all set.

You can modify the size and type of popup window by changing these parameters:

'status=yes,scrollbars=yes,resizable=yes,width=600,height=400'

Good luck!

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<font face="Tahoma"><font size="2"><br>
<a href="javascript:;" onClick="MM_openBrWindow('http://www.detailsart.com/artistinfo/2003_avner_zabari/avnerzabari_bio.htm','AvnerZabari','status=yes,scrollbars=yes,resizable=yes,width=600,height=400')">click
here for Avner Zabari biography</a></font></font>
</body>
</html>
artektechnology
Thanks that did it.
brassunicorn
Yes! And thank you! Another entry in the "Useful Code" collection that someone had suggested we start.
Cwazydawg
Or an even easier approach is to put in your href tag target="_blank" so your string looks like this:
< a href="http://www.monstercommerce.com" target="_blank">Link</a>

Or an even more interesting approach, if you want to control the size of the window:
<a href="pineapple.recipe.html" target="AutoWindow" onClick="window.open('','AutoWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=no,width=400,height=480')">recipe</a>
skinney23
Dont Do It!

skinney23
<html>

<head>

<script language="JavaScript">

setup='toolbar=no,location=no,directories=no,status=no,menubar=no,width=200,height=150'

setup += 'scrollbars=no,resizable=no'
pop = window.open ("","pop",setup)
pop.document.write('<head>');
pop.document.write('<Title>');
pop.document.write('Pop Up Ad');
pop.document.write('</Title>');
pop.document.write('<script language="javascript">');
pop.document.write('setTimeout(');
pop.document.write('"self.close()');
pop.document.write(';",5000)');
pop.document.write('</');
pop.document.write('script>');
pop.document.write('</head>');
pop.document.write('<body bgcolor=#FFFF80>');
pop.document.write('<center><h3>Please wait while this page loads.</h3></center>');
pop.document.write('<center><h3>This window closes in 5 seconds.</h3></center>');
pop.document.write('<center><h6>(Place any image here.)</h6></center>');
pop.document.write('</body>');

</script>

<base target="leftframe">
</head>

<body>
ultimatekeychains
skinney23,

Is there a way to make the code you entered randomly pop-up, but only once max per visitor?
Cwazydawg
QUOTE (skinney23 @ Sep 23 2003, 12:40 PM)
Dont Do It!

What do you mean? Who are you referring to?
skinney23
I mean Don't use popups, no one likes them!
skinney23
You can add anything to the code provided. Timers ect. If you need something, let me know!
Strapworks.com
Now are these automatic popups or can I set this code into a picture that customers can click on than a window pops up with the information.
Example - I have technical specs for my products, instead of putting them on the page with the product I would rather have an image that says "Tech Specs Click Here" and it pops up a small window with the technical specs.
I want to avoid having problems with pop-up blockers. What is the best way to approach this?
Thanks
dzielski
skinney23,

QUOTE
Don't use popups, no one likes them! 


How doo you know this?
kay
QUOTE (Strapworks.com @ Nov 13 2003, 01:14 PM)
Now are these automatic popups or can I set this code into a picture that customers can click on than a window pops up with the information.
Example - I have technical specs for my products, instead of putting them on the page with the product I would rather have an image that says "Tech Specs Click Here" and it pops up a small window with the technical specs.
I want to avoid having problems with pop-up blockers. What is the best way to approach this?
Thanks

Hey, Strapworks. What did you decide? I'd like to have a small resizable window for tech specs, etc. too. But, don't want to have problems with blocking or maybe with search engine no-nos.
Neil82591
If you have a clickable link that brings up a popup you will not have any issues. This is not a no no for Search engines

The popup script I use for this also does not get blocked by googles popup blocker either.

Here is the code I use:

<script>

// Ez PopUp 2.0
// PopUp window script
// Place this script in the top of your page.





function EzPopUp2(){
EzPopUpWindow = window.open("http://www.liquidfence.com/landscape.html","Image1","left=100,top=20,screenX=100,screenY=20,width=400,height=450,");
}

</script>
<P align=center><IMG alt="Any purchase will receive an Entry into a drawing for $2500 in Lanscaping Materials FREE!" src="images/custom/landscape.gif" align=absMiddle border=0></P>
<P align=center><a href="javascript:EzPopUp2()">Participation Details</a>

This example I have a link below an image that genrates a fixed size popup.

To see this example you can click on http://66.216.121.240 and scroll down the page to the Landscaping Givveaway.

Hope this helps.
kay
Thanks! On the Yahoo forum, some were commenting that javascript wasn't liked by Search Engines. Maybe they're wrong. Anyway, I was steering clear of js as much as possible (even though it is definitely better, IMHO). So, I thought I'd use html to call the popup with resizable window.

And, then I found the image gallery. Pretty neat feature! So, I 've been adding a comment in the description to click on the link under the picture. I really like that gallery! Long post...sorry.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.