HTML Issue when saving Articles and Custom HTML Modules

When I saved the countdown on the homepage, the html got messed up. I reverted back to the original countdown html and it messes it up. There is no text filtering on for any user type in the global settings.

this is what I enter:

Code: Select all

<div class="gk-animation" data-height="530">
<div class="gk-animation-wrap">
<div class="gka-bg">Background</div>
<h2 class="gk-scale-up" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="200" data-time="500">Festival 21 Feb. - 27 Feb. 2012</h2>
<h1 class="gk-scale-up" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="600" data-time="500">Festival Musico</h1>
<div class="gk-stars" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="1000" data-time="500">* * * * * *</div>
<div class="gk-jscounter gk-scale-up" data-dateend="21-2-2015" data-timeend="19:42" data-timezone="+2" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="900" data-time="500">Counting finished!</div>
<div class="gk-guitar" data-start="{opacity: 0, right: '-200px'}" data-end="{opacity: 1, right: 0}" data-delay="900" data-time="450">Guitar</div>
<a class="gk-ticket" href="#" data-start="{opacity:0, top: '45px'}" data-end="{opacity:1, top: 0}" data-delay="1300" data-time="450"> <strong>Get a ticket</strong> <small>Authentic Tickets on Time or Your Money Back!</small> </a></div>
</div>

When I save it, it doesn't display properly. when I go back in to the module and look at the html it shows this:

Code: Select all

<div class="\&quot;gk-animation\&quot;" data-height="\&quot;530\&quot;">
<div class="\&quot;gk-animation-wrap\&quot;">
<div class="\&quot;gka-bg\&quot;">Background</div>
<h2 class="\&quot;gk-scale-up\&quot;" data-start="\&quot;{opacity:0}\&quot;" data-end="\&quot;{opacity:1}\&quot;" data-delay="\&quot;200\&quot;" data-time="\&quot;500\&quot;">Festival 21 Feb. - 27 Feb. 2012</h2>
<h1 class="\&quot;gk-scale-up\&quot;" data-start="\&quot;{opacity:0}\&quot;" data-end="\&quot;{opacity:1}\&quot;" data-delay="\&quot;600\&quot;" data-time="\&quot;500\&quot;">Festival Musico</h1>
<div class="\&quot;gk-stars\&quot;" data-start="\&quot;{opacity:0}\&quot;" data-end="\&quot;{opacity:1}\&quot;" data-delay="\&quot;1000\&quot;" data-time="\&quot;500\&quot;">* * * * * *</div>
<div class="\&quot;gk-jscounter" data-dateend="\&quot;21-2-2015\&quot;" data-timeend="\&quot;19:42\&quot;" data-timezone="\&quot;+2\&quot;" data-start="\&quot;{opacity:0}\&quot;" data-end="\&quot;{opacity:1}\&quot;" data-delay="\&quot;900\&quot;" data-time="\&quot;500\&quot;">Counting finished!</div>
<div class="\&quot;gk-guitar\&quot;" data-start="\&quot;{opacity:" data-end="\&quot;{opacity:" data-delay="\&quot;900\&quot;" data-time="\&quot;450\&quot;">Guitar</div>
<a class="\&quot;gk-ticket\&quot;" href="\&quot;#\&quot;" data-start="\&quot;{opacity:0," data-end="\&quot;{opacity:1," data-delay="\&quot;1300\&quot;" data-time="\&quot;450\&quot;"> <strong>Get a ticket</strong> <small>Authentic Tickets on Time or Your Money Back!</small> </a></div>
</div>

Thoughts??

Thanks in advance!

Hi, try to turn off your WYSIWYG editor - set None or CodeMirror in Default Editor field.
Now try to insert code again. This should help if not read ths post: http://forum.joomla.org/viewtopic.php?f=708&t=764426

The solution was to create a php.ini file that contained the following:

Code: Select all

magic_quotes_gpc = Off
magic_quotes_runtime = Off
magic_quotes_sybase = Off
extension=pdo.so
extension=pdo_mysql.so

Save it and put it in the administrator folder.

Thanks for the link!