{"id":1609,"date":"2011-03-12T18:24:40","date_gmt":"2011-03-12T22:54:40","guid":{"rendered":"http:\/\/www.danielpradilla.info\/blog\/?p=1609"},"modified":"2015-04-07T16:52:10","modified_gmt":"2015-04-07T21:22:10","slug":"como-hacer-boton-para-copiar-texto-al-portapapeles","status":"publish","type":"post","link":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-boton-para-copiar-texto-al-portapapeles\/","title":{"rendered":"C\u00c3\u00b3mo hacer un bot\u00c3\u00b3n para copiar texto al portapapeles"},"content":{"rendered":"<p><a href=\"http:\/\/craftyman.net\/copy-clipboard-button-copiar-al-portapapeles-con-flash-y-javascript\/\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1610\" data-permalink=\"https:\/\/www.danielpradilla.info\/blog\/como-hacer-boton-para-copiar-texto-al-portapapeles\/screen-shot-2011-03-12-at-11-40-30-pm\/\" data-orig-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2011\/03\/Screen-shot-2011-03-12-at-11.40.30-PM.png\" data-orig-size=\"215,30\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Screen shot 2011-03-12 at 11.40.30 PM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2011\/03\/Screen-shot-2011-03-12-at-11.40.30-PM.png\" data-large-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2011\/03\/Screen-shot-2011-03-12-at-11.40.30-PM.png\" class=\"aligncenter size-full wp-image-1610\" title=\"Screen shot 2011-03-12 at 11.40.30 PM\" src=\"http:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2011\/03\/Screen-shot-2011-03-12-at-11.40.30-PM.png\" alt=\"\" width=\"215\" height=\"30\" \/><\/a>En estos d\u00c3\u00adas me vi en la posici\u00c3\u00b3n de tener que hacer un bot\u00c3\u00b3n en una p\u00c3\u00a1gina web para copiar texto al portapapeles. Supuse que era una simple l\u00c3\u00adnea en javascript y pronto descubr\u00c3\u00ad que no s\u00c3\u00b3lo no era as\u00c3\u00ad (a menos que s\u00c3\u00b3lo quieras atender a los que usan Internet Explorer), sino que adem\u00c3\u00a1s \u00e2\u20ac\u201cpor ahora\u00e2\u20ac\u201c tienes que usar flash (\u00a1!)<\/p>\n<p>Prob\u00c3\u00a9 varios scripts que encontr\u00c3\u00a9 por ah\u00c3\u00ad y luego de pasar por el terrible <a href=\"http:\/\/code.google.com\/p\/zeroclipboard\/\" target=\"_blank\">zeroclipboard<\/a> (en una era de jquery y prototype \u00a1\u00bfqui\u00c3\u00a9n demonios incluye una definici\u00c3\u00b3n de la funci\u00c3\u00b3n $() en su c\u00c3\u00b3digo?!) termin\u00c3\u00a9 decidi\u00c3\u00a9ndome por <a href=\"http:\/\/craftyman.net\/copy-clipboard-button-copiar-al-portapapeles-con-flash-y-javascript\/\" target=\"_blank\">este<\/a>. Ligero y bien implementado, <a href=\"http:\/\/twitter.com\/craftyman\" target=\"_blank\">@craftyman<\/a> hizo un buen paquete que no falla.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"_mcePaste\" class=\"mcePaste\" style=\"position: absolute; left: -10000px; top: 63px; width: 1px; height: 1px; overflow: hidden;\">http:\/\/code.google.com\/p\/zeroclipboard\/<\/div>\n","protected":false},"excerpt":{"rendered":"<p>En estos d\u00c3\u00adas me vi en la posici\u00c3\u00b3n de tener que hacer un bot\u00c3\u00b3n en una p\u00c3\u00a1gina web para copiar texto al portapapeles. Supuse que era una simple l\u00c3\u00adnea en javascript y pronto descubr\u00c3\u00ad que no s\u00c3\u00b3lo no era as\u00c3\u00ad (a menos que s\u00c3\u00b3lo quieras atender a los que usan Internet Explorer), sino que adem\u00c3\u00a1s&hellip; <a class=\"more-link\" href=\"https:\/\/www.danielpradilla.info\/blog\/como-hacer-boton-para-copiar-texto-al-portapapeles\/\">Continue reading <span class=\"screen-reader-text\">C\u00c3\u00b3mo hacer un bot\u00c3\u00b3n para copiar texto al portapapeles<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[153,329],"tags":[163],"class_list":["post-1609","post","type-post","status-publish","format-standard","hentry","category-controldeproyectos","category-programacion","tag-programacion","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1tlzy-pX","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2097,"url":"https:\/\/www.danielpradilla.info\/blog\/alternativas-dropbox\/","url_meta":{"origin":1609,"position":0},"title":"Dos alternativas a Dropbox","author":"Daniel Pradilla","date":"20\/08\/2014","format":false,"excerpt":"Como casi todo el mundo, hace tiempo que me he quedado sin espacio en mi Dropbox y mi Google Drive. Adem\u00c3\u00a1s, tengo poco espacio disponible en mi disco duro, as\u00c3\u00ad que he estado buscando una soluci\u00c3\u00b3n que me permita hacer respaldos manuales, para colocar en un lugar relativamente seguro los\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"Screen-Shot-2013-05-16-at-12.50.39-PM","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2013-05-16-at-12.50.39-PM.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2013-05-16-at-12.50.39-PM.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/08\/Screen-Shot-2013-05-16-at-12.50.39-PM.png?resize=525%2C300 1.5x"},"classes":[]},{"id":1545,"url":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-una-presentacion-efectiva\/","url_meta":{"origin":1609,"position":1},"title":"C\u00c3\u00b3mo hacer una presentaci\u00c3\u00b3n efectiva","author":"Daniel Pradilla","date":"19\/10\/2010","format":false,"excerpt":"Mal comienzo...La mayor\u00c3\u00ada de la gente que lleva una vida profesional tiene que realizar presentaciones con cierta regularidad. Por eso, no deja de sorprenderme que, consistentemente, casi todas las presentaciones que veo son p\u00c3\u00a9simas. Salirme a mitad de las presentaciones no resuelve nada. Esa energ\u00c3\u00ada maligna sigue existiendo aunque la\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2010\/10\/worst_powerpoint_ever.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1632,"url":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-esqueleto-de-una-aplicacion-una-pagina-web\/","url_meta":{"origin":1609,"position":2},"title":"C\u00c3\u00b3mo hacer un esqueleto de una aplicaci\u00c3\u00b3n o una p\u00c3\u00a1gina web","author":"Daniel Pradilla","date":"18\/04\/2011","format":false,"excerpt":"El cliente te pide un nuevo dise\u00c3\u00b1o. Discuten lo que debe incluir el nuevo dise\u00c3\u00b1o. En el mejor de los casos, haces un documento de especificaciones que nadie lee. Haces tu mejor trabajo. El cliente sugiere \"peque\u00c3\u00b1os cambios\". Ambos se dan cuenta de que faltan contenidos y piezas claves en\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2011\/04\/Screen-shot-2011-04-18-at-11.48.38-AM-300x246.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1627,"url":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-tu-email-se-convierta-en-tu-asistente-personal\/","url_meta":{"origin":1609,"position":3},"title":"C\u00c3\u00b3mo hacer que tu email se convierta en tu asistente personal","author":"Daniel Pradilla","date":"01\/04\/2011","format":false,"excerpt":"Este art\u00c3\u00adculo pertenece a la serie de virtualizaci\u00c3\u00b3n,\u00a0teletrabajo e independencia geogr\u00c3\u00a1fica. Inbox zero es una de las filosof\u00c3\u00adas m\u00c3\u00a1s efectivas para aprovechar el tiempo. B\u00c3\u00a1sicamente, usas la bandeja de entrada de tu correo como una lista de tareas pendientes. Cuando tu bandeja est\u00c3\u00a1 vac\u00c3\u00ada, no tienes trabajo por hacer. De\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.afinidades.org\/wp-content\/uploads\/2011\/03\/tomorrow_large.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1978,"url":"https:\/\/www.danielpradilla.info\/blog\/como-presentar-estadisticas-sin-aburrir-a-tu-audiencia\/","url_meta":{"origin":1609,"position":4},"title":"C\u00c3\u00b3mo presentar estad\u00c3\u00adsticas sin aburrir a tu audiencia","author":"Daniel Pradilla","date":"12\/08\/2013","format":false,"excerpt":"Hace unos d\u00c3\u00adas encontr\u00c3\u00a9 un recurso muy valioso, y al mismo tiempo gratuito, para mejorar la manera en que presentamos estad\u00c3\u00adsticas. C\u00c3\u00b3mo hacer comprensibles los datos\u00a0es una serie de libros electr\u00c3\u00b3nicos cortos, f\u00c3\u00a1ciles y gratuitos creada por la Comisi\u00c3\u00b3n Econ\u00c3\u00b3mica de las Naciones Unidas para Europa como una herramienta pr\u00c3\u00a1ctica\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"boring_lecture","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/08\/boring_lecture.jpeg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1602,"url":"https:\/\/www.danielpradilla.info\/blog\/4-herramientas-para-organizar-tu-vida\/","url_meta":{"origin":1609,"position":5},"title":"4 Herramientas para organizar tu vida","author":"Daniel Pradilla","date":"15\/02\/2011","format":false,"excerpt":"Este art\u00c3\u00adculo pertenece a la serie de\u00a0virtualizaci\u00c3\u00b3n, teletrabajo e independencia geogr\u00c3\u00a1fica. Son muy pocas las personas que logran establecer una separaci\u00c3\u00b3n fundamentalista entre sus espacios de trabajo y su hogar. Normalmente nuestro trabajo nos persigue a casa, nuestras tareas del hogar nos persiguen al trabajo, y ambas nos persiguen en\u2026","rel":"","context":"In &quot;Destacados&quot;","block_context":{"text":"Destacados","link":"https:\/\/www.danielpradilla.info\/blog\/category\/destacados\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2011\/02\/modern-working-desk-2.jpeg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts\/1609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/comments?post=1609"}],"version-history":[{"count":0,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts\/1609\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/media?parent=1609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/categories?post=1609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/tags?post=1609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}