No me funciona, actualizo todo el código para ver exactamente como lo tengo:
Código HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/css.css">
<title>Jed Nguyen</title>
<script language="javascript1.2">
function srcChange(url) {
document.getElementById('embed1').src = url;
alert(document.getElementById('embed1').src);
location.reload();
}
</script>
</head>
<body >
<div style="position:absolute; z-index: 10; height: 500px; left:20px; top: 50px; width: 200px;">
<div style="background-color: #999999; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; height:auto;"></div>
<h1>Jed Nguyen</h1>
<ul>
<li><a onClick="srcChange('home.htm')" href="#" >HOME</a></li>
<li><a onClick="srcChange('portfolio.htm')" href="#" >PORTFOLIO</a> </li>
<li><a onClick="srcChange('contact.htm')" href="#" >CONTACT</a> </li>
</ul>
</div>
<div style="position:absolute;left: 250px;top: 50px; z-index: 10; width: 800px; height: 500px;">
<div style=" background-color: #999999; position:absolute; z-index:-1; top:0; left:0; right:
0; bottom:0; opacity:0.2;"></div>
<embed id="embed1" src="" width="800" height="500" style="opacity:0.2;">
</div>
</body>
</html>
Si escribo manualmente la src si que me aparece el embed.