Hide email address with image as link

[HornyLaBelle]

I'm hiding the email address on a website with this javascript which
works fine:
---------------------------------
<p>Send your comments and questions to our

<script language=javasc ript>

<!--

var contact = "Newsletter Editor"

var email = "news"

var emailHost = "netmechanic.co m"

document.write( "<a href=" + "mail" + "to:" + email + "@" + emailHost+
">" + contact + "</a>" + ".")

//-->

</script>

</p>
---------------------------------
How can I make an image instead of the text as a link to start this
script?

Thanks in advance

[Randy Webb]

HornyLaBelle said the following on 3/9/2006 6:42 AM:

I'm hiding the email address on a website with this javascript which
works fine:
No, you just think it works fine.
---------------------------------
<p>Send your comments and questions to our

<script language=javasc ript>
<script type="text/javascript">
<!--
Drop the ill conceived notion of hiding scripts.
var contact = "Newsletter Editor"

var email = "news"

var emailHost = "netmechanic.co m"

document.write( "<a href=" + "mail" + "to:" + email + "@" + emailHost+
">" + contact + "</a>" + ".")

//-->
Drop the hiding scripts, it isn't needed anymore and can actually do
harm in some circumstances.
</script>

</p>
---------------------------------
How can I make an image instead of the text as a link to start this
script?

Instead of the variable contact, you would write out an img tag.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Thomas 'PointedEars' Lahn]

HornyLaBelle wrote:

I'm hiding the email address on a website with this javascript
Utter nonsense.
which works fine:

No, it does not.
PointedEars

[Gernot Frisch]

<p>Send your comments and questions to our
<script language=javasc ript>
<!--
var contact = '<img src="gfx/some_image.png" alt="email me">'
var email = "news"
var emailHost = "netmechanic.co m"
document.write( "<a href=" + "mail" + "to:" + email + "@" +
emailHost+
">" + contact + "</a>" + ".")
//-->
</script>
</p>

[Gernot Frisch]

//-->

Drop the hiding scripts, it isn't needed anymore and can actually do
harm in some circumstances.

Why? What's the problem?

[HornyLaBelle]

> > How can I make an image instead of the text as a link to start this

script?

Instead of the variable contact, you would write out an img tag.

I tried this but it doesn't work. Can you please give an example? I
don't know a lot about javascript...

[RobG]

Gernot Frisch wrote:

//-->

Drop the hiding scripts, it isn't needed anymore and can actually do
harm in some circumstances.

Why? What's the problem?

The main problem is that some script authors think they can use HTML style
comments anywhere in the script, then can't work out why it won't run.

The tags also get carried over to .js files where their potential effects
can be masked further. The content of script elements should be passed
as-is to the script engine. It seems that modern browsers either remove
the tags before passing the content to the script engine, or the engine
itself deals with them. Provided the opening tag comes before any real
script they don't cause a problem, but that can't be relied upon /ad
infinitum/.

Note that comments should never have been required for script elements
inside the head, which is where most of them are.

Another potential hazard is if the tags are used with XHTML - but again
some browsers seem to 'fix' that.

--
Rob

[Gernot Frisch]

"HornyLaBel le" <sa****@gmx.d e> schrieb im Newsbeitrag
news:11******** **************@ u72g2000cwu.goo glegroups.com.. .

> How can I make an image instead of the text as a link to start
> this
> script?

Instead of the variable contact, you would write out an img tag.

I tried this but it doesn't work. Can you please give an example? I
don't know a lot about javascript...

See my other reply - it's all there

[Manifest Interactive]

Greetings,

First I must apologize for users like PointedEars who somehow think
they are making a contribution by bad mouthing people who need help. It
seems every post they make does nothing to further anyone's
knowledge.

Here is how you would fix your code to use an image:

<script language=javasc ript>
var contact = "Newsletter Editor";
var email = "news";
var emailHost = "netmechanic.co m";
document.write( "<a href='mailto:"+ email+"@"+email Host+"'><img
src='http://groups.google.c om/groups/img/groups_medium.g if' width='150'
height='58' border='0'>"+co ntact+"</a>");
</script>

Also, if interested I have written a free JavaScript utility I use for
all my clients that encrypts email links for you. You can even pass it
a CSS class to use While the method you are using works for basic
protection, malicious harvesting robots can still read your source code
and piece things together. Especially when you use keywords like
"email".

http://www.manifestinteractive.com/tools/hiddenemail/

Hope this helps,
Peter Schmalfeldt

HornyLaBelle wrote:

I'm hiding the email address on a website with this javascript which
works fine:
---------------------------------
<p>Send your comments and questions to our

<script language=javasc ript>

<!--

var contact = "Newsletter Editor"

var email = "news"

var emailHost = "netmechanic.co m"

document.write( "<a href=" + "mail" + "to:" + email + "@" + emailHost+
">" + contact + "</a>" + ".")

//-->

</script>

</p>
---------------------------------
How can I make an image instead of the text as a link to start this
script?

Thanks in advance

[Thomas 'PointedEars' Lahn]

Manifest Interactive wrote:

First I must apologize for users like PointedEars who somehow think
they are making a contribution by bad mouthing people who need help.
It seems every post they make does nothing to further anyone's
knowledge.
At least I /know/ what I am talking about.

You are not helping the OP by posting this "solution", you are hurting
him/her in the mid-term. Because e-mail communication will be impossible
for many, if not most, of his/her users while you give the false impression
that this would be a viable approach that serves at least many users.
There is a word for that: incompetence.
Here is how you would fix your code to use an image:

<script language=javasc ript> ^^^^^^^^^^^^^^^ ^^^^^ var contact = "Newsletter Editor";
var email = "news";
var emailHost = "netmechanic.co m";
document.write( "<a href='mailto:"+ email+"@"+email Host+"'><img
src='http://groups.google.c om/groups/img/groups_medium.g if' width='150'
height='58' border='0'>"+co ntact+"</a>"); ^^^^
The markup is not Valid, and therefore not supposed to be interoperable.

1. The `language' attribute is deprecated long since (December 1999),
the `type' attribute is required. The language attribute is not
Valid in HTML 4.01 Strict, XHTML 1.0 Strict, and XHTML 1.1.

2. mailto: is known to be highly unreliable (IOW: known not to work).

3. Writing the link with client-side scripting and so introducing a
dependency on that technique makes it even worse.

4. The `img' element requires the `alt' attribute, as text alternative
if the image cannot be displayed.

5. ETAGO delimiters </ must be escaped within CDATA element content, or
the element is considered to end prematurely by the markup parser,
causing a syntax error for the script engine here.

So there are the following possibilities:

1. There is no client-side script support, the script is filtered by a
proxy, or the client works strictly standard compliant:

The user sees exactly nothing, and depending on the strictness of
the parser, if there is client-side script support, and the script
is not filtered, the user gets a nice error message, too.

2. There is client-side script support, the script is not filtered,
and despite the markup being not Valid the script is executed, but

a) the user is blind or visually impaired, and therefore can not find
the link (there is no text that can be interpreted by a Braille line
or read to him aloud by a screenreader);
b) there is no e-mail client installed;
c) the HTML user agent (UA) does not support mailto: URIs;
d) the e-mail client is not configured with the UA to handle mailto: URIs

Where each of b) to d) is highly likely with users having a Web mail
account.

For the infinitesimal tiny rest of users, this nonsense actually works.
Big time.
[unsolicited advertising]
[top post]

FOAD!
PointedEars