JavaScript - problemas al llamar a un iframe

Por favor, necesito ayuda con esto. Tengo tres informaciones distintas (distintos html) que deben salir en un iframe dependiendo del btn que se pulse, si? btn1, 2 y 3. Info1, 2, 3
pensé que se podía solucionar directamente con css, pero me dicen que debo usar js y yo no soy fuerte en este lenguaje. lo que tengo escrito es lo siguiente:
<script type="text/javascript">
<!--
function cambiarfram() {
document.all("frame1").src="inf1.html";
document.all("frame2").src="inf2.html";
}
//-->
</script>

luego, sólo pongo dos de ejemplo:

<iframe src="pag/inf1.html" id="frame1" width="398" height="196" style="display:none"></iframe>
<iframe src="pag/inf2.html" id="frame2" width="398" height="196" style="display:none"></iframe>

y en los btns:

<a href="#" target="frame1" class="one" onclick="cambiarfram()"> | 1 </a>
<a href="#" target="frame2 "class="two" onclick="cambiarfram()"> | 2 </a>

Al pulsar sobre el btn1 o dos , me abre toda la página, no me abre el html en el iframe, por favor me pueden ayudar? muchas gracias desde ya

Bueno deberia ser algo asi

<iframe src="pag/inf1.html" id="frame1" name="frame1" width="398" height="196" style="display:none"></iframe>
<iframe src="pag/inf2.html" id="frame2"name="frame2" width="398" height="196" style="display:none"></iframe>

<a href="http://www.google.com" target="frame1">|1</a>
<a href="http://www.hotmail.com" target="frame2">|2</a>

Saludos!