execCommand no responde al hacer click sobre una celda

mariano_donati · #1 (**permalink**) 29/06/2008, 22:34

Hola a todos. Estoy simplemente probando las posibilidades del método execCommand. Mi código es muy simple:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function init()
{
    window('fr').document.designMode = 'On';
}
function test()
{
    window('fr').document.execCommand("forecolor",false,"#00FF00");
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body onload="init()">
<iframe id="fr" frameborder="0" src="iframe.html"></iframe>
<table id="PALETTE" cellspacing="4" cellpadding="0">
           <tr>
            <td bgcolor="#000000" width="20" onclick="test()">&nbsp;</td>
        </tr>
</table>           
</body>
</html>

Estoy probando el mismo en IE. Al hacer click sobre la celda, no se produce ningún cambio en el iframe, es decir, cuando escribo, sigo escribiendo en el mismo formato (en este caso el color es el que no se altera). Probé aplicando otros comandos como 'bold' y tampoco funciona. El evento si es recibido. Esto lo sé porque si pongo un alert('mensaje') me muestra el mensaje correspondiente, por lo tanto es solo un problema con la función execCommand. IE tampoco me muestra ningún error cuando hago click, es como que lo ignorara. ¿Alguien sabe que puede estar pasando que no me funciona?. Saludos.

ivangc · #2 (**permalink**) 30/06/2008, 08:34

Nunca he usado esa función, pero por lo que estoy viendo parece que solo es válido para comandos propios del explorador como 'Refresh', 'Undo' , 'Redo'....

mariano_donati · #3 (**permalink**) 30/06/2008, 08:55

Hola ivangc. Gracias por responder. Te comento que no es así, ya que si llamo a la función test() (que es la que llama a execCommand) desde un botón de formulario, el código funciona de manera adecuada. El problema solo ocurre cuando intento llamar a esta función al momento que se hace click en una celda. Raro, ¿no?.

ivangc · #4 (**permalink**) 30/06/2008, 09:20

Ah! perdona no lo sabía. Es muy raro si. De todas formas no entiendo porque lo haces con ese método. Por qué no utilizas lo siguiente?:
<td bgcolor="#000000" width="20" onclick="test(this)"> </td>
<script>
function test(td)
{
td.style.color = "#FF00FF";
}
</script>

mariano_donati · #5 (**permalink**) 30/06/2008, 09:38

El objetivo del código que posteo arriba no es cambiar el color del texto de la celda. Tengo un iframe en el cual se puede escribir como si fuese un cuadro de texto. Llamando a la función execCommand puedo especificar el formato que tendrá el texto ingresado. Es para simular un cuadro de texto enriquecido.

ivangc · #6 (**permalink**) 30/06/2008, 10:51

Ah vale, pues en eso no te puedo ayudar que no tengo experiencia, sin embargo si me gustaria saber como funciona, a ver si eres capaz de resolverlo y me lo explicas ;)

Cita:

Iniciado por mariano_donati

El objetivo del código que posteo arriba no es cambiar el color del texto de la celda. Tengo un iframe en el cual se puede escribir como si fuese un cuadro de texto. Llamando a la función execCommand puedo especificar el formato que tendrá el texto ingresado. Es para simular un cuadro de texto enriquecido.

Panino5001 · #7 (**permalink**) 30/06/2008, 11:52

Estás accediendo mal al contenido del iframe. Incluso, la edición no funciona en Firefox. Mirá en esta faq cómo hacerlo correctamente: http://www.forosdelweb.com/2462878-post270.html

mariano_donati · #8 (**permalink**) 30/06/2008, 12:53

Hola Panino5001. Tampoco es eso, ya que me funciona siempre y cuando no ponga llame a esa función desde un evento click de una celda. En el código de las FAQs ocurre el mismo error. Si tienes un tiempo prueba lo siguiente para corroborarlo: inserta una tabla como esta en el código html

<table border="1">
<tr>
<td width="20" onclick="formato('bold')">a</td>
</tr>
</table>

Luego corre la página, haz click en la celda y vas a ver que el formato del texto a ingresar no es modificado. Por ahora encontré una solución alternativa que es dentro de cada celda agregar una etiqueta de imagen y desde allí llamar a la función, pero sigo insistiendo en mi búsqueda de una solución. En caso de hallarla, sin duda que la voy a postear aquí. Saludos.