Hi, I have two scripts I'd like to combine but cannot figure out how (am fairly new to javascripting).

The problem :

I have a small script for making my "email to webmaster" more or less spam proof that I use in the footer of my web pages. I also have a pop-up menu script for site navigation.

In the popup menu I have the "email us" with normal email address embedded in the script. However, I would like to make the pop-up menu item for "email us" also spam-proof.

In other words how to change the pop-up menu item for embeded email address (Line 38 in the second script below) and have it incorporate the spam proof email from the other script.

Here is the code for the two separate scripts: (oh, thanks in advance for any suggestions

1. spam-proof email to webmaster:

<i><script language="JavaScript"><!--
var name = "tnds";
var domain = "olypen.com";
document.write('<a href=\"mailto:' + name + '@' + domain + '\" TITLE="Dan and Tina Bateham">');
document.write(name + '@' + domain + '</a>');
// --></script
</a>.</i>

2. pop-up menu for site navigation (need to change the "email us" menu item to use the "spam-proof email" from above script:

<head>
<style>
<!--
/* Context menu Script- © Dynamic Drive (www.dynamicdrive.com) Last updated: 01/08/2002
For full source code and Terms Of Use, visit http://www.dynamicdrive.com */

.skin0{
position:absolute;
width:140px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:14px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>
</head>

<body>
<div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>
<!-- Note: To open target in a new window add: target="newwin" after the url reference -->
<div class="menuitems" url="http://www.olypen.com/tnds/index.htm">Home Page</div>
<div class="menuitems" url="http://www.olypen.com/tnds/familytree/index.htm">Genealogy</div>
<div class="menuitems" url="http://www.olypen.com/tnds/familytree/surnames.htm">Surnames Index</div>
<div class="menuitems" url="http://www.olypen.com/tnds/familytree/names.htm">Name List</div>
<div class="menuitems" url="http://www.olypen.com/tnds/history/">Family Stories</div>
<div class="menuitems" url="http://www.olypen.com/tnds/pictures/">Photo Album</div>
<hr>
<div class="menuitems" url="mailto:tnds@olypen.com">Email Us</div>
</div>

<script language="JavaScript1.2">

//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0

var ie5=document.all&&document.getElementById
var ns6=document.getElementById&&!document.all
if (ie5||ns6)
var menuobj=document.getElementById("ie5menu")

function showmenuie5(e){
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX

//same concept with the vertical position
if (bottomedge<menuobj.offsetHeight)
menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
else
menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY

menuobj.style.visibility="visible"
return false
}

function hidemenuie5(e){
menuobj.style.visibility="hidden"
}

function highlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor="highlight"
firingobj.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor=""
firingobj.style.color="black"
window.status=''
}
}

function jumptoie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
if (firingobj.getAttribute("target"))
window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
else
window.location=firingobj.getAttribute("url")
}
}

if (ie5||ns6){
menuobj.style.display=''
document.oncontextmenu=showmenuie5
document.onclick=hidemenuie5
}

</script>
</body>


Again, thank you for looking this over and for any suggestions. Oh, I'm new to the forum. In the future if I have such questions should I have put script samples as an attachment or include them in the message as I have here?

Dan Bateham
tnds@olypen.com