Magic Return Demo @ netSperience

This JavaScript creates a floating window
when the viewer clicks on a link.
After three seconds, the floater
politely hides itself.

On the floater is a linked graphic
to return the viewer to the page which opened Magic Return
(no matter how many subsequent links are followed)
then Magic Return closes itself.
The floater also alerts the viewer
by "focusing" every 5 minutes.

I developed Magic Return so that I could
refer the viewer to pages on other websites
and provide a way back to netSperience.
Sometimes, it's also helpful for intra-site navigation.

Try Magic Return

Two Ways to install Magic Return

Method #1
Using a .js file
(for use on several web pages)

Save makeBounce.js
Replace my image and text with your own.
There are nine customizable variables at the beginning of the script.
Then upload makeBounce.js to your server.
Add makeBounce.js to your web page(s) with this code in the <head>
(insert it just before </head>):

For pages in directories other than the one with makeBounce.js, insert the appropriate src= URL.

Method #2
Installation on a single page

Copy and paste this code in the <head> (insert it just before </head>):

<script language="javascript" type="text/javascript">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> ') else bouncer.document.writeln('<\/head><body onload="loadblur()"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> ') bouncer.document.writeln('<div align="center">') bouncer.document.write('<font size="2">'+lineabove+'<\/font><br><a href="#" onClick="go()"><img src="http://www.geocities.com/rgoya/'+banurl+'" width='+banw+' height='+banh+' alt="'+banalt+'"><\/a><br><font size="2">'+linebelow+'<\/font><br><sub>') bouncer.document.write(doctitle) bouncer.document.write('<br><font size="2">') bouncer.document.write(openloc) bouncer.document.writeln('<\/sub><\/font><br>') bouncer.document.writeln('<a href="#" onClick="go()"><sub>Beam me up, Scotty!<\/a><\/sub><br>') if (!AOL){ //don't write self.blur() option for AOL bouncer.document.writeln('<font size="2"><br><a href="javascript:self.blur()"><b>hide<\/b> <i>Magic Return<\/i><\/a><\/font> ') }else bouncer.document.write(' <br>') bouncer.document.writeln('<a href="javascript:self.close()"><font size="2"><b>close<\/b> <i>Magic Return<\/i><\/font><\/a><\/div><\/body><\/html>') bouncer.document.close() } // --> </script>

Starting Magic Return (both methods)

Add this event handler to your link(s): onClick="makeBounce()"

Try Magic Return now!

<||> netSperience <||> JavaScript <||> Tools <||> Résumé <||> Guest Book <||>

Hosted by
Get your own
Free Home Page