Disculpen que vuelva después de tanto tiempo.
La verdad es que pensé que el tema iba a seguir; no siguió, y me olvidé.
Hasta que apareció este otro
ajustar tamaño de textarea al contenido
Y cuando buscaba enlaces relacionados, volví a caer aquí.
Miré el ejemplo que puse, y está evidentemente incompleto. Pero claro, mi excusa es el asunto de las compatibilidades: con el
textarea es un drama.
El código de
IsaBelM ya se acerca un poco más a lo que entendimos que buscaba
felgueta, aunque siga siendo al revés, y "convierta" un
textarea en
input.
Lo de la captura y reemplazo de los caracteres de salto sería con javascript, aunque recordé que IE lo hacía sólo. El problema es que para ver los caracteres había que "compilarlos" (de otra forma, parecían 'espacios'). Y no puse ningún comentario sobre eso, esperando un debate que al final no ocurrió.
Ahora que ando por por el Foro, aprovecho que no pasaron seis meses, y actualizo el ejemplo.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<style type="text/css">
input , textarea {font: 16px/120% sans-serif; border: 1px solid black;
width: 10em; height: 1.3em; margin: 0.5em; }
</style>
</head>
<body>
<input type=text value="QWERTYUIOP"> input
<br>
<textarea style="white-space: nowrap; overflow: hidden; resize: none;" rows="1"
onblur="prompt(this.innerHTML, escape(this.innerHTML))">QWERTYUIOP </textarea> textarea (para IE 6-8?)
</body>
</html>
Tiene agregada una función JS para mostrar el contenido, con los caracteres de nueva linea (%0D) y retorno de carro (%0A) convertidos a formato hexa. También codifica otros caracteres, como el espacio (%20); pero como es solamente para probar lo dejo así.
Esto sigue sin servir para nada.
P.D.: No entendí lo de Friends.