FREEDOM DESIGN

Liberdade de edição


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Pré-visualizar no Tópico em Sex Jan 25, 2013 8:31 pm

Membro

Olá, gostaria de saber se seria possivel inserir um botão que fique abaixo das respostas rapidas de meu fórum, no qual consiga fazer os usuarios prévisualizar o conteudo inserido dentro da caixa de resposta rapida.

Informações

Versão do Forum: PUNBB
Link do Fórum: http://narutosenso.forumeiros.com/forum

Atenciosamente, Seikon.

Ver perfil do usuário

2 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 8:38 pm

Membro

Olá,

Veja este tutorial

http://ajuda.forumeiros.com/t71335-

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

3 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 8:47 pm

Administrador

Olá,

Crie um novo código Javascript com o investimento marcado nos tópicos e com este código:
Código:
jQuery(document).ready(function(){jQuery('#quick_reply input[name="post"]').after(' <input type="submit" id="prev" value="Pré-visualizar no tópico">');jQuery('body').append('<div class="light" style="display:none"></div><div class="prev" style="display:none;"><h3 class="tituloprev">Pré-Visualizar</h3><div class="prevcontent"></div></div>');jQuery('#prev').click(function(mateusv){mateusv.preventDefault();jQuery.post('/post',{mode:'reply',t:jQuery('input[name="t"]:eq(0)').val(),message:jQuery('textarea[name="message"]:eq(0)').val(),preview:'CHUPARLIMAO'},function(q){

jQuery('.prev .prevcontent').html(jQuery('form[action="/post"] .main-content .post .postbody .post-entry .entry-content',q).html());
jQuery('.light,.prev').fadeIn();
});}); jQuery('.light').click(function(){jQuery(this).remove();jQuery('.prev').remove();});});

Feito isto adicione este código em seu CSS:
Código:
.prev {
    position: fixed;
    left: 40%;
    top: 20%;
    background: white;
    padding: 10px;
    border: 1px solid black;
    box-shadow: 2px 2px 7px black;
    z-index: 9999;
}
.tituloprev {
    padding: 3px;
    border-bottom: 1px solid black;
}
.prevcontent {
    padding: 20px;
    max-height: 450px;
    overflow: auto;
    overflow-x: hidden;
}
.light {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(97, 97, 97,.7);
    z-index: 9999;
    cursor: pointer;
}




Here comes the sun, here comes the sun,
And I say it's all right

Little darling, it's been a long cold lonely winter
Little darling, it feels like years since it's been here
Here comes the sun, here comes the sun
And I say it's all right



Ver perfil do usuário http://frdesign.probb.org

4 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 8:51 pm

Membro

Olá o botão realmente apareceu, mas ele só funcionou quando prévisualizei a primeira vez, depois que fechei a popup clicando fora dela e tentei prévisualizar novamente nada aconteceu.

Ver perfil do usuário

5 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 8:54 pm

Administrador

Olá,

Substitua o Javascript por este:
Código:
jQuery(document).ready(function(){jQuery('#quick_reply input[name="post"]').after(' <input type="submit" id="prev" value="Pré-visualizar no tópico">');jQuery('#prev').click(function(mateusv){mateusv.preventDefault(); jQuery('body').append('<div class="light" style="display:none"></div><div class="prev" style="display:none;"><h3 class="tituloprev">Pré-Visualizar</h3><div class="prevcontent"></div></div>'); jQuery.post('/post',{mode:'reply',t:jQuery('input[name="t"]:eq(0)').val(),message:jQuery('textarea[name="message"]:eq(0)').val(),preview:'CHUPARLIMAO'},function(q){

jQuery('.prev .prevcontent').html(jQuery('form[action="/post"] .main-content .post .postbody .post-entry .entry-content',q).html());
jQuery('.light,.prev').fadeIn();
});}); jQuery('.light').click(function(){jQuery(this).remove();jQuery('.prev').remove();});});




Here comes the sun, here comes the sun,
And I say it's all right

Little darling, it's been a long cold lonely winter
Little darling, it feels like years since it's been here
Here comes the sun, here comes the sun
And I say it's all right



Ver perfil do usuário http://frdesign.probb.org

6 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 8:56 pm

Membro

Agora depois que eu clico em prévisualizar a caixa de previsualizar continua na pagina, não da para fechar a popup. Seria possivel fazer um botão para fechar a popup?

Ver perfil do usuário

7 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 9:03 pm

Administrador

Substitua o CSS por este:
Código:
.prev {
    position: fixed;
    left: 40%;
    top: 20%;
    background: white;
    padding: 10px;
    border: 1px solid black;
    box-shadow: 2px 2px 7px black;
    z-index: 9999;
}
.tituloprev {
    padding: 3px;
    border-bottom: 1px solid black;
}
.prevcontent {
padding: 20px;
max-height: 450px;
overflow: auto;
max-width: 500px;
}
.light {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(97, 97, 97,.7);
    z-index: 9999;
    cursor: pointer;
}

#close {
    padding-left: 60px;
}

E o Javascript por este:
Código:
function fecharprev(){jQuery('.light').remove();jQuery('.prev').remove();}jQuery(document).ready(function(){jQuery('#quick_reply input[name="post"]').after(' <input type="submit" id="prev" value="Pré-visualizar no tópico">');jQuery('#prev').click(function(mateusv){mateusv.preventDefault(); jQuery('body').append('<div class="light" style="display:none" onclick="fecharprev();"></div><div class="prev" style="display:none;"><h3 class="tituloprev">Pré-Visualizar<img src="http://i.imgur.com/H1MJk.png" id="close" onclick="fecharprev();"></h3><div class="prevcontent"></div></div>'); jQuery.post('/post',{mode:'reply',t:jQuery('input[name="t"]:eq(0)').val(),message:jQuery('textarea[name="message"]:eq(0)').val(),preview:'CHUPARLIMAO'},function(q){

jQuery('.prev .prevcontent').html(jQuery('form[action="/post"] .main-content .post .postbody .post-entry .entry-content',q).html());
jQuery('.light,.prev').fadeIn();
});}); });




Here comes the sun, here comes the sun,
And I say it's all right

Little darling, it's been a long cold lonely winter
Little darling, it feels like years since it's been here
Here comes the sun, here comes the sun
And I say it's all right



Ver perfil do usuário http://frdesign.probb.org

8 Re: Pré-visualizar no Tópico em Sex Jan 25, 2013 9:09 pm

Membro

Olá sir, Os codigos finais que me passou resolveram o problema, agora vou personalizar o css.

Obrigado pela ajuda.

Ver perfil do usuário


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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