请教，widget嵌入式到html中的问题，100分！！！！

   有一段简单的html代码如下，我需要的效果是点击链接后，在当前页面弹出widget（该widget是一个时钟，大小和它在网页中的大小一致），而不是新建一个页面后再显示该widget，本人对网页制作一窍不通，请各位帮下忙，把最终实现的代码贴上来，谢谢。
html:
!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html>
 <head>
  <title>
   Hello World Demonstration Document
  </title>
 </head>
 <body>
  <address>
   a href="http://www.december.com/john/">John December</a>
  </address>
 </body>
</html>widget:
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0034-orange.swf";obj.TimeZone="CCT";obj.width=120;obj.height=120;obj.wmode="transparent";showClock(obj);</script>

解决方案 »

  1.   

    <address> 
      a href="http://www.december.com/john/">John December </a> 
      </address> 
    改成这样试试<address> 
      <a href="http://www.december.com/john/" target="_selt">John December </a> 
      </address> 
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
      <html> 
    <head> 
      <title> 
      Hello World Demonstration Document 
      </title> 
      <script src="http://www.clocklink.com/embed.js"> </script> 
      <script type="text/javascript" language="JavaScript">
      function c(){
      obj=new Object;obj.clockfile="0034-orange.swf";obj.TimeZone="CCT";obj.width=120;obj.height=120;obj.wmode="transparent";showClock(obj); 
      }
      </script>
    </head> 
    <body> 
      <address> 
      <a href="#" onclick="c();">John December </a> 
      </address> 
    </body> 
    </html>