Fast Edit - Editor de mensagens rápido v1.0 |
Créditos: JScript Nota: Versão beta, fase de implementação. |
1º - Editando Templates
Aceda em:
Painel de Controle
Visualização -> Templates -> Geral
Selecione o template Viewtopic_body, procure pela div class="postfoot" e substitua o conteúdo dela
pelo código abaixo:
- Código:
<div class="postfoot">
<div class="user-contact">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} <span id="edit_{postrow.displayed.U_POST_ID}">{postrow.displayed.EDIT_IMG}</span> {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
<!-- Editar mensagem -->
<script type="text/javascript">
//<![CDATA[
$('#edit_{postrow.displayed.U_POST_ID} > a').attr('onclick', 'edit_message(\'message_{postrow.displayed.U_POST_ID}\', \'{postrow.displayed.U_POST_ID}\');return false');
var postmsg = $('#message_{postrow.displayed.U_POST_ID}').html();
//]]>
</script>
</div>
- Código:
<div id="message_{postrow.displayed.U_POST_ID}" style="margin-top: 10px; font-size: 14px; color: rgb(40, 40, 40);">
{postrow.displayed.MESSAGE}
</div>
<iframe name="iframe_{postrow.displayed.U_POST_ID}" height="0px" width="0px" frameborder="0"></iframe>
- Código:
<script type="text/javascript">
//<![CDATA[
/* Editar mensagem */
function edit_message(topic_ID, post_ID){
/* This load and read all form fields ¯| */
$('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() {
var msgID = $('#' + topic_ID);
msgID.find('.main-head.clearfix').remove();
msgID.find('.frm-set.multi > dl').hide();
msgID.find('#textarea_content dt:last').show();
msgID.find('.frm-set.multi').css('border-bottom', '0px');
msgID.find('.frm-set > dl').hide();
msgID.find('.frm-buttons').css('border-top', '0');
msgID.find('.main').hide();
msgID.find('.frm-form').attr('target','iframe_edited' + post_ID).submit(function(){var time=setTimeout("edited()",1000);});
msgID.find('input[name=post]').css('margin-left', '-225px');
msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar');
});
$('html,body').animate({
scrollTop: $('#post_' + post_ID).offset().top
}, 1200);
}
function edited(){window.location.reload()}
//]]>
</script>
2º - Resultado
Link para visualização: http://jscript.forumeiros.com/
PunBB Forumeiros
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Fast Edit - Editor de mensagens rápido v1.0 |
Última edição por JScript em Ter 20 Ago 2013, 4:38 pm, editado 6 vez(es)