Referencing An Anchor Tag

[cyber0ne]

I'm testing some JavaScript for something I want to implement on my website, and I'm noticing a cross-browser issue with the following:function PreviewImage(stringPreview, stringPhoto){ document['photopreview'].src = stringPreview; document.links['photopreviewlink'].href = stringPhoto;}Everything works great in Firefox and Opera, but IE doesn't like that second line in the function. It claims that "document.links.photopreviewlink is null or not an object." For reference, the line of HTML being changed by this code is:<a name="photopreviewlink" href="test.jpg"> <img name="photopreview" src="testpreview.jpg"></a>And the line calling the function is:<a href="java script:PreviewImage('test2.jpg', 'test2preview.jpg');"> <img src="test2thumb.jpg"></a>Is there a way to achieve this functionality in IE without breaking it in other browsers?-cyber0nehttp://www.cyber0ne.com

[aspnetguy]

change

<a name="photopreviewlink" href="test.jpg">

to

<a name="photopreviewlink" href="test.jpg" id="photopreviewlink">

then change

function PreviewImage(stringPreview, stringPhoto){document['photopreview'].src = stringPreview;document.links['photopreviewlink'].href = stringPhoto;}

to

function PreviewImage(stringPreview, stringPhoto){document['photopreview'].src = stringPreview;document.getElementById('photopreviewlink').href = stringPhoto;}

this should work in all browsers.

[cyber0ne]

Much better, thanks!-cyber0nehttp://www.cyber0ne.com

[aspnetguy]

your welcome...hey I like the monkey on your site.Is it the evil monkey from Family Guy? lol

[cyber0ne]

your welcome...hey I like the monkey on your site.Is it the evil monkey from Family Guy? lol 

<{POST_SNAPBACK}>

There are several iterations of the evil monkey in Chris' closet in that rotation, along with a bunch of other pictures :)Don't get too used to that website, though. That's precisely what I'm working on is a _major_ re-write of that whole thing.-cyber0nehttp://www.cyber0ne.com

[aspnetguy]

ok..i still like the monkey.