JSFiddle - React, Tailwind, and code Playground

by Margus Martsepp

HTML

<script src="http://aripaee.adocean.pl/files/js/ado.js"></script>
	<div id="adoceanaripaeeqkgkioklaw" 
		class="banner  desktop-hide"   
		data-masterid="c9AMfrpU7eKW.blzF93B.estYE.TU2MMbSDzBkJhuSb.I7" 
		data-welcome="true"></div>
	<div id="adoceanaripaeeldhqjxrrsd" 
		class="banner  desktop-hide" 
		data-masterid="c9AMfrpU7eKW.blzF93B.estYE.TU2MMbSDzBkJhuSb.I7" 
		data-welcome="false"></div>

JavaScript

if (typeof ado !== "object") { ado = {}; ado.config = ado.preview = ado.placement = ado.master = ado.slave = function() { }; }
    ado.config({ mode: "new", xml: true, characterEncoding: true });
    ado.preview({ enabled: true, emiter: "aripaee.adocean.pl", id: "c9AMfrpU7eKW.blzF93B.estYE.TU2MMbSDzBkJhuSb.I7" });


    /* (c)AdOcean 2003-2011, MASTER: aripaev.ee.mu.ee.mu.ee */
    var masterId = 'c9AMfrpU7eKW.blzF93B.estYE.TU2MMbSDzBkJhuSb.I7';
    ado.master({
        id: masterId, server: 'aripaee.adocean.pl',
        onLoad: function() {
            setTimeout(function() {
                $('div.adOceanBanner').each(function() {
                    if ($(this).html() != '' && $(this).hasClass('withadtext')) {
                        $(this).before('<div class="adtext">Reklaam</div>');
                        var styleAttr = $('> div', this).attr('style');
                        styleAttr = styleAttr.replace('margin: auto;', '');
                        $('> div', this).attr('style', styleAttr);
                    }
                });
            }, 1000);
        }
    });