Problemas com ficha em lightbox

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

Resolvido Problemas com ficha em lightbox

Mensagem por samyaza em 27/01/14, 12:49 pm

Qual é minha questão:
Estava seguindo esse tutorial para criar uma ficha em lightbox:
clique aqui

O código aparentemente funciona, pois chega a aparecer uma janela, conforme a imagem:clique aqui

Porém, mesmo que eu preencha uma ficha, os dados não aparecem na janela, ficando apenas escrito "null".

Outro problema que percebi é que se eu retiro toda a codificação do java e do css e abro a ficha normalmente ela aparece completamente desorganizada conforme:
clique aqui

Porém, no painel de administrador e no momento em que a ficha é preenchida ela fica organizada, ela só aparece desorganizada durante a visualização.

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

Versão do fórum:
PUNBB


Última edição por samyaza em 28/01/14, 11:06 pm, editado 1 vez(es)
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por Shek em 27/01/14, 08:31 pm

Boa noite!

Isso ocorre porque este tutorial está disponível apenas para versões PhpBB3. Porém, teste este código JS e veja se o problema se resolve:
Código:
jQuery(document).ready(function() { jQuery('a[href^="/u"]').click(function(e) {e.preventDefault();  var link = jQuery(this).attr('href'), t = jQuery(this).find('strong').html(); jQuery.get(link + 'rpg',function(data) { var i = jQuery('#profile-advanced-details table tbody tr td.row1 tbody', data).html(); jQuery('body').prepend('<div id="prevBG"></div><div id="profile-tip">    <span id="close-profile"><img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/48/Alarm-Error-icon.png" /></span>        <strong><a href="' + link + ' rpgsheet">' + t + '</a></strong>' + i + '</div>');
 jQuery("#close-profile").click(function() { jQuery("#prevBG, #profile-tip").fadeOut(); });
 }); }); });
Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas com ficha em lightbox

Mensagem por samyaza em 28/01/14, 12:53 pm

Olá Shek,

testei o código mas infelizmente não funcionou, ainda aparece o "null".
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por Shek em 28/01/14, 12:59 pm

Clique no nome do usuário e veja se resulta. Piscada


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas com ficha em lightbox

Mensagem por samyaza em 28/01/14, 01:08 pm

Olá Shek, infelizmente o erro persiste.
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por samyaza em 28/01/14, 02:48 pm

Olá Shek, tive uma dúvida, é possível mudar a versão do forum sem alterar o layout dele (pelo menos não completamente)?

Talvez seja mais simples de resolver assim.
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por Gaaratsu em 28/01/14, 02:50 pm

Saudações meu caro!

Neste caso, queira checar por gentileza:
Cordiais saudações! Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por Shek em 28/01/14, 02:56 pm

Boa tarde!

Antes de mudar o tema, tente com este código:
Código:
jQuery(document).ready(function() { jQuery('a[href^="/u"]').click(function(e) {e.preventDefault();  var link = jQuery(this).attr('href'), t = jQuery(this).find('strong').html(); jQuery.get(link + 'rpg',function(data) { var i = jQuery('#profile-advanced-details .main-content', data).html(); jQuery('body').prepend('<div id="prevBG"></div><div id="profile-tip">    <span id="close-profile"><img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/48/Alarm-Error-icon.png" /></span>        <strong><a href="' + link + '">' + t + '</a></strong>' + i + '</div>');
 jQuery("#close-profile").click(function() { jQuery("#prevBG, #profile-tip").fadeOut(); });
 }); }); });
E seguida, tente com este CSS:
Código:
#profile-tip {
position: fixed;
top: 50%;
left: 30%;
background: white;
padding: 10px;
border: 1px solid black;
box-shadow: 0 0 50px black;
border-radius: 20px;
  z-index: 9999 !important;
}
#profile-tip .ipbform2{
max-width: 600px;
}
#profile-tip td.row1, #profile-tip td.catLeft {
  background: white;
}
#profile-tip .panel {
background: transparent !important;
}
#profile-tip  fieldset.left{
float: left !important;
}
#close-profile {
cursor: pointer;
padding: 5px;
position: absolute;
left: -15px;
top: -25px;
}
#prevBG{background:rgba(0, 0, 0, 0.31);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99!important}
Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas com ficha em lightbox

Mensagem por samyaza em 28/01/14, 07:26 pm

Ola Shek e Dokyo, muito obrigado pela ajuda até o momento.

Shek o codigo funcionou ficou apenas 3 "probleminhas":

1 - A fonte do texto é branco então quando abre a ficha as letras não aparece (só dá pra ver selecionando um trecho com o mouse).

2 - A posição onde a ficha está não permite a visualização completa, seria possível colocar ela "mais pra cima"?

3 - Acho que mesmo colocando pra cima, ainda vai faltar espaço para visualizar a ficha toda, será que é possível colocar uma barra de rolagem?
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por Shek em 28/01/14, 08:21 pm

Você tentou usar o CSS antigo? Talvez eu tenha feito algo desnecessário que foi editar o CSS. Use o antigo e veja se esses problemas técnicos são resolvidos. Piscada


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas com ficha em lightbox

Mensagem por samyaza em 28/01/14, 09:42 pm

Olá Shek, obrigado pela paciência, tentei o codigo antigo mas os problemas persistem.
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

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

Resolvido Re: Problemas com ficha em lightbox

Mensagem por Shek em 28/01/14, 10:24 pm

Boa noite!

Você pode pesquisar no seu CSS o seguinte código:
Código:
#profile-tip
Ao encontrar, substitua por esse:
Código:
#profile-tip {
position: fixed;
color: black !important;
top: 13% !important;
left: 30%;
background: white;
padding: 10px;
border: 1px solid black;
box-shadow: 0 0 50px black;
border-radius: 20px;
z-index: 9999 !important;
}
Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problemas com ficha em lightbox

Mensagem por samyaza em 28/01/14, 11:05 pm

Olá Shek, seu código resolveu o problema.

Muito obrigado pela ajuda e paciência.

Abraços!
avatar

samyaza
Nível 2

Masculino
Inscrito dia : 15/10/2013
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://vingadornegro.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