remplazar un textarea por un div vació

Lynxcraft · #1 (**permalink**) 05/03/2009, 14:36

hola amigos la verdad es que no tengo nada de idea acerca del javascrit XDXD asi que es hora de ir viendo cosillas Xd bueno la cuestión es que quiero crearme un editor de texto compatible con flash he modificado el tinymce (con buenos resultados XD ), pero no hace lo que realmente necesito así que,lo que quiero saber es algo muy simple remplazar un textarea por un div vació he probado con el innerHTML document.createElement("div"); etc etc ; lo ultimo lo de createElement e visto varios ejemplos y no me funciona o bien lo hacen a medias en fire no va y en ie si la verdad es que estoy perdido XDXD

Bueno solo con saber como remplazar los elementos unos por otros me conformo de momento

saludos y gracias XD

jeybi · #2 (**permalink**) 05/03/2009, 14:56

Usa el metodo replaceChild del elemento que contiene al elemento que quieres reemplazar:

Código javascript:

Ver originalfunction reemplazar(textarea){
    if(typeof textarea == 'string') textarea = document.getElementById(textarea);  //Obtenemos el elemento textarea
    var div = document.createElement('div');       //Creamos un div sin nada
    div.style.width = textarea.offsetWidth+'px';       //Ajustamos la anchura
    div.style.height = textarea.offsetHeight+'px';        //Ajustamos la altura 
    div.style.border = '1px solid red';             //Solo para poder verlo..
    textarea.parentNode.replaceChild(div,textarea); //Reemplazamos el textarea
    
}

replaceChild espera 2 parametros, el primero el elemento que quieres colocar (el nuevo elemento), el segundo el elemento al cual vas a reemplazar (el viejo elemento).

Lynxcraft · #3 (**permalink**) 05/03/2009, 15:16

gracias amigo por responder pero no hace nada

el código lo tengo así

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<script language="javascript">
function reemplazar(textarea){
    if(typeof textarea == 'string') textarea = document.getElementById(textarea);  //Obtenemos el elemento textarea
    var div= document.createElement('div');       //Creamos un div sin nada
    div.style.width = textarea.offsetWidth+'px';       //Ajustamos la anchura
    div.style.height = textarea.offsetHeight+'px';        //Ajustamos la altura 
    div.style.border = '1px solid red';             //Solo para poder verlo..
    textarea.parentNode.replaceChild(div,textarea); //Reemplazamos el textarea
	
};

</script>
<body>
<textarea id="tes" name="texto" cols="50" rows="20"></textarea>
<input name="Boton" type="button" value="Boton"  onclick="reemplazar('tes');"/>
</body>
</html>

pero no tira he probado con códigos similares y no me funciona en ningún navegador

Lynxcraft · #4 (**permalink**) 05/03/2009, 15:19

perdón fallo mio XDXD he puesto mal en nombre de una variable ahora si tira XDXD gracias maquina XDXDXD

jeybi · #5 (**permalink**) 05/03/2009, 15:19

Esta funcionando... he copiado el codigo tal y como lo pusiste y lo he probado en firefox y anda 100%.

Lynxcraft · #6 (**permalink**) 06/03/2009, 08:34

jeje si modifique el código antes de contestar de nuevo XD va estupendamente ,, bueno haré algunas pruebas a ver si logro lo que necesito XDXD .

gracias ya ire preguntando mas cosillas a ver si aprendo XD