Mostrar div con textarea con jquery superpuesto en página

Hoy día muchas páginas utilizan jquery en sus sitios. Eso nos facilita el hecho de extraer información de la pagina utilizando jquery. ¿Y donde podemos mostrarla?

Bueno, pues utilizando jquery podemos agregar un div superpuesto y dentro de este, un textarea donde dejaremos la información que queramos.

Así que este sería el código para esto:

if($('#showerrorexception').length == 0){
$('body').append('<div id="showerrorexception" style="display:none;width:300px;height:300px;background-color:white;position:absolute;top:1px;left:1px;z-index:100;"><button onclick="document.getElementById(\'showerrorexception\').style.display = \'none\';">Cerrar</button><br>    <textarea id="messageerrortextarea" style="width:100%; height:100%;"  type="texto" ></textarea>    </div>');
}
else{
var date = new Date();
$('#messageerrortextarea').val($('#messageerrortextarea').val() + '\n-----------\n' + date + '\n' + 'este es el error');
}


Sean felices! :) Y siéntanse libres de opinar ;)