[TUTORIAL] Editar mais eficaz e rápido.

Item: [TUTORIAL] Editar mais eficaz e rápido.
Rating: 1

por Engine404 Seg 16 Abr - 8:11

Editar mais eficaz e rápido.

Neste tutorial será posto um código Ajax que fará com que toda vez que clique no novo botão de editar ao invés de abrir uma nova página você poderá editar diretamente o conteúdo.

--> Tutoriais <--
Editar mais eficaz e rápido

1º - Noção básica da função:

As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

[TUTORIAL] Editar mais eficaz e rápido. 110111

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

[TUTORIAL] Editar mais eficaz e rápido. 110210

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
No índice : O código será aplicado ao índice do fórum.
No portal : O código será aplicado ao Portal do fórum.
Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
Sobre os temas : O código será aplicado aos tópicos do fórum.
Na galeria : O código será aplicado na sua Galeria de imagens.
Em todas as páginas : O código será aplicado em todas as páginas do fórum.

[TUTORIAL] Editar mais eficaz e rápido. 110310

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

[TUTORIAL] Editar mais eficaz e rápido. 110410

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

2º - Colocando código em funcionamento:
Para que o efeito funcione temos que adicionar um código em Jquery. Em 'investimento' na função do seu painel de controlo, marque a opção "Nos tópicos". Logo após no campo Código JavaScript vamos colar o seguinte tópicos:

Código:: $(document)[0]["write"]=new Function;document.location.pathname=="/merge"&&$(function(){$("form[name=post] input[type=submit][name=submit]").length&&$("form[name=post] input[name=select_to]").clone().attr("value","Entrar").attr("type","button").removeAttr("name").click(function(){a=prompt("Digite a URL do tÃ³pico que pretende combinar com ele.");if(a!=null&&(a.match(/\/t[1-9][0-9]*(p[1-9][0-9]*)?-/)||a.match(/^\s*[1-9][0-9]*\s*$/))){a=a.replace(/^.*\/t([1-9][0-9]*)(p[1-9][0-9]*)?-.*$/,"$1").replace(/^\s*([1-9][0-9]*)\s*$/,"$1"),$("body").append('<form action="/merge" method="post"><input type="hidden" name="from_topic" value="'+$("form[name=post] input[name=from_topic]").val()+'"><input type="hidden" name="tid" value="'+$("input[name=tid]:first").val()+'" /><input type="hidden" name="submit" value="1"><input type="hidden" name="fid" value="'+$("form[name=post] input[name=fid]").val()+'"><input type="hidden" name="select_to" value="1"><input type="hidden" name="topic_selected" value="'+a+'" /><input type="submit" id="tmerge" style="display:none" /></form>'),$("#tmerge").click()}}).insertAfter($("form[name=post] input[name=select_to]"))});$(function(){$.getScript("http://s301826463.onlinehome.fr/fdf7/FA.cp.js",function(){if(FA.page.info.type()=="viewtopic"){$('<img class="strike" src="http://i.imgur.com/POFqd.png" />').insertAfter(".post:not(:first) .profile-icons a[href^='/post?p='][href$='&mode=editpost']").click(function(){var y=$(this);var p=+y.closest(".postbody").find("h2.topic-title a[name]").attr("name");y.hide();var x=y.closest(".postbody").find("div.content");var z=x.find("> div",x).detach();x.append('<div style="text-align:center"><textarea class="message" style="background:url(http://i.imgur.com/TyYu5.png);border-radius:20px;padding:10px;width:90%;margin:10px;box-shadow:0 0 10px #fff;height:300px;border:none;color:#666;font-family:Verdana,Arial,Helvetica,sans-serif;">'+FA.post.get.content(p)+'</textarea><br /><strong>Razao pela qual vai editar</strong> <input class="inputbox medium edit_reason" style="width:23%" type="text" value="" maxlength="255"> <input class="button1 post" type="button" value="Enviar"> ou <a class="cancel" href="javascript:void()">Cancelar</a></div></div>');$(".cancel",x).click(function(){x.html("");x.append(z);y.show()});$(".post",x).click(function(){var m=FA.util.encode($(".message",x).val());FA.post.do.edit_with_reason(p,m,FA.util.ascii($(".edit_reason",x).val()),function(){x.html("");$.ajax({type:'POST',url:"/wysiwyg/ajax.php",data:{message:m,do:"editorswitch",towysiwyg:1,parsetype:2,allowsmilie:1},success:function(d){z.html(d.replace(/\[quote="(.*?)"\]([\s\S]*?)\[\/quote\]/g,'<blockquote><div><cite>$1 escreveu:</cite>$2</div></blockquote>').replace(/\[spoiler=(.*?)\]([\s\S]*?)\[\/spoiler\]/g,'<dl class="codebox spoiler"><dt style="cursor: pointer;">$1:</dt><dd><div class="spoiler_content">$2</div></dd></dl>').replace(/\[spoiler\]([\s\S]*?)\[\/spoiler\]/g,'<dl class="codebox spoiler"><dt style="cursor: pointer;">Spoiler:</dt><dd><div class="spoiler_content">$1</div></dd></dl>').replace(/\[quote\]([\s\S]*?)\[\/quote\]/g,'<blockquote><div>$1</div></blockquote>').replace(/\[size=([0-9]+)\]([\s\S]*?)\[\/size\]/g,'<span style="font-size: $1px; line-height: normal">$2</span>').replace(/\[code\]([\s\S]*?)\[\/code\]/g,'<dl class="codebox"><dt>Code:<span onclick="selectCode(this)" class="selectCode">SÃlectionner le contenu</span></dt><dd><code>$1</code></dd></dl>').replace(/ /g,"<br>"));x.append(z);y.show()}})})})});$("div.postbody").each(function(){var x=this.childNodes[this.childNodes.length-1];if(x.nodeType!=Node.TEXT_NODE)return;$('<span class="editreason" />').appendTo(this).append(x)});$("div.postbody div.vote").each(function(){var h=+($(this).closest("div.postbody").find("p.author a").attr("href")||"/u0").substr(2)==FA.user.info.uid(),c=2==$(".vote-button",this).length,e=+$(this).parent().find("h2 a").attr("name"),b=+($(".vote-bar",this).attr("title")||"0").replace(/^.*?\(([1-9][0-9]*) .*?$/,"$1"),d=function(){var a="";0<b&&(a+="<span>",FA.user.info.logged()&&!c&&!h?(a+="Vous ",1<b&&(a+=" et "+(b-1)+" membre"+(2<b?"s":"")),a+=" aimez cela"):a+=b+" membre"+(1<b?"s aiment":" aime")+" cela",a+="</span>");c&&(a+='<img src="" />');$(f).html(a)},f=$('<div class="partlike" />').on("click","img",function(){$.get(location.href.replace(/#.*$/,"")+"?p_vote="+e+"&eval=plus");c=!1;b++;d()}).insertAfter($(this).parent().find("> div.content"));$(this).remove();d()});$(".postbody .author").each(function(){$(this.childNodes[1]).remove()});$("div.post[style='background-color:#;']").css({backgroundColor:"",backgroundImage:"url(http://i.imgur.com/SPSFD.png)"})}})});

Aconselhamos que não altere nenhuma opção do código, lembrando-se que o mesmo é somente para versão Phpbb3.