First download the file script.js  (select SAVE and save it in your WP10 website folder).

Now Highlight / Select, and copy this code:

<script language="JavaScript" src="script.js" type="text/javascript"></script>

In the web page where you want email addresses to appear,  click the Insert HTML Code button, click on the page, select Paste to Body, and OK. The HTML fragment will now be visible on the page. Drag it somewhere near the top of the Body section.

Now click the HTML Frame Tool, click it on the page, and in the visible box type something like:    Send an email to Joe Bloggs:

Highlight / Select, and copy this code:

<script language="JavaScript" type="text/javascript">addy('x','y','z')</script>

Now click the Insert HTML Code button again, click on the page, select Past to Body, and OK. Drag this code fragment next to, or just below the words you typed:   Send an email to Joe Bloggs:

Double click this fragment and edit it: Replace the 'x', 'y' and 'z' with the elements of the email address.

So if the email was:     joebloggs@gmail.com  for example; it would look like this:

<script language="JavaScript" type="text/javascript">addy('joebloggs','gmail','com')</script>

Note that there is no '@' symbol.

That's about it, except that WP10 does not let you preview the page properly until you publish it. So now you have to save, publish etc. and then the page will appear:

Send an email to Joe Bloggs:  joebloggs@gmail.com

(Before publishing, the email address will not show up.)

This is all more trouble than doing it in Frontpage, so if you have Frontpage, you can simply make a Frontpage folder with the script file and the page with email addresses, and load it to the website with an FTP program like WS-FTP.

Frontpage lets you change the font, colour, size etc. of code itself, so the visible email address can match your design for the site, but I cannot do this in WP10.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------

More information, should you need it:

Hidden code for email addresses:

Step 1

Download the file script.js and copy it to your site. (Or make the file yourself by copying and pasting in the code given further down this page.)

Step 2

On any page where the script is to be used set up a reference to the source of the script with this line of code (Place it near the top of the Body section of the web page) :

<script language="JavaScript" src="script.js" type="text/javascript"></script>

If the script is not in the same folder as the page then elaborate on the path so that the the script can be found.

Step 3

Wherever you need an email address on the page, use the following:

<script language="JavaScript" type="text/javascript">addy('x','y','z')</script>

The function takes three arguments, which then go onto form the final email address, in the form x@y.z

So where you want the email address to appear on the page you'd use this code:

<script language="JavaScript" type="text/javascript">addy('joebloggs','gmail','com')</script>

ie. you replace the 'x', 'y' and 'z' with the three elements of the email address.

Note that in a   .co.uk  address you don't include the dot between joebloggs and co but you do include it within co.uk

Script.jf file contains this:

//swap CSS style

function swapImg(obj, new_style) {

    obj.className = new_style;

}

function addy(mail1, mail2, mail3) {

            var seg1=(mail1)

            var seg2=('@')

            var seg3=(mail2)

            var seg4=('.')

            var seg5=(mail3)

            var seg7=('mai')

            var seg8=('lto')

            var seg9=(':')

            var seg10=('<a href="')

            var seg11=('">' +seg1+seg2+seg3+seg4+seg5+ '</a>')

            document.write(seg10+seg7+seg8+seg9+seg1+seg2+seg3+seg4+seg5+seg11)

}