02/04/2002, 00:44
| ||||
| ||||
| Re: ayuda con textarea!!!! Hasta donde he podido ver, las propiedades de estilo del textarea, no vas a poder modificarlas dinámicamente. Si no estoy equivocado, entonces prueba a reescribir la página cada vez que haya un cambio de estilo en tu textarea. Yo para hacer eso, uso una página con frames, donde el fuente de el frame se genera a través de una función JavaScript. Eso me permite que la página se recargue alterada si yo presiono un botón (por ejemplo). Suerte. |
|
02/04/2002, 01:01
| ||||
| ||||
| Re: ayuda con textarea!!!! Ejecuta este ejemplo que hice hace poco para otra persona en este foro:
Código:
<html>
<head>
<script language="Javascript">
var nResp = 0;
var aResp = new Array("", "", "", "", "",
"", "", "", "", "",
"", "", "", "", "",
"", "", "", "", "");
function escFormul(){
with (frTrabajo){
document.open();
document.write("<html>");
document.write("<head>");
document.write("</head>");
document.write("<body>");
document.write("<form name='formulario'>");
for (var i = 0; i < nResp; i++){
document.write((i + 1) + "a pregunta: ");
document.write("<input type='text' name='var" + i + "' value='" + aResp[I] + "'><br>");
}
document.write("<br>");
document.write("<input type='button' name='boton' value='agregar pregunta' onclick='parent.recalcula()'>");
document.write("</form>");
document.write("</body>");
document.write("</html>");
document.close();
}
}
function recalcula(){
nResp++;
for (var i = 0; i < nResp - 1; i++){
eval("aResp = frTrabajo.document.formulario.var" + i + ".value");
}
escFormul();
}
</script>
</head>
<frameset rows="*,0" onload="escFormul()">
<frame name="frTrabajo" src="dummyPg.htm">
<frame name="frDummy" src="dummyPg.htm">
</frameset>
</html>
La idea aplicada a tu problema sería mas o menos asi: - Coloca tu textarea y los controles que necesites, para simplificar imaginemos un combo en el que puedas seleccionar el color de fondo. - Crea tantas variables globales como atributos desees controlar. - En el onchange de tu combobox debes llamar a una función que altere la variable colorFondo (equivalente a mi recalcula()) y luego llame de nuevo a "escFormul()". En el document.write que escribe el tag para el textarea, debes tomar en cuenta el valor de la variable. Saludos. |
|
02/04/2002, 01:04
| ||||
| ||||
| Re: ayuda con textarea!!!! Oye, en el punto dende comienza a ponerse todo en itálicas es porque me interpretó un [ i ] mio como un comando de itálicas. Donde dice: document.write("<input type='text' name='var" + i + "' value='" + aResp + "'><br>"); Debe decir: document.write("<input type='text' name='var" + i + "' value='" + aResp[ i ] + "'><br>"); Suerte. |
|
02/04/2002, 02:05
| |||
| |||
| Re: ayuda con textarea!!!! Algo sencillo: <html> <head> <script language="JavaScript"> <!-- function estilo() { forma = document.algo; let = forma.tipo_letra.value; col = forma.color_letra.value; let_tam = forma.tam_letra.value; document.algo.chialez.style.cssText = "font-family="+let+";font-size="+let_tam+";width=200px;height=100p x;"; document.algo.chialez.style.color = col; } --> </script> </head> <body> <form name="algo"> <select name="tipo_letra" onchange="estilo()"> <option value="Arial">Arial</option> <option value="Times New Roman">Times</option> <option value="Verdana">Verdana</option> </select><br> <select name="color_letra" onchange="estilo()"> <option value="#FF0000">Rojo</option> <option value="#00FF00">Verde</option> <option value="#0000FF">Azul</option> <option value="#000000">Negro</option> <option value="#D0D0D0">Gris</option> </select><br> <select name="tam_letra" onchange="estilo()"> <option value="8pt">8</option> <option value="10pt">10</option> <option value="12pt">12</option> </select><br> <textarea name="chialez" style="width=200px;height=100px;">< ;/textarea> </form> </body> </html> Saludos, nos vemos en la fiesta de Puebla. |
|
02/04/2002, 02:39
| |||
| |||
| Re: ayuda con textarea!!!! El eterno problema, los navegadores, a ver cheken esto: <html> <head> <script language="JavaScript"> <!-- function estilo() { forma = document.algo; document.algo.chialez.style.width = "200px"; document.algo.chialez.style.height = "100px"; document.algo.chialez.style.fontSize = forma.tam_letra.value; document.algo.chialez.style.fontFamily = forma.tipo_letra.value; document.algo.chialez.style.color = forma.color_letra.value; } function props() { forma = document.algo; for(var r in forma.chialez.style) { forma.chialez.value = forma.chialez.value+r+"="+forma.chialez. style[r]+"\n"; } } --> </script> </head> <body> <form name="algo"> <select name="tipo_letra" onchange="estilo()"> <option value="Arial">Arial</option> <option value="Times New Roman">Times</option> <option value="Verdana">Verdana</option> </select><br> <select name="color_letra" onchange="estilo()"> <option value="#FF0000">Rojo</option> <option value="#00FF00">Verde</option> <option value="#0000FF">Azul</option> <option value="#000000">Negro</option> <option value="#D0D0D0">Gris</option> </select><br> <select name="tam_letra" onchange="estilo()"> <option value="8pt">8</option> <option value="10pt">10</option> <option value="12pt">12</option> </select><br> <textarea name="chialez" width="200px" height="100px"></textarea> </form> </body> </html> Al menos con Lynx se ve bien bonito |
|
02/04/2002, 03:01
| |||
| |||
| Re: ayuda con textarea!!!! Lo Dudo de sobremanera, al menos que uses un appletsillo o Flash, pero no creo que sea conveniente, ya que si no cuentan con un navegador actual menos con una PC que procese chido algo tan lento como lo antes mencionado. |
