Resposta rápida sem refresh

Qual é minha questão:
Ey.
Será possível colocar um code em que quando qualquer user comente a partir das respostas rápidas e clicar em 'Responder' a página não necessitar de Refresh e colocar só o Ajax a funcionar?

Aguardow'

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

eu creio que não terá como ;s

Penso que já vi..

Olá, tente esse

Código:

$(document).ready(function(){
$('body').before('<style>#editp {background: #F6F8FA;border: 1px solid #DCE2EC;margin: 3px;}#editp [name="subject"], #editp [name="topic_color"]{display:none}#editp textarea{height: 200px !important;margin: 3px;}#editp .frm-buttons {padding: 8px;}#editp .inputbox {display: inline-block;}</style>');
$('a[href*="mode=editpost"]').bind('click', function(){
edit = $(this).attr('href');
$('#editp').remove();
$(this).parents('.post').find('.post-entry').after('<div id="editp"><img src="http://activit.com.br/img/loading-transparent.gif"></div>');
$('#editp').hide().fadeIn();
$.get(edit, function(e){
var input = $('.frm-form .frm-input', e).html();
var textarea = $('.frm-form .frm-textarea', e).html();
var razao = $('.frm-form dl:contains("Razão") dd', e).last().html();
var buttons = $('.frm-form .frm-buttons', e).html();
var form = '<form onsubmit="return vB_Editor[\'text_editor\'].prepare_submit(0,0)" name="post" method="post" action="/post" class="frm-form" enctype="multipart/form-data">' + input + textarea + '<div class="frm-buttons">Razão para editar: ' + razao + '<br /><br />' +buttons +'</div></form>';
$('#editp').html(form);
});
jQuery('html,body').animate({scrollTop: jQuery('#editp').offset().top}, 800);
return false;
});
});

Javascript nos tópicos.

Abraços!

Igual amigo.

ferok escreveu:Igual amigo.

Qual foi o erro seu pedido não é muito explicativo.

Até!

Por exemplo, quando escreve uma mensagem cá nas respostas rápidas e envia, ele não precisa de fazer refresh na página nem nada do género, apenas vai logo para o post que fizemos no tópico.

Olá, veja ser resulta.
Crie um novo JavaScript com investimento nos sub-fóruns e adicione:

Código:

jQuery(document).ready(function(){
var forum=jQuery('a.nav[href*="/f"]:last').attr('href').split('/f')[1].split('-')[0];
jQuery('.paged-head.clearfix:eq(0)').append('<div class=tpc-content><p class=tpc-button><a href="#" style="color: white;">Tópico Rápido</a></p><form action="/post" class="frm-form" method="post" name="post" onsubmit="return vB_Editor[text_editor].prepare_submit(0,0)" enctype="multipart/form-data" id="form-tpc" style="display:none;"><div id="navigation_popup_inner" class="popupInner" style="width: 540px;"><h3>Postar novo tópico</h3><div class="ipsBox"><dl><dt class=text>Título:</dt><dd><input type="text" name="subject" value="" maxlength="255" title="O comprimento do título deste tópico deve estar entre 1 e 255 caracteres." onkeypress="if (event.keyCode==13){return false}" style="" placeholder="Título do tópico"></dd></dl><dl><dt class=text>Descrição:</dt><dd><input type="text" name="description" value="" maxlength="255" onkeypress="if (event.keyCode==13){return false}" placeholder="Descrição do tópico"></dd></dl><dl><dt class=text>Mensagem:</dt><dd><textarea name="message" class="message-tpc" placeholder="Mensagem do tópico"></textarea></dd></dl><input type="hidden" name="mode" value="newtopic"><input type="hidden" name="f" value="'+forum+'"><input type="hidden" name="lt" value="0"><input type="submit" name="preview" value="Pré-visualizar" tabindex="5" id="prever-tpc"> &nbsp;<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="enviar-tpc"><div id="new-tpc-close" class="popupClose clickable"><img src="http://i.imgur.com/0m7BOvG.png" alt="x"></div></div></div></form></div>');
jQuery('p.tpc-button').click(function(){
  jQuery('#form-tpc').fadeIn();return false;
  });
jQuery('#new-tpc-close').click(function() {
  jQuery('#form-tpc').fadeOut();
  });
});

Depois adicione ao css o seguinte:

Código:

#form-tpc {
position: absolute;
z-index: 1;
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
right: 271px;
width: 540px;
}
#form-tpc input[type="text"], #form-tpc textarea {
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
margin: 3px;
outline: none;
width: 97%;background: #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
color: #9F9F9F;
display: block;
font-size: 16px;
font-weight: 700;
padding: 5px;
text-shadow: white 0 1px 0;
}
#form-tpc textarea {
height: 100px;
}
#form-tpc input[type="text"]:focus, #form-tpc textarea:focus {
-moz-box-shadow: inset 0 0 4px #f7d5d5, #fdd 0 0 3px;
-webkit-box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
background-color: #FEFEFE;
border-color: #3FA6E4;
box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
color: #555;
outline: none;
}
.tpc-content {float: right;}
.text {
display: none;
}
.tpc-button a {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-block;
font-weight: 700;
line-height: 30px;
height: 30px;
min-width: 125px;
padding: 0 10px;
text-align: center;
color: white;
}
.tpc-button a:active {
position: relative;
top: 1px;
}

Até mais!

Ser gostou agradeça

Aqui está um script que acelera a postagem no seu fórum:

Código:

$(function(){
  $("form#quick_reply input[name='post']").click(function(){
      $('<iframe name="replyreload" height="0px" width="0px" frameborder="0"></iframe>').insertBefore('form#quick_reply');
      $('form#quick_reply').attr('target','replyreload');
      $('form#quick_reply').submit(function(){
      var t=setTimeout("fmreply()",100);
      });
  });
});
function fmreply(){
    window.location.reload();
}

Investimento em todas as páginas
Até!

Neste fórum isso acontece [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] não precisa de refresh na resposta rápida.

Olá caro Daemon, a resposta rápida está rápida sim, mas necessita na mesma de refresh à página (automático).

Pode ver como quero no seguinte fórum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Comente aí algo pela resposta rápida.
Obrigado.

up

Bump