How to remove whitespace and line breaks between HTML elements?

Question

When widget plugin outputs nothing, empty tag(<DIV CLASS="qa-widget-side"></DIV>) is outputted and unnecessary line(boarder) is displayed. How to solve this problem?

Answer 1

Solution ex. by jQuery:

Reference: http://stackoverflow.com/questions/1539367/remove-whitespace-and-line-breaks-between-html-elements-using-jquery

File: qa-theme/Your theme/qa-theme.php

Source:

function head_script()

{

  qa_html_theme_base::head_script();

 

  $this->output(

    '<SCRIPT TYPE="text/javascript"><!--',

    '$.fn.cleanWhitespace = function() {',

    '  textNodes = this.contents().filter(',

    '  function() { return (this.nodeType == 3 && !/\S/.test(this.nodeValue)); })',

    '  .remove();',

    '  return this;',

    '}',

    '$(document).ready(function(){',

    '  $(\'.qa-widget-side\').cleanWhitespace();',

    '  $(\'.qa-widget-side:empty\').remove();',

    '});',

    '//--></SCRIPT>'

  );

}

There may be method of processing by server side ...