Block Not Allowed

by dharlaferdana

HTML

<div id="comment-holder">
    <ul>
        <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim oot minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></li>
        <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut <a href="#">Visit my blog!!!</a> laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></li>
        <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></li>
        <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></li>
        <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh <a href="#">visit balik gan!!!</a> euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></li>
        <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minta script veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <a href="http://goo.gl/jAX6N">Kunjungi blog Saya dan menangkan pulsa sebesar satu juta rupiah untuk telpon...

CSS

body {
    background:#333;
    padding-right:30px;
}

p {
    padding:10px 15px;
    margin:0 0 10px;
    border:1px solid #3c3c3c;
    -webkit-box-shadow:0px 1px 2px black;
    -moz-box-shadow:0px 1px 2px black;
    box-shadow:0px 1px 2px black;
    font: bold 11px Tahoma,Verdana,Arial,Sans-Serif;
    color:white;
}

li {
    list-style:none;
}

mark {background-color:red;}

.note {
    font: italic 12px 'Courier New',Monospace;
}

JavaScript

function blockNotAllowed(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
         var regex = /(^| |>)(oot|OOT|minta template|bagi template|share template|minta script)(<| |$)/g,
            html = content[i].innerHTML;
      content[i].innerHTML = (regex.test(html)) ? '<del>' + html.replace(regex, "$1<mark>$2</mark>$3") + '</del><br><br><cite class=\'note\'>Kata-kata yang ditandai sudah tidak diperbolehkan dalam komentar. Kenapa komentar Anda diblok? Cari tau <a href=\'/p/cara-berkomentar-yang-baik.html\' target=\'_blank\'>di sini<\/a>.</cite>' : html;
    }
}

// Jalankan fungsi!
blockNotAllowed('comment-holder', 'p')