JavaScript Codes : Show popup when clicking on a button

Javascript Code: Show popup when clicking on a button

Next Code

Popup in JavaScript by clicking on buttons

<HTML> <HEAD>  <SCRIPT LANGUAGE="JavaScript"> function AlertCC(label, msg) { var cc1 = "<TITLE>Window Title</TITLE>" + "<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" + "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+ "<FONT SIZE=4 FACE=ARIAL>" var cc2 = "<FONT COLOR='FF0000'><B>"+label+"</B></FONT><BR><P>" var cc3 = "</TD><TD WIDTH=10%> </TD></TR><TR><TD> </TD>"+ "<TD VALIGN=BOTTOM ALIGN=RIGHT>"+ "<FORM><INPUT TYPE='BUTTON' VALUE='Close Window'" + "onClick='self.close()'>" + "</FORM></TD></TR></TABLE></BODY>" popup = window.open("","popDialog","height=280,width=400,scrollbars=no") popup.document.write(cc1+cc2+msg+cc3) popup.document.close() } function ccalert1() { AlertCC('Alert One', 'This script will let you place information about your product or topic of choice.') } function ccalert2() { AlertCC('Alert Two', 'This script will let you place information about your product or topic of choice.') } function ccalert3() { AlertCC('Alert Three', 'This script will let you place information about your product or topic of choice.') } function ccalert4() { AlertCC('Alert Four', 'This script will let you place information about your product or topic of choice.') } </SCRIPT> </HEAD> <BODY> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert One ]" onClick="ccalert1()"></FORM></CENTER><p> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Two ]" onClick="ccalert2()"></FORM></CENTER><p> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Three ]" onClick="ccalert3()"></FORM></CENTER><p> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Four ]" onClick="ccalert4()"></FORM></CENTER><p>  <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

If you don't know how to use this code or need more information Click here!

Compatible browsers: