The JavaScript Source: Page Details: Floating Email-This-Link

Home

Floating Email-This-Link

This script displays a floating layer that moves with the page, which contains an "email-this-link" script. The e-mail script automatically captures the URL of the page and opens up your e- mail with all the pertinent information.

tag. // Set the following two position parameters // Negative numbers are relative to right (hX) or bottom (vY) // Positive numbers are relative to left (hX) or (vY) top // Experiment with values to get positioning exact, and allow // for the dimensions of the image & form in the positioning var hX = 340; var vY = -140;

The JavaScript Source: Page Details: Floating Email-This-Link
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <BODY>      <script> /* Floating Mail-This-Link Script C.2004 by CodeLifter.com */ // Insert the entire script just before the </body> tag. // Set the following two position parameters // Negative numbers are relative to right (hX) or bottom (vY) // Positive numbers are relative to left (hX) or (vY) top // Experiment with values to get positioning exact, and allow // for the dimensions of the image & form in the positioning var hX = 340; var vY = -140; </script>  <div id="FloatMail" style="position: absolute; background-color: #000000; background-image:url('float_dots.gif'); width: 180px; border-width: 2; border-style:outset; border-color:#444444; padding:5px"> <center> <form name="eMailer"> <font size="2" face="Verdana,Arial" color="#ff0056"> E-Mail This Link <br> Enter recipient's e-mail: </font> <br> <input type="text" name="address" size="20" style="background-color:#000000; color:#05fa9e; border-color:#ff0000; border-width:1; border-style:dashed; margin-top:7px;"><br> <input type="button" value="Send this URL" onClick="mailThisUrl();" style="color:#ff0057; font-family:Arial; font-size:10pt; background-color:#000000; border-width:1; border-style:solid; border-color:#242424; margin-top:7px;"> </form> </center> </div>  <script> /* Floating Mail-This-Link Script C.2004 by CodeLifter.com */ /* Caution! Do not allow linebreaks other than where shown */ var good;function checkEmailAddress(field){ var goodEmail=field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi); if (goodEmail){good = true}else{alert('Please enter a valid e-mail address.'); field.focus();field.select();good=false;}} u=window.location;m="I thought this might interest you..."; function mailThisUrl(){good=false; checkEmailAddress(document.eMailer.address); if (good){window.location="mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;}} var nn=(navigator.appName.indexOf("Netscape")!=-1); var dD=document,dH=dD.html,dB=dD.body,px=dD.layers?'':'px'; function floatMail(iX,iY,id){ var L=dD.getElementById?dD.getElementById(id):dD.all?dD.all[id]:dD.layers[id]; this[id+'O']=L;if(dD.layers)L.style=L;L.nX=L.iX=iX;L.nY=L.iY=iY; L.P=function(x,y){this.style.left=x+px;this.style.top=y+px;};L.Fm=function(){var pX, pY; pX=(this.iX >=0)?0:nn?innerWidth:nn&&dH.clientWidth?dH.clientWidth:dB.clientWidth; pY=nn?pageYOffset:nn&&dH.scrollTop?dH.scrollTop:dB.scrollTop; if(this.iY<0)pY+=nn?innerHeight:nn&&dH.clientHeight?dH.clientHeight:dB.clientHeight; this.nX+=.1*(pX+this.iX-this.nX);this.nY+=.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY); setTimeout(this.id+'O.Fm()',33);}; return L;} floatMail(hX,vY,'FloatMail').Fm(); </script>  <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Comments feed

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]