Error al ocultar y mostrar un form

[djsos]

Hola buenas tardes mi error es el sigiente, tengo una funcion que oculta un div y pone en un form la informacion para editarla y luego deberia de hacer lo inverso pero no lo hace, directamente no muestra nada.

Mi codigo

Código HTML:

<div id="nombre_mod" onclick="mostrarForm(this.id)">$AE_mod[nombre]</div><input type="hidden" id="f_nombre_mod" value=""/>
 

Código Javascript:

var id_abierto = null;
function mostrarForm(id){
    fin();
    var form = 'f_'+id;
    document.getElementById(form).value = document.getElementById(id).innerHTML;
    document.getElementById(id).innerHTML = "";
    document.getElementById(form).type = "text";
    id_abierto = id;
}
 
function ocultaForm(){
    if(!id_abierto){
        return;
    }
    var formold = "f_"+id_abierto ;
 
    FormOld = document.getElementById(formold);
    if(FormOld.value = ""){
        alert("No puede estar en blanco");
        return;
    }
    document.getElementById(id_abierto).innerHTML = FormOld.value;
    FormOld.Value = "";
    FormOld.type = "hidden";
    id_abierto = null;
}
function fin(){
    ocultaForm();
    removeEditor();
}
 

Haber si algien me alluda porque en firefox no funciona bien y en internet explorer directamente me dice que no reconoce el parametro .type .

Bueno muchas gracias

[Adler]

Hola

En cuanto que ie no reconoce type, usar setAttribute"type",...)
En la variable id_abierto, prueba a usar un boleano

Suerte

[zerokilled]

primero aclarar que no he comprobado tu codigo, solamente lo he leido y analizado. en base a eso:

• para realizar la operacion inversa tienes que invocar la funcion ocultaForm desde el evento onblur en el INPUT.
• en la linea 18 asumo que quisistes comparar igualdad (==) en lugar de asignar (=).
• en iexplorer no puedes cambiar el tipo de un elemento INPUT. ¡una gran pena! para lograr algo similar tendrias que crear un nuevo elemento INPUT y declarar el tipo antes de agregarlo al documento.

sin embargo, ¿cual es la idea de tener un campo oculto y mostrar su contenido en otra etiqueta? sospecho que es para controlar la apariencia. si es el caso, tu puedes darle la apariencia de un elemento normal (sin borde, fondo y otras cosas) a un INPUT text. luego, cuando reciba el foco cambias la clase del INPUT para que tenga la apariencia comun de un INPUT text. asi te evitas el rollo que te inventastes.

[djsos]

la idea es para modificar el nombre del modulo es decir yo tengo una pag donde me muestra el nombre descripcion etc datos en general de un modulo en este caso; si quiero cambiar alguno de ellos haces click y se te pone el input y cuando haces doble click se te cierra y te muestra el dato modificado otra vez en el div luego con otro boton y funcion guardo los datos.

Podrias explicarme si esto que he dicho se puede hacer como me comentabas zerokilled en tu ultimo parrafo.

Gracias

[Adler]

Hola

Iniciado por zerokilled

• en iexplorer no puedes cambiar el tipo de un elemento INPUT. ¡una gran pena! para lograr algo similar tendrias que crear un nuevo elemento INPUT y declarar el tipo antes de agregarlo al documento.

Ahh mira, no lo sabía

Prueba a usar DOM

Código Javascript:

function mostrarForm(id){
    document.getElementById('f_'+id).value = document.getElementById(id).innerHTML;
    document.getElementById('f_'+id).style.display = "block";
}
 
 
function ocultaForm(id){
document.getElementById(id.split('_')[1]+'_'+id.split('_')[2]).innerHTML = document.getElementById(id).value;
document.getElementById(id).style.display = "none";
}
 

Código HTML:

<div id="nombre_mod" onclick="mostrarForm(this.id);">Nombre del modulo</div><input type="text" id="f_nombre_mod" style="display:none;" value="" onblur="ocultaForm(this.id);" />
 

Suerte