View Plain Code

View Plain Code

$('pre').each(function() {
    // Sisipkan elemen pemicu jendela munculan
    $(this).addClass('viewplain').append('<a href="#" class="plain">View Plain</a>');
});

// Saat pemicu jendela munculan diklik...
$('a.plain', 'pre').click(function() {
    // Tampilkan jendela munculan dengan ukuran lebar 600 dan tinggi 300
    var pl = window.open('', '', 'status=0, resizable=0, width=600, height=300, top=50, left=100'),
        output = $(this).parent().find('code').html();
    // Ketik semua kode yang ada di dalam elemen induk dari elemen pemicu (dalam hal ini adalah tag PRE)
    pl.document.write('<textarea style="width:100%;height:270px;" spellcheck="false">' + output + '</textarea>');
    // Set nilai tag TITLE pada jendela munculan
    pl.document.title = "Plain Code";
    return false;
});

Lihat Demo

Versi JavaScript Mentah

Lebih praktis. Baca di sini ⇒ JavaScript Popup Copy Code