制作一个层显示隐藏的问题

Question

<iframe id=cal1 width=300 height=300 src="cal.asp" style="display:none"></iframe>
<input>
问题1、2
<input name=date1 onfocus="showcal();"  onchange="document.all.cal1.style.display='none';">
<script>
function showcal(){
document.all.cal1.style.position="absolute";
document.all.cal1.style.top=event.y;
document.all.cal1.style.left=event.x;
document.all.cal1.style.display='';
}
</script>问题3
这个要日历里写我给个参考
<span id=id1 onclick="hidecalandshownum(this.innerText);">1234</span>
</BODY>
</HTML>
<script>
function hidecalandshownum(str){
parent.document.all.cal1.style.display='none';
parent.document.all.date1.value=str;
}
</script>