Problema com execução do JavaScript

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Problema com execução do JavaScript

Mensagem por Alex 18.01.19 16:40

Detalhes da questão


Endereço do fórum: http://alex-fdf.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Olá, boa tarde.

Com o lançamento do AwesomeBB, eu tenho editado o template de forma a deixá-lo o mais personalizado possível, isto inclui uma mensagem quando um fórum não tem tópicos, que na base é um ícone de balão de mensagem. Infelizmente não consigo alterar tal sem ter que executar um código JavaScript. Criei um JavaScript para adicionar uma classe ao fórum vazio para que possa colocar a dita mensagem, executei pelo console das ferramentas de desenvolvedor do google e deu tudo certo, mas quando coloquei o exato script no template index_box ou criando um novo JavaScript na página de Gestão de códigos JavaScript, ele não executa e não mostra erros.

Código no template:
Código:
<script type="text/javascript">
  //<![CDATA[
      (function($) {
        'use strict';
     
        $(function() {
              $(".forum-lastpost").not(":has(div)").addClass("empty");
        });
      })(jQuery);
  //]]>
Alex

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 651
Pontos ativos : 883

https://policiadop.com/ https://twitter.com/@ZaswesHB

Atendido / Resolvido Re: Problema com execução do JavaScript

Mensagem por RafaelS. 18.01.19 17:32

Olá @Alex,

Nos forneça o template inteiro, por gentileza.

Até mais. Feliz
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Problema com execução do JavaScript

Mensagem por Alex 18.01.19 17:33

Olá Rafael.

Aqui está:
Código:
<ul class="action-bar action-bar-top">
    <!-- BEGIN switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_NEW}">
            <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
        </a>
    </li>
    <li>
        <a href="{U_SEARCH_SELF}">
            <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_UNANSWERED}">
            <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
        </a>
    </li>
    <!-- BEGIN switch_user_logged_in -->
    <li class="rightside">
        <a href="{U_MARK_READ}" accesskey="m">
            <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forum {catrow.tablehead.TYPE_TABLE_SECTION}">
    <div class="forum-header">
        <div class="category-title">
            <span>{catrow.tablehead.L_FORUM}</span>
        </div>
        <div class="forum-lastpost-header">
            <i class="material-icons">watch_later</i>
            <span>{L_LASTPOST}</span>
        </div>
    </div>
    <!-- END tablehead -->

    <!-- BEGIN forumrow -->
    <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION}">
        <div class="forum-icon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}">
            <i class="material-icons">forum</i>
        </div>
        <div class="forum-content">
            <div class="forum-description">
                <h3><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
                <p>{catrow.forumrow.FORUM_DESC}</p>
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </div>
            <div class="forum-statistics">
                <span class="forum-statistics-topics">{catrow.forumrow.TOPICS} <span>{L_TOPICS}</span></span>
                <span class="forum-statistics-posts">{catrow.forumrow.POSTS} <span>{L_POSTS}</span></span>
            </div>
            <div class="forum-lastpost">
                <div class="avatar-default">
                    <!-- BEGIN avatar -->
                    {catrow.forumrow.avatar.LAST_POST_AVATAR}
                    <!-- END avatar -->
                    <!-- BEGIN ads -->
                    <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" />
                    <!-- END ads -->
                </div>
                <div class="forum-lastpost-inner">
                    <!-- BEGIN switch_topic_title -->
                    <a class="topic-title" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                    <!-- END switch_topic_title -->
                    <!-- BEGIN ads -->
                    <a class="topic-title" href="{catrow.forumrow.ads.LINK}" title="{catrow.forumrow.ads.TITLE}">{catrow.forumrow.ads.TITLE}</a>
                    <!-- END ads -->
                    <span>
                     <!-- BEGIN ads -->
                        <span class="forum-lastpost-location">
                           <i class="material-icons">place</i>{catrow.forumrow.ads.LOCATION}
                        </span>
                        <!-- END ads -->
                     <span class="forum-lastpost-author">
                           {catrow.forumrow.LAST_POST_HOUR} por {catrow.forumrow.USER_LAST_POST}
                                <!-- BEGIN ads -->
                                {catrow.forumrow.ads.ALIAS}
                                <!-- END ads -->
                     </span>
   
                  </span>
                </div>
            </div>
        </div>
    </div>
    <!-- END forumrow -->

    <!-- BEGIN tablefoot -->
</div><!-- <div class="forum" /> -->
<!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="action-bar action-bar-bottom">
    <li>
        <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
    </li>
    <li>
        <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
    </li>
    <li class="last">
        <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
    </li>
    <!-- BEGIN switch_delete_cookies -->
    <li class="rightside">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
            <i class="material-icons">delete</i>&nbsp;{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
        </a>
    </li>
    <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        var btn_collapse = $('<div/>', {
            class: 'forum-hide',
            html: '<div class="forum-hide-icon-a"></div><div class="forum-hide-icon-b"></div>',
        });

        var collapsed = [];

        if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
            collapsed = readCookie('collapsed').split(',');
        }

        $(document).on('click', '.forum-hide', function() {
            $(this).toggleClass('forum-show');
            $(this).parents('.forum').toggleClass('forum-hidden');

            if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
                collapsed = readCookie('collapsed').split(',');
            }

            if (!$(this).parents('.forum').hasClass('forum-hidden')) {
                removeFromArray('' + $(this).parents('.forum').data('cindex'), collapsed);

                createCookie('collapsed', collapsed);
            } else {
                collapsed.push('' + $(this).parents('.forum').data('cindex'));

                createCookie('collapsed', collapsed);
            }
        });

        $('.forum').each(function(i) {
            $(this).data('cindex', '' + i);

            $(btn_collapse)
                .clone()
                .attr('id', 'forum' + i)
                .appendTo($(this).find('.forum-header'));

            if ($.inArray('' + i, collapsed) > -1) {
                $(this).find('.forum-hide').toggleClass('forum-show');
                $(this).toggleClass('forum-hidden');
            }

            if ($(this).find('.type-classified').length) {
                $(this)
                    .addClass('type-table-classified')
                    .find('.forum-statistics-header-posts, .forum-statistics-posts').remove();
            }
        });
    });

    function removeFromArray(item, array) {
        var i = array.indexOf(item);

        if (i > -1) {
            array = array.splice(i, 1);
        }
    }

    function createCookie(name, value, days) {
        var expires;

        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toGMTString();
        } else {
            expires = "";
        }
        document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
    }

    function readCookie(name) {
        var nameEQ = encodeURIComponent(name) + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
        }
        return null;
    }
    //]]>
</script>
<script type="text/javascript">
  //<![CDATA[
      (function($) {
        'use strict';
       
        $(function() {
              $(".forum-lastpost").not(":has(div)").addClass("empty");
        });
      })(jQuery);
  //]]>
</script>
Alex

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 651
Pontos ativos : 883

https://policiadop.com/ https://twitter.com/@ZaswesHB

Atendido / Resolvido Re: Problema com execução do JavaScript

Mensagem por RafaelS. 18.01.19 17:49

Olá!

Troque o template por este:
Código:
<ul class="action-bar action-bar-top">
    <!-- BEGIN switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_NEW}">
            <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
        </a>
    </li>
    <li>
        <a href="{U_SEARCH_SELF}">
            <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
    <li>
        <a href="{U_SEARCH_UNANSWERED}">
            <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
        </a>
    </li>
    <!-- BEGIN switch_user_logged_in -->
    <li class="rightside">
        <a href="{U_MARK_READ}" accesskey="m">
            <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
        </a>
    </li>
    <!-- END switch_user_logged_in -->
</ul>
 
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forum {catrow.tablehead.TYPE_TABLE_SECTION}">
    <div class="forum-header">
        <div class="category-title">
            <span>{catrow.tablehead.L_FORUM}</span>
        </div>
        <div class="forum-lastpost-header">
            <i class="material-icons">watch_later</i>
            <span>{L_LASTPOST}</span>
        </div>
    </div>
    <!-- END tablehead -->
 
    <!-- BEGIN forumrow -->
    <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION}">
        <div class="forum-icon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}">
            <i class="material-icons">forum</i>
        </div>
        <div class="forum-content">
            <div class="forum-description">
                <h3><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
                <p>{catrow.forumrow.FORUM_DESC}</p>
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </div>
            <div class="forum-statistics">
                <span class="forum-statistics-topics">{catrow.forumrow.TOPICS} <span>{L_TOPICS}</span></span>
                <span class="forum-statistics-posts">{catrow.forumrow.POSTS} <span>{L_POSTS}</span></span>
            </div>
            <div class="forum-lastpost">
                <div class="avatar-default">
                    <!-- BEGIN avatar -->
                    {catrow.forumrow.avatar.LAST_POST_AVATAR}
                    <!-- END avatar -->
                    <!-- BEGIN ads -->
                    <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" />
                    <!-- END ads -->
                </div>
                <div class="forum-lastpost-inner">
                    <!-- BEGIN switch_topic_title -->
                    <a class="topic-title" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                    <!-- END switch_topic_title -->
                    <!-- BEGIN ads -->
                    <a class="topic-title" href="{catrow.forumrow.ads.LINK}" title="{catrow.forumrow.ads.TITLE}">{catrow.forumrow.ads.TITLE}</a>
                    <!-- END ads -->
                    <span>
                     <!-- BEGIN ads -->
                        <span class="forum-lastpost-location">
                           <i class="material-icons">place</i>{catrow.forumrow.ads.LOCATION}
                        </span>
                        <!-- END ads -->
                     <span class="forum-lastpost-author">
                           {catrow.forumrow.LAST_POST_HOUR} por {catrow.forumrow.USER_LAST_POST}
                                <!-- BEGIN ads -->
                                {catrow.forumrow.ads.ALIAS}
                                <!-- END ads -->
                     </span>
  
                  </span>
                </div>
            </div>
        </div>
    </div>
    <!-- END forumrow -->
 
    <!-- BEGIN tablefoot -->
</div><!-- <div class="forum" /> -->
<!-- END tablefoot -->
<!-- END catrow -->
 
<!-- BEGIN switch_on_index -->
<ul class="action-bar action-bar-bottom">
    <li>
        <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
    </li>
    <li>
        <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
    </li>
    <li class="last">
        <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
    </li>
    <!-- BEGIN switch_delete_cookies -->
    <li class="rightside">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
            <i class="material-icons">delete</i>&nbsp;{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
        </a>
    </li>
    <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
 
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        var btn_collapse = $('<div/>', {
            class: 'forum-hide',
            html: '<div class="forum-hide-icon-a"></div><div class="forum-hide-icon-b"></div>',
        });
 
        var collapsed = [];
 
        if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
            collapsed = readCookie('collapsed').split(',');
        }
 
        $(document).on('click', '.forum-hide', function() {
            $(this).toggleClass('forum-show');
            $(this).parents('.forum').toggleClass('forum-hidden');
 
            if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
                collapsed = readCookie('collapsed').split(',');
            }
 
            if (!$(this).parents('.forum').hasClass('forum-hidden')) {
                removeFromArray('' + $(this).parents('.forum').data('cindex'), collapsed);
 
                createCookie('collapsed', collapsed);
            } else {
                collapsed.push('' + $(this).parents('.forum').data('cindex'));
 
                createCookie('collapsed', collapsed);
            }
        });
 
        $('.forum').each(function(i) {
            $(this).data('cindex', '' + i);
 
            $(btn_collapse)
                .clone()
                .attr('id', 'forum' + i)
                .appendTo($(this).find('.forum-header'));
 
            if ($.inArray('' + i, collapsed) > -1) {
                $(this).find('.forum-hide').toggleClass('forum-show');
                $(this).toggleClass('forum-hidden');
            }
 
            if ($(this).find('.type-classified').length) {
                $(this)
                    .addClass('type-table-classified')
                    .find('.forum-statistics-header-posts, .forum-statistics-posts').remove();
            }
        });
    });
 
    function removeFromArray(item, array) {
        var i = array.indexOf(item);
 
        if (i > -1) {
            array = array.splice(i, 1);
        }
    }
 
    function createCookie(name, value, days) {
        var expires;
 
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toGMTString();
        } else {
            expires = "";
        }
        document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
    }
 
    function readCookie(name) {
        var nameEQ = encodeURIComponent(name) + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) === ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
        }
        return null;
    }
    //]]>
</script>
<script>
        $(function() {
              $(".forum-lastpost").not(":has(div)").addClass("empty");
        });
</script>

Salve e publique.  Certo

Até mais. Feliz
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Problema com execução do JavaScript

Mensagem por Alex 20.01.19 0:42

Olá.

Infelizmente não surtiu efeito.
Alex

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 651
Pontos ativos : 883

https://policiadop.com/ https://twitter.com/@ZaswesHB

Atendido / Resolvido Re: Problema com execução do JavaScript

Mensagem por pedxz 22.01.19 21:41

Olá @Alex,
Crie uma Página JavaScript, com investimento no índice e nos sub-fóruns:
Código:
(function ($) {
   'use strict';
   $(function () {

      $('.forum-lastpost').each(function () {
         if ($(this).find('.topic-title').last().is(':empty')) {
            $(this).addClass('empty');
         }
      });

   });
}(jQuery));


Cordialmente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6195
Pontos ativos : 7355

Atendido / Resolvido Re: Problema com execução do JavaScript

Mensagem por Convidado 25.01.19 14:44

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.
Anonymous

Convidado
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão neste fórum:
Você não pode responder aos tópicos neste fórum