Categorias retrateis no chrome

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

Resolvido Categorias retrateis no chrome

Mensagem por generalshyguy em 08/01/14, 04:41 pm

Qual é minha questão:
Qual é minha questão:
Verifiquei todos os códigos descritos aqui e em outros sites sobre categorias retrateis porem nenhum funcionou no google chrome, existe algum código JS para que ele funcione no chrome???

*Desde já agradeço!

Endereço do meu fórum:
http://conexaofederal.forumeiros.com/

Versão do meu fórum:
PHPBB3

Endereço do meu fórum:
http://conexaofederal.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por generalshyguy em 10/01/14, 04:41 pm, editado 1 vez(es)
avatar

generalshyguy
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://conexaofederal.forumeiros.com

Resolvido Re: Categorias retrateis no chrome

Mensagem por Hancki em 08/01/14, 05:56 pm

Olá!

Creio que o problema esteja aí!
Em termos de compatibilidades, o Google Chrome está no topo.
Reveja o tópico: http://ajuda.forumeiros.com/t23387-

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Categorias retrateis no chrome

Mensagem por generalshyguy em 09/01/14, 11:50 am

Hancki entendo que terei de desabilitar os cookies de meu navegador porem gostaria de saber se a algo que possa ser feito para que não seja necessario isto.
avatar

generalshyguy
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://conexaofederal.forumeiros.com

Resolvido Re: Categorias retrateis no chrome

Mensagem por Hancki em 09/01/14, 06:39 pm

Olá de novo!

Acho que terá mesmo que ativar os cookies!
Reveja todos os passos, ou então nem sei.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Categorias retrateis no chrome

Mensagem por generalshyguy em 10/01/14, 11:55 am

Sem problemas Hancki, como eu informei gostaria apenas de confirmar se é apenas este método como aparentemente não é possível, posso dar minha duvida como solucionada.
avatar

generalshyguy
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://conexaofederal.forumeiros.com

Resolvido Re: Categorias retrateis no chrome

Mensagem por JScript em 10/01/14, 12:31 pm

@generalshyguy

Não desista tão facilmente amigo! Eu particularmente considero o uso de cookies ultrapassado em relação aos atuais navegadores e quando decidi aprender sobre scripts pude perceber na hora a diferença brutal em usar as funções localStorage.setItem() e localStorage.getItem() que podem armazenar até 5MB de informações!
Em contrapartida, os cookies só armazenam 4 bytes (se não me engano!)...

Se você desejar e poder aguardar um pouco, eu poderei fazer uma pequena modificação no código do tutorial para que possa usufruir das vantagens do localStorage e com isso não será mais necessário ter os cookies ativados no navegador.

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Categorias retrateis no chrome

Mensagem por JScript em 10/01/14, 01:45 pm

Bom, aqui está o código, basta adicionar o que seja da versão de seu fórum como um novo JavaScript com investimento no índice!

PUNBB
Spoiler:

Código:

$(window).load(function() {
    var sCSS = '<style>' +
        '.main-head.collapsed {' +
        '    border-radius: 4px 4px 4px 4px;' +
        '    opacity: 0.2;' +
        '    margin-bottom: 5px;' +
        '}' +
        '.main-head.collapsed:hover {' +
        '    opacity: 0.4;' +
        '}' +
        '.main-head .toggle {' +
        '    background: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_mi10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
        '    display: block;' +
        '    height: 25px;' +
        '    outline: 0 none;' +
        '    text-indent: -3000em;' +
        '    visibility: hidden;' +
        '    width: 25px;' +
        '}' +
        '.main-head:hover .toggle {' +
        '    visibility: visible;' +
        '}' +
        '.main-head.collapsed .toggle {' +
        '    background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png");' +
        '}' +
        '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);

    jQuery('.main .main-head').each(function(index){
        var main_head = jQuery(this);
        var display = localStorage.getItem('main-head' + index);
        if (display) main_head.next().css('display', display);
       
        main_head.prepend('<a title="Maximizar/minimizar" href="#'+ index +'" class="toggle right">Maximizar/minimizar</a>');
       
        var Style = main_head.next();
        if(Style.css('display') == 'none'){
            main_head.addClass('collapsed');
        }else{
            main_head.removeClass('collapsed');
        }
        var toggle = main_head.find('.toggle.right');
        toggle.click(function(){
           
            if(Style.css('display') == 'none'){
                Style.slideToggle();
                localStorage.setItem('main-head' + index, 'block');
                main_head.removeClass('collapsed');
            }else{
                Style.slideToggle();
                localStorage.setItem('main-head' + index, 'none');
                main_head.addClass('collapsed');
            }
        });
    })
});

PHPBB2
Spoiler:

Código:

$(window).load(function() {
    var sCSS = '<style>' +
        '.phpbb2_collapsed.collapsed {' +
        '    height: 29px;' +
        '    opacity: 0.2;' +
        '    margin-bottom: 5px;' +
        '}' +
        '.phpbb2_collapsed.collapsed:hover {' +
        '    opacity: 0.4;' +
        '}' +
        '.phpbb2_collapsed .toggle {' +
        '    background: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_mi10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
        '    display: block;' +
        '    height: 25px;' +
        '    outline: 0 none;' +
        '    text-indent: -3000em;' +
        '    visibility: hidden;' +
        '    width: 25px;' +
        '}' +
        '.phpbb2_collapsed:hover .toggle {' +
        '    visibility: visible;' +
        '}' +
        '.left { float: left; }' +
        '.phpbb2_collapsed.collapsed .toggle {' +
        '    background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png");' +
        '}' +
        '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);

    jQuery('.secondarytitle').each(function(index){
        var main_head = jQuery(this);
        main_head.prepend('<a title="Maximizar/minimizar" href="#'+ index +'" class="toggle left">Maximizar/minimizar</a>');
        var table = main_head.parent().parent().parent();
        table.before('<div class="phpbb2_collapsed" id="table_' + index + '" style="overflow: hidden;"></div>');

        var detach = table.detach();
        var table_index = jQuery('#table_' + index);
        detach.prependTo(table_index);

        var collapsed = localStorage.getItem('main-head' + index);
        if(collapsed == 1){
            table_index.addClass('collapsed');
        }else{
            table_index.removeClass('collapsed');
        }
        var toggle = table_index.find('.toggle.left');
        toggle.click(function(){
   
            if(table_index.hasClass('collapsed')){
                localStorage.setItem('main-head' + index, 0);
                table_index.removeClass('collapsed');
            }else{
                localStorage.setItem('main-head' + index, 1);
                table_index.addClass('collapsed');
            }
        });   
    })
});

PHPBB3
Spoiler:

Código:

$(window).load(function() {
    var sCSS = '<style>' +
        '.header.collapsed {' +
        '    border-radius: 4px 4px 4px 4px;' +
        '    opacity: 0.2;' +
        '    margin-bottom: 5px;' +
        '}' +
        '.header.collapsed:hover {' +
        '    opacity: 0.4;' +
        '}' +
        '.header .toggle {' +
        '    background: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_mi10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
        '    display: block;' +
        '    height: 25px;' +
        '    outline: 0 none;' +
        '    text-indent: -3000em;' +
        '    visibility: hidden;' +
        '    width: 25px;' +
        '    float: right;' +
        '}' +
        '.header:hover .toggle {' +
        '    visibility: visible;' +
        '}' +
        '.header.collapsed .toggle {' +
        '    background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png");' +
        '}' +
    '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);

    jQuery('.header').each(function(index){
        var main_head = jQuery(this);
        var display = localStorage.getItem('main-head' + index);
        if (display) main_head.next().css('display', display);
   
        main_head.prepend('<a title="Maximizar/minimizar" href="#'+ index +'" class="toggle right">Maximizar/minimizar</a>');
   
        var Style = main_head.parent().next();
        if(Style.css('display') == 'none'){
            main_head.addClass('collapsed');
        }else{
            main_head.removeClass('collapsed');
        }
        var toggle = main_head.find('.toggle.right');
        toggle.click(function(){
       
            if(Style.css('display') == 'none'){
                Style.slideToggle();
                localStorage.setItem('main-head' + index, 'block');
                main_head.removeClass('collapsed');
            }else{
                Style.slideToggle();
                localStorage.setItem('main-head' + index, 'none');
                main_head.addClass('collapsed');
            }
        });
    })
});

Resultados:
Normal com o mouse em cima:


Retraída sem o mouse em cima:


Retraída com o mouse em cima:


Nota: O efeito é persistente mesmo que o navegador seja fechado, só perderá a "memória" caso seja feita uma limpeza completa do navegador!!!

Espero que goste,

JS


Última edição por JScript em 10/01/14, 06:24 pm, editado 1 vez(es) (Razão : Funcionalidade em todas as versões!)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Categorias retrateis no chrome

Mensagem por generalshyguy em 10/01/14, 04:05 pm

Eu agradeço   Muito feliz  Muito feliz  Muito feliz  muito obrigado mesmo.
avatar

generalshyguy
Nível 2

Masculino
Inscrito dia : 27/12/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://conexaofederal.forumeiros.com

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

- Tópicos similares

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