Код работает на странице тестирования W3shool, но не в Joomla

Question

Я тестирую этот код, и он работает здесь http://www.w3schools.com/js/tryit.asp?filename=tryjs_debugger, но не на моей странице Joomla. Ошибка консоли Chrome находится в нижней части поста

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
function toggleDiv(divId) { 
    $("#"+divId).toggle(); 
} 
</script> 

<a href="javascript:toggleDiv('myContent');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a> 
<div id="myContent" style="background-color: #aaa; padding: 5px 10px;"> 
    The content in this div will hide and show (toggle) when the toggle is pressed. 
</div> 

63-tet.html: 168 неперехваченным TypeError: Не удается прочитать свойство 'тумблер' в nulltoggleDiv @ 63-tet.html: 168 (анонимной функции) @ VM4704 : 1

Я cheched страницы источника и мой код посылается обратно ко мне сервер нетронутым:

<div itemprop="articleBody"> 
 
\t \t <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
function toggleDiv(divId) { 
 
    $("#"+divId).toggle(); 
 
} 
 
</script> 
 

 
<a href="javascript:toggleDiv('myContent');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a> 
 
<div id="myContent" style="background-color: #aaa; padding: 5px 10px;"> 
 
    The content in this div will hide and show (toggle) when the toggle is pressed. 
 
</div> \t </div>

Answer 1

Похоже, что Joomla является фильтром/черным списком определенных ключевых слов. Вы можете видеть, что он пытается вызвать функцию:

nulltoggleDiv и получить доступ к этому свойству.

Если вы нажмете f12 и выполните поиск «toggleDiv», вы сможете увидеть фактический html после его деформирования.

проверить этот документ:

https://docs.joomla.org/Help16:Content_Article_Manager#Filtering_Options_.28HTML.29

из дока:

Black List Filters 
The default filter method in Joomla! is 'Black List'. The default 'Black List' contains the following tags to exclude: 

'applet', 'body', 'bgsound', 'base', 'basefont', 'embed', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'object', 'script', 'style', 'title', 'xml' 
The default 'Black List' contains the following attributes to exclude: 

'action', 'background', 'codebase', 'dynsrc', 'lowsrc' 
You can 'Black List' (disallow) additional tags and attributes by adding to the Filter tags and Filter attributes fields, separating each tag or attribute name with a space or comma. If you select a Filter Type of "Black List", this list will always be used, plus any additional tags and attributes you add. 

Answer 2

Проблема, кажется, с этой ссылкой

$("#"+divId).toggle(); 

После того как я заменил выше

var element = document.getElementById(divId); 
    element.toggle(); 

код работал