Unobtrusive javascript link update.

This site is best viewed in a modern browser with JavaScript enabled.

heybrian

Hi,
I am trying to update the contact in this code using an external js file and targeting the "Contact me" node using the DOM: (see my js attempt below.):

<div id="navMain">
<ol>
<li><a href="/">Hey Brian?</a>||</li>
<li><a href="/travels">photography</a>»</li>
<li><a href="/travels/china/">china</a>»</li>
<li>2010</li>
</ol>
<ul>
<li><a href="#">Contact me</a></li>
<li><span>date</span>|</li>
</ul>
<p><a href="index.php">img</a></p>
</div>

external js: (as you can see, I can't even get the alert to work, so I am having trouble traversing the DOM.) Eventually, what I'd like is the js file to setAttribute of the <a href> to my current email.

// contact me email

var getnavmain = document.getElementById("navMain").getElementsByTagName("ul");

var emailtarget = getnavmain.getElementsByTagNames('li')[0].innerHTML;

alert(emailtarget);

Can anyone get me started?

Thanks so much.

Brian

tirna

Wouldn't it be easier to just give the link an id and then access it directly to set the href value?

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
    <head>
        <title></title>
        <script type="text/javascript">
        window.onload=function(){
            var myEmail = [EMAIL="'qwerty@somewhere.com'"]'qwerty@somewhere.com'[/EMAIL];
            document.getElementById('lnkContactMe').href = 'mailto:'+myEmail;
        }
        </script>
    </head>
    <body>
        <ul>
            <li><a href="#" id="lnkContactMe">Contact me</a></li>
            <li><span>date</span>|</li>
        </ul>
    </body>
</html>

heybrian

Hi,
I don't want to give the contact link an id.
Instead like to use the id from the div and then traverse to the element and setAttribute either onmouseover or onload.

I don't have the correct syntax though in my first example. Can anyone help

Thanks

Kor

var getnavmain = document.getElementById("navMain").getElementsByTagName("ul");
var emailtarget = getnavmain[COLOR="Blue"][0][/COLOR].getElementsByTagNames('li')[0].innerHTML;

Because the variable getnavmain is a collection as well.