Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Criar uma categoria retrátil
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Criar uma categoria retrátil
Detalhes da questão
Endereço do fórum: http://digimonxd.forumeiros.com/
Versão do fórum: PunBB
Descrição
https://i.imgur.com/G8rm3lL.png
http://demo.purevb.com/vb4/images/styles/Luburox_Blue/buttons/collapse_tcat.png
queria saber se da pra colocar no lugar do meu que está bugada :V
maximiza tambem esta bugada
Re: Criar uma categoria retrátil
Bom dia.
Por favor, faça uma busca em nossa lista de tutoriais antes de criar sua dúvida!
https://ajuda.forumeiros.com/t23387-
https://ajuda.forumeiros.com/t23387-
Atenciosamente,
Shek
Por favor, faça uma busca em nossa lista de tutoriais antes de criar sua dúvida!
https://ajuda.forumeiros.com/t23387-
https://ajuda.forumeiros.com/t23387-
Atenciosamente,
Shek
Re: Criar uma categoria retrátil
Olá,
Não foi bem isso que eu pedi, mais vou explicar melhor está por exemplo quebrada a imagem queria por exemplo tipo aquela que eu descrevi ou outra.
Até
Não foi bem isso que eu pedi, mais vou explicar melhor está por exemplo quebrada a imagem queria por exemplo tipo aquela que eu descrevi ou outra.
Até
Re: Criar uma categoria retrátil
Crie um novo javascript com investimento no indice com esse codigo:
- Código:
$(function(){$('.main-head:has(.page-title)').prepend('<a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;"><img src="http://i.imgur.com/4WCA2ra.png" alt="" style="position: relative; top: -3px;"></a>');$('.main-head:has(.page-title)').mouseover(function(){$(this).find('a.collapse[id]').css('visibility','visible')});$('.main-head:has(.page-title)').mouseout(function(){$(this).find('a.collapse[id]').css('','')});$('.main-head a.collapse[id]').click(function(e){e.preventDefault()});$('.main-head a.collapse[id]').attr('onclick'," if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',0,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',0,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/4RJyNmp.png'); $(this).closest('.main-head').addClass('collapsed');}");$(document).ready(function(){$('.main-head a.collapse[id]').closest('.main-head').each(function(){if(my_getcookie($(this).find('.page-title').text()+'_ct')=='1'){$(this).next('.main-content:first').css('display','none');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4RJyNmp.png');$(this).closest('.main-head').addClass('collapsed')}else{$(this).next('.main-content:first').css('display','block');$(this).find('a.collapse[id] img').attr('src','http://i.imgur.com/4WCA2ra.png');$(this).closest('.main-head').removeClass('collapsed')}})})});
Re: Criar uma categoria retrátil
A Imagem está lá mais nao funciona, e a imagem quebrada permanece lá!
Re: Criar uma categoria retrátil
Isto é porque seu antigo js está ativo... exclua ou desative o seu JS por gentileza.
e deixe apenas o que te passei...
e deixe apenas o que te passei...
Re: Criar uma categoria retrátil
A Imagem foi retirada, mais nao está funcionando nao está subido e nem descendo;
Re: Criar uma categoria retrátil
Troque o JS por este:
Resultado:
obs: ficou com 2 botões,porque ta o que eu puis, pra demonstrar que funciona e o que já está no seu javascript...
- Código:
jQuery(document).ready(function(){var p=0,u='http://i.imgur.com/4WCA2ra.png',v='http://i.imgur.com/4RJyNmp.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});
Resultado:
obs: ficou com 2 botões,porque ta o que eu puis, pra demonstrar que funciona e o que já está no seu javascript...
Re: Criar uma categoria retrátil
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Criar uma categoria retrátil com JS
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos