نمونه اسکریپت:
در صورتی که مرورگر شما از این اسکریپت پشتیبانی کند، با قراردادن نشانه گر ماوس، توضیحات لینک را در کادر باز شونده مشاهده می نمایید.
http://www.saideh.com http://www.oshagheiran.com
کد اسکریپت:
<!-- Instant Popups This script creates popsups when your mouse is over the link, then closes them when the mouse is not on the link --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var hmsg = new Array(); hmsg["home"] = new coffeehelp( "saideh", "fancyheader", "plain", "مرکز بزرگ اینترنتی حمایت از عشاق ایران"); hmsg["help"] = new coffeehelp( "", "", "bold", "حمایت، پشتیبانی، راهنمایی و نیز همدلی با عشاقی که بدلایل عدم رضایت والدین و مشکلات خانوادگی، نبود توان مالی و مادی، تعصبات بیجای مذهبی - زبانی - سنی - تحصیلی، تفاوت محل سکونت و منطقه جغرافیایی و ...؛ تا کنون قادر نبوده اند با هم ازدواج نمایند"); hmsg["products"] = new coffeehelp( "CoffeeCup Software Products", "h2", "italics", "Download the Coolest Web Tools on the Net"); hmsg["order"] = new coffeehelp( "", "", "", "Buy CoffeeCup Software!"); var myPopup = new helpbox("myPopup", hmsg, 275, 175, "#ffffee"); function coffeehelp(header, hstyle, mstyle, message) { this.DEFAULTHSTYLE = "plain"; this.DEFAULTMSTYLE = "plain"; this.header = header; if (hstyle) this.hstyle = hstyle; else this.hstyle = this.DEFAULTHSTYLE; this.message = message; if (mstyle) this.mstyle = mstyle; else this.mstyle = this.DEFAULTMSTYLE; return this; } new coffeehelp(); coffeehelp.prototype.show = show; function show() { var H = "<FONT FACE='arial'>" + this.header + "</FONT>"; if (this.hstyle == "h1") H = "<H1>" + H + "</H1>"; else if (this.hstyle == "h2") H = "<H2>" + H + "</H2>"; else if (this.hstyle == "h3") H = "<H3>" + H + "</H3>"; else if (this.hstyle == "h4") H = "<H4>" + H + "</H4>"; if (this.hstyle == "fancyheader") H = "<table width='75%'>" + "<tr><td bgcolor='#6060ff' align='center' valign='center'>" + "<H1><FONT COLOR='white'>" + H + "</FONT></H1>" + "</td></tr></table>"; else if (this.hstyle == "italics") H = "<I>" + H + "</I>"; var M = "<FONT FACE='arial'>" + this.message + "</FONT>"; if (this.mstyle == "plain") {} if (this.mstyle == "italics") M = M.italics(); else if (this.mstyle == "bold") M = M.bold(); var htmlpage = ""; if (this.hstyle.indexOf("header")>=0) htmlpage = H + M; else htmlpage = H + "<BR>" + M; return htmlpage; } function helpbox(name, hm, width, height, bgcolor) { this.name = name; this.helpmessage = hm; this.timerHandle = null; this.windowHandle = null; this.DEFAULTWIDTH = 250; this.DEFAULTHEIGHT = 150; this.DEFAULTBGCOLOR = "#ffffcc"; this.POPUPDELAY = 100; if (width) this.width = width; else this.width = this.DEFAULTWIDTH; if (height) this.height = height; else this.height = this.DEFAULTHEIGHT; if (bgcolor) this.bgcolor = bgcolor; else this.bgcolor = this.DEFAULTBGCOLOR; return this; } function startHelp(msgindex) { var cmdstr="top." + this.name + ".showHelp('" + msgindex + "')"; this.timerHandle = setTimeout(cmdstr, this.POPUPDELAY); } function showHelp(msgindex) { if (!this.windowHandle || !this.windowHandle.name || this.windowHandle.name=="") this.windowHandle = window.open( "", "subWindow", "toolbar=no," + "location=no," + "directories=no," + "status=no," + "menubar=no," + "scrollbars=no," + "resizable=no," + "width=" + this.width + "," + "height=" + this.height ); else this.windowHandle.focus(); this.windowHandle.document.open(); var to_page = "<HTML>\n" + "<BODY BGCOLOR='" + this.bgcolor + "'><P>" + this.helpmessage[msgindex].show() + "</BODY></HTML>\n"; this.windowHandle.document.write(to_page); this.windowHandle.document.close(); } function clearHelp() { clearTimeout(this.timerHandle); if (this.windowHandle && this.windowHandle.name) { this.windowHandle.close(); this.windowHandle=null; } } new helpbox(); helpbox.prototype.startHelp = startHelp; helpbox.prototype.showHelp = showHelp; helpbox.prototype.clearHelp = clearHelp; // End --> </script> </HEAD> <!-- Copy into the BODY of your HTML --> <BODY> <br><br><br><br> <a href="http://www.saideh.com/" onMouseOver="myPopup.startHelp('home')" onMouseOut="myPopup.clearHelp()">http://www.saideh.com/</a><br> <br> <a href="http://www.oshagheiran.com/" onMouseOver="myPopup.startHelp('help')" onMouseOut="myPopup.clearHelp()">http://www.oshagheiran.com/</a><br>