public function do_render() { parent::do_render(); ?> <div id="preview-dialog-modal" title="<?php _e('Headline', 'nelioab'); ?> " style="display:none;"> <div class="nelioab-row"> <div class="nelioab-image"> <img src="" /> </div> <div class="nelioab-text"> <p class="nelioab-title"></p> <p class="nelioab-excerpt"></p> </div> </div> </div> <script type="text/javascript"> var $nelioabPreviewDialog; jQuery(document).ready(function() { $nelioabPreviewDialog = jQuery('#preview-dialog-modal').dialog({ dialogClass : 'wp-dialog', modal : true, autoOpen : false, closeOnEscape : true, width : 600, buttons : [ { text: "<?php echo esc_html(__('Close', 'nelioab')); ?> ", click: function() { jQuery(this).dialog('close'); } }, ] }); }); function nelioabPreviewLink(title, excerpt, imageUrl) { jQuery('#preview-dialog-modal img').attr('src', imageUrl); jQuery('#preview-dialog-modal .nelioab-title').html(title); jQuery('#preview-dialog-modal .nelioab-excerpt').html(excerpt); $nelioabPreviewDialog.dialog('open'); } </script> <?php }