HTML mostrar valores en un textArea

Atzel · #1 (**permalink**) 21/10/2014, 12:58

Hola Amigos del Foro.

Muchas gracias por anticipado por su ayuda.

Necesito saber como hacer para que en un textArea se muestre unos valores acerca del navegador. Tengo el siguiente código que quiero que se muestre en un textArea para luego copiarlo al portapapeles mediante un botón:

Código HTML:

<!DOCTYPE html>
<html>
<body>

<div id="demo"></div>

<script>
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Browser Language: " + navigator.language + "</p>";
txt+= "<p>Browser Online: " + navigator.onLine + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";

document.getElementById("demo").innerHTML = txt;
</script>

</body>
</html>

Y tengo el código del copiado al portapapeles:

Código HTML:

<form name="f1"> 
<textarea cols="50" rows="5" name="campo1">Hola. Este texto es el que vamos a seleccionar y copiar.</textarea> 
<br> 
<input type="button" value="Copiar" onclick="copia_portapapeles()"> 
</form> 

<script language="javascript"> 

function copia_portapapeles(){ 
   document.f1.campo1.select() 
   if (window.clipboardData){ 
      window.clipboardData.setData("Text", document.f1.campo1.value); 
   } 
} 
</script>

Gracias por su ayuda.

Cardila.
Barranquilla - Colombia.

PHPeros · #2 (**permalink**) 21/10/2014, 13:24

Añadir etiquetas <p> al textarea no es muy buena idea.

Te recomiendo usar saltos de línea textuales "\n".

El resto parece que lo tienes bien.

Atzel · #3 (**permalink**) 21/10/2014, 13:31

Gracias PHPeros.

Lo que quiero es lograr que se liste la información del navegador y que mediante un botón lo pueda copiar al portapapeles. Pensé en un TexArea pero no se como hacerlo, igual puede ser con cualquier otro control, da igual, lo importante es que se muestre y después lo pueda copiar.

Estos dos grupos de códigos los encontré en la Web y me gustaría fusionarlos para lograr lo que quiero pero no se como hacerlo. Mis conocimientos de HTML son básico (casi cero).

Muchas Gracias por tu rapida respuesta.

Saludos.

Cardila.

herzbazi · #4 (**permalink**) 21/10/2014, 14:23

Cita:

Iniciado por Atzel

Gracias PHPeros.

Lo que quiero es lograr que se liste la información del navegador y que mediante un botón lo pueda copiar al portapapeles. Pensé en un TexArea pero no se como hacerlo, igual puede ser con cualquier otro control, da igual, lo importante es que se muestre y después lo pueda copiar.

Estos dos grupos de códigos los encontré en la Web y me gustaría fusionarlos para lograr lo que quiero pero no se como hacerlo. Mis conocimientos de HTML son básico (casi cero).

Muchas Gracias por tu rapida respuesta.

Saludos.

Cardila.

algo asi imprimes

Código Javascript:

Ver original<script>
    document.write('Usas el navegador: '+navigator.appName + "\n");
    document.write('Usas el lenguaje: '+ navigator.language + "\n");
    document.write('Browser Online: '+ navigator.onLine + "\n");
    document.write('User-agent language: '+ navigator.systemLanguage + "\n");
</script>

ahora bien yo lo haria con php para asegurarme que siempre funcione.

espero te sirva

Atzel · #5 (**permalink**) 21/10/2014, 15:07

Hola herzbazi.

Gracias por tu aporte.

Como comente mis conocimientos son pocos, agradeceria muchisimo si me indicaras como hacerlo en PHP.

Muchas Gracias por su ayuda.

Cardila