Click A Button And Opens A Popup Window?

**andantesash** · 03-11-2008, 06:09 AM

Hi,

Does anyone know how to do this, well how to code it.

I want to be able to let people click on an IMAGE that says print, and a popup window opens with a small brochure available for print (this brochure will just be another page btw).

I hope someone can help.

Thanks
Thanks

**rolda hayes** · 06:41 AM

Add this to the HEAD section of your page.

Code:

<script language="javascript">
<!--
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}
//-->
</script>

create a link to your page and add thsi after the url. changing the size as you need
[codeonClick="NewWindow(this.href,'name','500','500 ','no');return false">[/code]

then add this for the print link on your new page

Code:

<HTML><HEAD>
<TITLE>ASP Web Pro</TITLE>
</HEAD> 

<BODY>
<SCRIPT LANGUAGE="JavaScript">

// This small script displays a Print button
<FORM>
<input type="button" value="Print" Onclick="print()" ;>
</FORM>

// This small script displays a Print link
<a href="javascript:print()">Print</a>
</SCRIPT> 

</BODY>
</HTML>

**andantesash** · 03-11-2008, 06:43 AM

Thankyou very much

**jbladeus** · 03-12-2008, 02:32 AM

A good design practice would be to put all that javascript into a separate file and then link this file to your web page.