Duda con document. en script [Novato]

[Ktulu]

Hola, como dice el título soy novato con respecto a javascript, practicamente mis conocimientos son nulos.
El problema aparece al intentar insertar en mi sitio php un reloj javascript con datos obtenidos mediante consulta php. El script funciona perfectamente, lo comprobé subiendolo a un hosting y modificando la fecha de mi PC para corroborar que no existan problemas.
El código del script:

<script language="JavaScript" type="text/JavaScript">
var Hoy = new Date("<?php echo date("d M Y G:i:s");?>"); //Creando objeto hoy para sacar la hora del servidor.
function Reloj(){
Hora = Hoy.getHours()
Minutos = Hoy.getMinutes()
Segundos = Hoy.getSeconds()
if (Hora<=9) Hora = "0" + Hora
if (Minutos<=9) Minutos = "0" + Minutos
if (Segundos<=9) Segundos = "0" + Segundos
Hoy.setSeconds(Hoy.getSeconds() +1)

mostrarhora = Hora + ":" + Minutos + ":" + Segundos
document.form_reloj.reloj.value = mostrarhora
setTimeout("Reloj()",1000)
}
</script>

Y la muestra en pantalla:

<form name="form_reloj">
<input type="text" name="reloj" size="10" style=" color : black; font-family : Verdana, Arial, Helvetica; font-size : 10pt; text-align : center; border:none; " onfocus="window.document.form_reloj.reloj.blur()">

Ahora mi duda: la forma de mostrar este reloj es mediante un form, pero he visto que en otros scripts lo hacen mediante <table> o <span>. Intenté insertarlo en un span, ya que es lo que necesito,de la siguiente manera:

<span id=form_reloj style="position:relative;"></span>

Pero el resultado fue negativo.

Supongo que el problema está en la definición de document.form_reloj.............. ya que vi otros scripts que utilizan innerHTML, y además en el id del span.
Existe posibilidad de adaptar éste script para ser visualizado con un span ???

Gracias

[marcopoloaz06]

hola, ve

Código HTML:

<script type="text/javascript">d=document;

var Hoy = new Date("<?php echo date("d M Y G:i:s");?>");
function Reloj(){
Hora = Hoy.getHours()
Minutos = Hoy.getMinutes()
Segundos = Hoy.getSeconds()
if (Hora<=9) Hora = "0" + Hora
if (Minutos<=9) Minutos = "0" + Minutos
if (Segundos<=9) Segundos = "0" + Segundos
Hoy.setSeconds(Hoy.getSeconds() +1)

mostrarhora = Hora + ":" + Minutos + ":" + Segundos;
document.getElementById("form_reloj").innerHTML=mostrarhora;
}

setInterval(Reloj,1000);

</script> 

y

Código HTML:

<span id="form_reloj" style="position:relative;"></span> 

y si quieres aprender más

www.librosweb.es

Adios...

[Ktulu]

Perfecto, funciona de maravilla
1000 Gracias