Viw Copy Code

by dharlaferdana

HTML

<pre><code>function babibu() {
   document.write('Huatchuuu!!!');
   var re = document.getElementById('brot').innerHTML;
       re = re.replace(/brot/ig, "brobot-brobot");
}</code></pre>

<pre><code>function alert() {
    alert('ARRGGHHHHH!!!!');
}</code></pre>

CSS

body {padding:30px;}

pre {
  background-color:#eee;
  border:1px dashed #bbb;
  padding:10px 15px;
  white-space:pre;
  word-wrap:normal;
  margin-bottom:10px;
}

pre code {
  color:black;
  font:normal 12px 'Courier New',Monospace;    
}

pre.viewplain {position:relative;}

pre.viewplain a.plain {
  position:absolute;
  top:4px;
  right:5px;
  font:normal 10px Arial,Sans-Serif;
  color:blue;    
}

::selection {
  background:transparent !important;
  color:#222; /* samakan dengan warna teks */
}
::-moz-selection {
  background:transparent !important;
  color:black; /* samakan dengan warna teks */
}

JavaScript

$('pre').each(function() {
    $(this).addClass('viewplain').append('pre');
});

$('pre').click(function() {
    var pl = window.open('', '', 'status=0, resizable=0, width=600, height=300, top=50, left=100'),
        output = $(this).parent().find('code').html();
    pl.document.write('<textarea style="width:100%;height:270px;" spellcheck="false">' + output + '</textarea><scr' + 'ipt type="text/javascript">var a=document.getElementsByTagName(\'textarea\')[0];a.focus();a.select();</scr' + 'ipt>');
    pl.document.title = "Plain Code";
    return false;
});