Bookmark/anchor in email newsletters

You might want to submit a ticket about this and get Convio to look at it. There might be something you could wrap the anchor in to avoid it getting rewritten on the HTML page.

The only other thing I could think of is a little JS hack, it should not affect it working in an email client (if it isn't ignored anyway):

<a href="https://secure2.convio.net/jcua/admin/CommCenter#annual" onclick="this.href=this.href.replace('https://secure2.convio.net/jcua/admin/CommCenter','')">check if works</a>

It does assume that the URL it is inserting is consistently "https://secure2.convio.net/jcua/admin/CommCenter"

Adrian

Matthew Andrade:

I'm surprised that it works in the email client. If I may ask what client's have you tested this on?

Outlook? Hotmail? Gmail? I would be interested to see this work in Outlook 2007

Thanks,

Matt

Are you going to give my hack a shot, Jonathan?

Jonathan Lehrer:

The bookmark link works on Gmail when used in Google Chrome, and also Gmail in IE 7 and 8. It works in Yahoo on IE 7. Works on Outlook 2003/Win XP SP2. Other than the environments mentioned, I haven't tested it in other email clients or browsers. Maybe I'll give it a whirl in Firefox.

Note, however, that the code you can see isn't the code I wrote.

The code was created in MS FrontPage (please don't laugh at me for using FrontPage), and this is what it looked like there:

   <li><a href="#annual"><font style="FONT-SIZE: 90%" size="2">JCUA Annual

   Meeting / Courageous Voices Awards / July 16</font></a></li>

Convio doesn't seem to like and I believe it got appended with a more complete URL.

FYI, I don't normally use a lot of inline CSS on a Web page, but that's what seems to work well for emails, as many email clients (notably Gmail) strip out a lot of the stylesheet stuff.

Similar to Adrian's hack, you could add a line of Javascript in a conditional so that it is only rendered in the MessageViewer application:

]x::

<script type="text/javascript">

addOnLoadHandler(function(){

    var i,allLinks;

    allLinks=document.getElementsByTagName('a');

    for(i in allLinks){

        if(allLinks.href.indexOf('https://secure2.convio.net/jcua/admin/CommCenter')!=-1){

            allLinks.href=allLinks.href.replace('https://secure2.convio.net/jcua/admin/CommCenter','');

        }

    }

});

</script>

::]]

Jonathan Lehrer:

The bookmark link works on Gmail when used in Google Chrome, and also Gmail in IE 7 and 8. It works in Yahoo on IE 7. Works on Outlook 2003/Win XP SP2. Other than the environments mentioned, I haven't tested it in other email clients or browsers. Maybe I'll give it a whirl in Firefox.

Note, however, that the code you can see isn't the code I wrote.

The code was created in MS FrontPage (please don't laugh at me for using FrontPage), and this is what it looked like there:

   <li><a href="#annual"><font style="FONT-SIZE: 90%" size="2">JCUA Annual

   Meeting / Courageous Voices Awards / July 16</font></a></li>

Convio doesn't seem to like and I believe it got appended with a more complete URL.

FYI, I don't normally use a lot of inline CSS on a Web page, but that's what seems to work well for emails, as many email clients (notably Gmail) strip out a lot of the stylesheet stuff.

You can also put a set of empty <span> tags inside the anchor tags. That will get anchors to function in GMail.

Johannes

Johannes Neuer:

Noah,

I get a javascript error when I put this in the stationary:

Error: allLinks.href is undefined

Source File: http://nypl.convio.net/site/MessageViewer?em_id=12001.0&dlv_id=0

Line: 651

Any advice?

Thanks,

Johannes

My mistake. Try changing the JavaScript on your page to this:

]x::
<script type="text/javascript">
addOnLoadHandler(function(){
    var i,allLinks;
    allLinks=document.getElementsByTagName('a');
    for(i in allLinks){
        if(allLinks.href&&allLinks.href.indexOf('http://]/site/#')!=-1)
            allLinks.href=allLinks.href.replace('http://]/site/',window.location.href.split('#'));
    }
});
</script>
::]]