Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Personalização De Linhas No Forum Na Barra De Rolamento Da Tela
Hoje à(s) 08:10 am por Daniel Yan

» Sao Botoes Para Meu Rank Personalizados
Hoje à(s) 08:06 am por Daniel Yan

» Modificação na descrição do fórum
Hoje à(s) 04:14 am por HRRPG

» Logo para o Natal ;v
Hoje à(s) 01:53 am por Fou-Lu

» Avatar Sonic
Hoje à(s) 01:48 am por Fou-Lu

» Banner pro meu fórum
Hoje à(s) 01:37 am por Fou-Lu

» Preciso de ranks para SAMP
Hoje à(s) 01:09 am por odelgado

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
187 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 184 Visitantes :: 2 Motores de busca

Daniel Yan, Fou-Lu, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Adicionar mais categorias no código

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

Resolvido Adicionar mais categorias no código

Mensagem por IsmaelS. em 15/08/16, 12:30 am

Detalhes da questão


Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Estou a usar um .jS que a funcionalidade é pré-visualizar uma imagem dos tópicos específicos, só que eu queria adicionar mais categorias e não estou a conseguir apenas consegui uma, o código é este:
Código:
var a = "/f57-fontes"; var x = window.location.pathname;
if (x == a) {jQuery(function(){var sCSS='<style>'+'.bim_mainThumb {'+'opacity: 1;'+'visibility: visible;'+'max-width: none;'+'max-height: none;'+'width: 70%;'+'height: 70%;'+'display: block;'+'image-rendering: auto'+'}'+'.bim_thumbPreview {'+'float: right;'+'position: relative;'+'left: -20px;'+'margin-right: 20px;'+'z-index: 0;'+'overflow: hidden;'+'}'+'.bim_img_container {'+'height: 64px;'+'width: 128px;'+'}'+'.bim_thumbPreview span {'+'box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);'+'margin-left: 84px;'+'margin-top: -68px;'+'position: absolute;'+'visibility: hidden;'+'z-index: 2500;'+'}'+'.bim_thumbPreview:hover span {'+'z-index: 2500;'+'visibility: visible;'+'position: fixed;'+'top: 25%;'+'left: 45%;'+'padding: 25px;'+'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;'+'background-color: #090909'+'}'+'.bim_thumbPreview span img {'+'border: none;'+'max-width: 300px;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS);var sHtml='<a class="bim_thumbPreview">'+'<div style="padding: 1px; border: 1px solid #d5d5d5;">'+'<div class="thumbIMG">'+'<div class="bim_img_container" style="overflow: hidden; background-image: none;">'+'<img src="http://illiweb.com/fa/empty.gif" class="bim_mainThumb">'+'</div>'+'</div>'+'</div>'+'<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>'+'</a>';var oTarget=0,sFound='td:eq(2)',sInsert='',sCommon='a.topictitle',sOverflow='auto',sGetIMG='';var phpBB2=jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');var phpBB3=jQuery('.topiclist.topics.bg_none li:not(":empty")');var punbb=jQuery('.statused tr:not(":empty")');var invision=jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');if(phpBB2.length){oTarget=phpBB2;sInsert='div.topictitle';sGetIMG='.postbody:first div:eq(0) img'}else if(phpBB3.length){oTarget=phpBB3;sFound='dd.dterm';sInsert='div.topic-title-container';sOverflow='inherit';sGetIMG='.postbody:first .content img'}else if(punbb.length){oTarget=punbb;sFound='.tcl.tdtopics';sInsert='span.status';sGetIMG='.entry-content:first img'}else if(invision.length){oTarget=invision;sInsert=sCommon;sGetIMG='.post-entry:first img'};oTarget.each(function(index){var oFound=jQuery(this).find(sFound);if(oFound.length){var oInsert=oFound.find(sInsert);var sUrl=oFound.find(sCommon).attr('href');var ID='Udyat_'+index;oFound.attr('id',ID);oFound.css('overflow',sOverflow);jQuery(sHtml).insertAfter(oInsert);var elem=document.getElementById(ID);if(isInViewPort(elem)){jQuery.get(sUrl,function(data){var oImg=jQuery(sGetIMG,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oFound.find('.bim_img_container img').attr('src',sImg);oFound.find('.previewIMG img').attr('src',sImg)}else{oFound.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}else{jQuery(window).on('scroll.'+sUrl,showImage(sUrl,elem,oFound,sGetIMG))}}})});function isInViewPort(elem){var rect=elem.getBoundingClientRect();return(rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth))}function showImage(event,elem,oBject,sString){return function(){if(isInViewPort(elem)){jQuery(window).off('scroll.'+event);jQuery.get(event,function(data){var oImg=jQuery(sString,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oBject.find('.bim_img_container img').attr('src',sImg);oBject.find('.previewIMG img').attr('src',sImg)}else{oBject.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}}}
}else {
  console.log('Não foi possível carregar a pré-visualização');
}

No ínicio do código está "/f57-fontes"; e queria adicionar mais categorias é possível? As categorias são estas: http://suportedesign.forumeiros.com/f45-recursos-graficos


Última edição por IsmaelS. em 15/08/16, 01:04 am, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Adicionar mais categorias no código

Mensagem por while em 15/08/16, 12:56 am

Olá, vamos por passos ok?
vamos ter que criar uma nova variável, ela se chamará Y , está vendo essa linha?
if (x == a)
Deixaremos assim:
if (x === a || x === y )

E em cima aqui:
var a = "/f57-fontes"; var x = window.location.pathname;
Trocaremos por isto:
var a = "/f71-renders-stocks";
var y = "/f45-recursos-graficos";
var x = window.location.pathname;

Simples não?
Ficaria assim o código já pronto:

Código:
var a = "/f71-renders-stocks";
var y = "/f45-recursos-graficos";
var x = window.location.pathname;
if (x === a || x === y ) {jQuery(function(){var sCSS='<style>'+'.bim_mainThumb {'+'opacity: 1;'+'visibility: visible;'+'max-width: none;'+'max-height: none;'+'width: 70%;'+'height: 70%;'+'display: block;'+'image-rendering: auto'+'}'+'.bim_thumbPreview {'+'float: right;'+'position: relative;'+'left: -20px;'+'margin-right: 20px;'+'z-index: 0;'+'overflow: hidden;'+'}'+'.bim_img_container {'+'height: 64px;'+'width: 128px;'+'}'+'.bim_thumbPreview span {'+'box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);'+'margin-left: 84px;'+'margin-top: -68px;'+'position: absolute;'+'visibility: hidden;'+'z-index: 2500;'+'}'+'.bim_thumbPreview:hover span {'+'z-index: 2500;'+'visibility: visible;'+'position: fixed;'+'top: 25%;'+'left: 45%;'+'padding: 25px;'+'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;'+'background-color: #090909'+'}'+'.bim_thumbPreview span img {'+'border: none;'+'max-width: 300px;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS);var sHtml='<a class="bim_thumbPreview">'+'<div style="padding: 1px; border: 1px solid #d5d5d5;">'+'<div class="thumbIMG">'+'<div class="bim_img_container" style="overflow: hidden; background-image: none;">'+'<img src="http://illiweb.com/fa/empty.gif" class="bim_mainThumb">'+'</div>'+'</div>'+'</div>'+'<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>'+'</a>';var oTarget=0,sFound='td:eq(2)',sInsert='',sCommon='a.topictitle',sOverflow='auto',sGetIMG='';var phpBB2=jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');var phpBB3=jQuery('.topiclist.topics.bg_none li:not(":empty")');var punbb=jQuery('.statused tr:not(":empty")');var invision=jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');if(phpBB2.length){oTarget=phpBB2;sInsert='div.topictitle';sGetIMG='.postbody:first div:eq(0) img'}else if(phpBB3.length){oTarget=phpBB3;sFound='dd.dterm';sInsert='div.topic-title-container';sOverflow='inherit';sGetIMG='.postbody:first .content img'}else if(punbb.length){oTarget=punbb;sFound='.tcl.tdtopics';sInsert='span.status';sGetIMG='.entry-content:first img'}else if(invision.length){oTarget=invision;sInsert=sCommon;sGetIMG='.post-entry:first img'};oTarget.each(function(index){var oFound=jQuery(this).find(sFound);if(oFound.length){var oInsert=oFound.find(sInsert);var sUrl=oFound.find(sCommon).attr('href');var ID='Udyat_'+index;oFound.attr('id',ID);oFound.css('overflow',sOverflow);jQuery(sHtml).insertAfter(oInsert);var elem=document.getElementById(ID);if(isInViewPort(elem)){jQuery.get(sUrl,function(data){var oImg=jQuery(sGetIMG,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oFound.find('.bim_img_container img').attr('src',sImg);oFound.find('.previewIMG img').attr('src',sImg)}else{oFound.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}else{jQuery(window).on('scroll.'+sUrl,showImage(sUrl,elem,oFound,sGetIMG))}}})});function isInViewPort(elem){var rect=elem.getBoundingClientRect();return(rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth))}function showImage(event,elem,oBject,sString){return function(){if(isInViewPort(elem)){jQuery(window).off('scroll.'+event);jQuery.get(event,function(data){var oImg=jQuery(sString,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oBject.find('.bim_img_container img').attr('src',sImg);oBject.find('.previewIMG img').attr('src',sImg)}else{oBject.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}}}
}else {
  console.log('Não foi possível carregar a pré-visualização');
}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3106
Pontos Ativos : 4514

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar mais categorias no código

Mensagem por IsmaelS. em 15/08/16, 01:07 am

Resultou amigo e obrigado por explicar o processo! Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Adicionar mais categorias no código

Mensagem por Fraise em 15/08/16, 01:46 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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


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