<input id="initcoment" onfocus="comentInitHide();" type="text" value="escribe tu comentario"/>
<div id="formulario">
<input id="nombre" type="text" />
<input id="email" type="text" />
<input id="contenido" type="text" />
<input type="button"/>
</div>
//funcion para ocultar initcoment, mostrar el formulario y poner el foco en contenido
comentInitHide: function() {
var input = this.$("initcoment");
input.style.display = "none";
var comform = this.$("formulario");
comform.style.display = "inline";
var txtcontent = this.$("contenido");
txtcontent.focus();
}
,
//ahora una vez mostrado el formulario, si el usuario hace clic fuera del formulario, este deberia esconderse y mostrar de nuevo initcoment:
comentFormHide: function() {
var txtcontent = this.$("contenido");
txtcontent .style.display = "none";
var input = this.$("initcoment");
input.style.display = "inline";
}
,
//el problema es que no se donde colocar esta función, ya que si la pongo en el evento onclick de body por ejemplo, cuando hago clic en <input id="nombre" type="text" />
por ejemplo, ocultaria el formulario.