Staff en línea

Página 3 de 4. Precedente  1, 2, 3, 4  Siguiente

[Javascript] Edita vía ajax (sin cambiar de página)
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Mar Feb 03, 2015 3:31 pm, editado 2 veces
Recuerdo del primer mensaje :


Antes de instalar este code, debes permitir el uso de formularios externos, desde tu PA


[hidecode]
Código:

 var sFE_oldMsg = '', oFE_msgID = 0, sFE_subject = '';
    $(function () {
        var sCSS = '' +
            '<style>' +
            '.input_submit.alt {' +
                'background: none repeat scroll 0 0 #E2E9F0;' +
                'border-color: #DAE2EA;' +
                'border-radius: 3px 3px 3px 3px;' +
                'border-style: solid;' +
                'border-width: 1px;' +
                'box-shadow: 0 1px 0 0 #EFF3F8 inset, 0 2px 3px rgba(0, 0, 0, 0.2);' +
                'color: #464646;' +
                'margin-left: 4px !important;' +
                'padding: 4px;' +
                'text-decoration: none;' +
            '}' +
            '.input_text, .fdfButton {' +
                'padding: 4px !important;' +
                'box-shadow: 0 1px 0 0 #EFF3F8 inset, 0 2px 3px rgba(0, 0, 0, 0.2);' +
            '}' +
            '.desc {' +
                'background-color: #F1F6F9;' +
                'padding: 9px;' +
                'color: #777777;' +
                'font-size: 11px;' +
            '}' +
            '</style>';
        document.head.insertAdjacentHTML('beforeEnd', sCSS);
        $('a[href*="mode=editpost"]').click(function (event) {
            event.preventDefault();
            var datahref = $(this).attr('href');
            var post_ID = datahref.split('p=')[1].split('&')[0];
            /* Forum versions! */
            var phpBB2 = $('#p' + post_ID).find('td .postbody div:eq(0)');
            var phpBB3 = $('#p' + post_ID).find('div.content');
            var punbb = $('#p' + post_ID).next().find('div.entry-content');
            var invision = $('#p' + post_ID).find('div.post-entry');
     
            if (phpBB2.length) {
                oFE_msgID = phpBB2;
            } else if(phpBB3.length) {
                oFE_msgID = phpBB3;
            } else if(punbb.length) {
                oFE_msgID = punbb;
            } else if(invision.length) {
                oFE_msgID = invision;
            };   
            fastEditMsg(post_ID);
        });
    });
    /***
    * Fast edit post!
    * Function: fastEditMsg(post_ID);
    */
    fastEditMsg = function(post_ID){
      if (isNaN(post_ID) || ($('#p' + post_ID).length == 0) ) {return false}
     
        sFE_oldMsg = oFE_msgID.html();
        var sHtml = '<div class="main-content topic">' +
            '<div class="post">' +
                '<div id="editor_' + post_ID + '">' +
                    '<textarea cols="9" id="text_editor_textarea_' + post_ID + '" name="message" onclick="storeCaret(this)" onkeyup="storeCaret(this)" onselect="storeCaret(this)" rows="15" style="width: 98%; height: 250px;" tabindex="3" wrap="virtual">' +
                    '\n\n\n\n\n\nCargando el post...</textarea>' +
                    '<div class="row2 desc">' +
                        'Reason for edit: <input type="text" value="" name="post_edit_reason_' + post_ID + '" id="post_edit_reason_' + post_ID + '" class="input_text" maxlength="250" size="35"> ' +
                        '<input type="checkbox" value="1" id="add_edit_' + post_ID + '" name="add_edit_' + post_ID + '" style="vertical-align: middle ! important;"> <label for="add_edit_' + post_ID + '"> \'Motivo de edición\'</label>' +
                    '</div>' +
                    '<fieldset class="submit" style="font-size: 13px !important; padding: 15px 6px; text-align: center; border: 0 none; background-color: #D1DDEA;">' +
                        '<input class="button2 fdfButton" name="post" tabindex="6" type="button" value="Guardar" onclick="fastEditSave(' + post_ID + ')"> ' +
                        '<a class="input_submit alt" href="/post?p='+ post_ID + '&mode=editpost">Editor avanzado</a>' +
                        ' or ' +
                        '<a class="cancel" title="Cancel" href="javascript:void(0);" onclick="fastEditCancel(' + post_ID + ');">Cancelar</a>' +
                    '</fieldset>' +
                '</div>' +
            '</div>' +
        '</div>';
        oFE_msgID.html(sHtml);
     
        var text_area = $('#text_editor_textarea_' + post_ID);
        text_area.val(sFE_oldMsg.replace(/<br\s?\/?>/g,"\n"));
        /* text_area.val(HtmlToBBCode(sFE_oldMsg)); */
     
        try
        {
            text_area.sceditor({
                locale: "pt",
                height: "250px",
                width: "auto",
                plugins: "bbcode",
                toolbar: "bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|servimg,image,link,youtube|size,color,font,removeformat|emoticon,date,time,maximize,source",
                parserOptions: {
                    /*breakAfterBlock: false,*/
                    /*removeEmptyTags: false, */
                    /*fixInvalidNesting: false,*/
                    /*fixInvalidChildren: false*/
                },
                style: "http://illiweb.com/rsc/85/frm/SCEditor/minified/$.sceditor.default.min.css",
                rtl: false,
                emoticonsEnabled: true,
                emoticonsCompat: true,
                emoticonsRoot: "",
                emoticonsURL: "/smilies.forum?f=9&mode=smilies_frame&t=1383011440"
            });
            text_area.sceditor("instance").toggleSourceMode();
            text_area.sceditor("instance").focus();
            $("a.sceditor-button-source").addClass("hover");
       
             
            var container = $('.sceditor-container');
            var ciframe = container.find('iframe');
            var ctextarea = container.find('textarea');
            ciframe.width(ciframe.width() - 9);
            ctextarea.width(ctextarea.width() - 9);
            $('.sceditor-resize-cover').show();
        } catch(e) { if( typeof(console) != 'undefined' ) { console.error(e); } } 
        $.get("/post?p=" + post_ID + "&mode=editpost", function(data) {
            sFE_subject  = $(data).find('input[name="subject"]').val();       
            var user_Msg = $(data).find('#text_editor_textarea[name="message"]').val(); 
            text_area.val(user_Msg);
            text_area.sceditor('instance').val(user_Msg);
        }).done(function(){
            $('.sceditor-resize-cover').hide();
        }).fail(function(){
            oFE_msgID.html(sFE_oldMsg);
            alert('Atención!\n\n ¡ocurrio un error!');
        });
        $('html,body').animate({
            scrollTop: $('#p' + post_ID).offset().top
        }, 1200);
    };
 
    fastEditCancel = function(post_ID){
        oFE_msgID.html(sFE_oldMsg);
        $('html,body').animate({
            scrollTop: $('#p' + post_ID).offset().top
        }, 400);   
    };
 
    fastEditSave = function(post_ID) {
      if (isNaN(post_ID) || ($('#p' + post_ID).length == 0) ) {return false}
     
        var text_area = $('#text_editor_textarea_' + post_ID);
        var edit_reason = '', send_txt = "Enviar";
        text_area.sceditor("instance").toggleSourceMode();
        var user_Msg = text_area.sceditor('instance').val();
        var sHtml = text_area.sceditor('instance').getSourceEditorValue();
     
        if($('#add_edit_' + post_ID).is(':checked')) {
            edit_reason = $('#post_edit_reason_' + post_ID).val();
        }
        oFE_msgID.html(sHtml);
        if (sHtml.indexOf('<code>') !== -1) {
            var tagCode = oFE_msgID.children('code');
            var sContent = tagCode.html();
            tagCode.before('<div class="punbbtop">Código        <button onclick="punbbExpand(this); return false;">expand</button><button style="display: none" onclick="punbbCollapse(this); return false;">collapse</button>  <button onclick="punbbSelect(this); return false;">select</button>  <button onclick="punbbPopup(this); return false;">popup</button>  <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;">?</button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
            tagCode.remove();
            $.getScript('http://balupton.github.io/$-syntaxhighlighter/scripts/$.syntaxhighlighter.min.js', function () {
                $.SyntaxHighlighter.init({
                    'wrapLines': false
                })
            })
        }
        $.post("/post", {
            p: post_ID,
            mode: 'editpost',
            subject: sFE_subject,
            message: user_Msg,
            edit_reason: edit_reason,
            attach_sig: '1',
            notify: "0",
            post: send_txt
        }).done(function(){
            /* */
        }).fail(function(){
            oFE_msgID.html(sFE_oldMsg);
            alert('Atenção!\n\n Ocorreu um erro ao salvar a edição do post, aguarde 10 segundos e tente editar novamente!');
        });
        $('html,body').animate({
            scrollTop: $('#p' + post_ID).offset().top
        }, 400);   
    }; 

[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

voy a ver que tal va esto
kyusenka
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

46


Puntos :

66


Me gusta :

12


ingreso :

22/03/2016


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Quiero ver, gracias por el a aporte!
LuluAlle
avatar

¿Que estoy pensando? :

Are you a pusher or are you a puller? [table class=fecha_up][td]Se modifico:21/8/15 - 11:57 hrs.[/td][/table]


Banner en temas :

http://fbcoversking.com/wp-content/uploads/2012/01/waves-of-colour-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

28


Puntos :

37


Me gusta :

9


ingreso :

13/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Quiero verlo, probando probando
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Me da curiosidad si este código funciona que al editar se actualiza el mensaje también sin recargar.
Redline
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

44


Puntos :

55


Me gusta :

7


ingreso :

13/09/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
@Redline escribió:[quotelink="/t226p20-javascript-edita-via-ajax-sin-cambiar-de-pagina#15187"]
Me da curiosidad si este código funciona que al editar se actualiza el mensaje también sin recargar.

esa es la idea
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

xD que cosas digo, buen trabajo
Redline
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

44


Puntos :

55


Me gusta :

7


ingreso :

13/09/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

probare el code si no es el mismo ya que al darle denuevo en editar, se jode un poquito ewe

EDIT, WOA funciona mejor que el antiguo codigo, gracias pero aun contiene errores ;V
MiyakeDev
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

30


Puntos :

32


Me gusta :

2


ingreso :

11/04/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
@MiyakeDev escribió:[quotelink="/t226p20-javascript-edita-via-ajax-sin-cambiar-de-pagina#16836"]
probare el code si no es el mismo ya que al darle denuevo en editar, se jode un poquito ewe

EDIT, WOA funciona mejor que el antiguo codigo, gracias pero aun contiene errores ;V

[info]Si contiene errores, por favor explicar cuales, para corregirlos. Gracias[/info]
Fibo
avatar

¿Que estoy pensando? :

Estamos en Open, Estamos en Familia [table class=fecha_up][td]Se modifico:1/02/17 - 19:06 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/R9vnOcf.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

409


Puntos :

617


Me gusta :

120


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
En efecto notifica que bug porque este es un código final sin Errores


Enviado desde mi iPhone
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

muchas gracias por el code
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

334


Puntos :

416


Me gusta :

76


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.