Staff en línea

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

[beta] Previsualizar sin cambiar de página
Tema iniciado por y Añadir a favoritos

[beta] Previsualizar sin cambiar de página 
el Lun Oct 12, 2015 6:48 pm
staff


Última edición por Chalo el Vie Sep 01, 2017 1:14 pm, editado 14 veces
Recuerdo del primer mensaje :

Bueno, usaba un code de LGForum para Open, después de probar de muchas formas hice el mío:
[bkg position="center center"]https://i.servimg.com/u/f21/18/99/60/36/captur20.png [/bkg]
Actualizado:Octubre 2016
Ajax Preview 1.5 para todas las versiones

Todas las versiones

Código:

console.log('//-Written by Chalo ------ Open Source 2014-2016 -----//');
console.log('//--------- http://www.opensourcephpbb3.com ----------//');
console.log('//------------------- Version: 1.6 -------------------//');
var preview = {
    lang: {
        no_message: 'There is nothing written in the editor',
        loading: 'Loading...'
    },
    init: function () {
        preview.form = document.forms.post;
        preview.button = preview.form.preview;
        preview.button_val = preview.button.value;
        preview.sceditor = $(preview.form.message).sceditor('instance');
        this.click();
    },
    click: function () {
        preview.button.addEventListener('click', function (e) {
            e.preventDefault();
            preview.go(this);
            preview.sceditor.updateOriginal();
            this.value = preview.lang.loading;
            this.style.background = 'red';

        },false);
    },
    html: function (i) {
        var a = document.createElement('div'),
            b = document.createElement('div'),
            c = document.createElement('span'),
            d = document.createElement('a'),
            e = document.createElement('img');
        a.id = 'overlay';
        a.style.cssText = 'display:block;position:fixed;top:0;left:0;min-height:101%;width:100%;background-color:#000;opacity:.7;z-index:999';
        b.id = 'preview_content';
        b.style.cssText = 'background:#fff;left:15%;position:fixed;top:10%;width:70%;height:65%;overflow:auto;z-index:999;box-shadow:10px 10px 40px black;border-radius:3px;font-size:1.2em;padding:10px;font-family:Arial;text-shadow:0 1px 1px white;color:#666;';
        c.id = 'inner_ajax';
        c.innerHTML = i;
        d.id = 'close';
        d.style.cssText = 'float:right;cursor:pointer;';
        d.setAttribute('onclick' , 'preview.close(this)');
        d.appendChild(e);
        e.src = 'http://illiweb.com/fa/prosilver/icon_post_delete.gif';
        document.body.appendChild(a);
        b.appendChild(d);
        a.parentNode.insertBefore(b, a.nextSibling);
        b.appendChild(c);

    },
    XML: function (a, b, f) {
        var c;
        c = window.XMLHttpRequest ? new XMLHttpRequest : window.ActiveXObject && (new ActiveXObject('Microsoft.XMLHTTP'));
        'undefined' != typeof a ? c.open('POST', b) : c.open('GET', b, true);
        c.responseType = 'document';
        c.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        c.send('undefined' != typeof a ? a : '');
        c.onreadystatechange = function () {
            this.readyState == 4 && this.status == 200 && (f(this));
        };
    },
    go: function (c) {
        if (0 != this.sceditor.val()) {
            var o, i,
            URL = /\/?t\d+.*/.test(window.location.pathname) ? '/post?t=' + document.forms.post.t.value + '&mode=reply' : /\/post/.test(window.location.pathname) && document.location.href,
                texto = this.sceditor.val();
            this.XML('message=' + encodeURIComponent(texto) + '&preview=Preview', URL, function (x) {
                o = x.responseXML;
                i = o.getElementsByClassName('postbody')[0].innerHTML;
                preview.html(i);
                c.value = preview.button_val;
                c.style.background = ''
            })
        } else {
            alert(preview.lang.no_message);
            c.value = preview.button_val;
            c.style.background = ''
        }
    },
    close: function (c) {
        var a = c.parentNode,
            b = a.previousElementSibling;
        b.parentNode.removeChild(b);
        a.parentNode.removeChild(a);
    }
};
document.addEventListener('DOMContentLoaded', function () {
    (/\/?t\d+.*/.test(window.location.pathname) || /\/post/.test(window.location.pathname) && document.forms.post) && preview.init()
}, false);



Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Efectivamente, como comente... Era cuestión de adaptar a punbb, funcionando al 100%. 3 Foros hasta ahora con este extraordinario código.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
bueno recomiéndanos y no distribuyas el code es todo lo que pido
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Yo diría que esto ya no es un código beta. Sugiero ponerlo en los Tutoriales en donde corresponde estar.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
@mrsrz escribió:[quotelink="/t850p10-beta-preview-ajax#7522"]
Yo diría que esto ya no es un código beta. Sugiero ponerlo en los Tutoriales en donde corresponde estar.

aún le voy a hacer modificaciones, la sección beta, son todos mis aportes de 0 en open, por lo que voy desarrollando, mejorando, cuando estén listos, o completos, se pondrá en el post inicial pero permanecerán aquí, para distinguirlo de los codes que hice en otros foros, o los que adapte, o solo copie
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Si, por supuesto es comprensible. Faltaría:

*Variante de salida (la equis en la esquina)
*Aceptar mas codigos html

y algunas otras cosas que tu como adaptador deberías saber muy bien.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
@mrsrz escribió:[quotelink="/t850p10-beta-preview-ajax#7526"]
Si, por supuesto es comprensible. Faltaría:

*Variante de salida (la equis en la esquina)
*Aceptar mas codigos html

y algunas otras cosas que tu como adaptador deberías saber muy bien.

la salida es dando click en la sombra

que codigos HTML? acepta todo lo que el foro haga
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [beta] Previsualizar sin cambiar de página 
el Miér Oct 14, 2015 10:26 am
staff
[warning]Actualizado para phpBB3: ahora funciona en el editor rápido[/warning]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

me gusta, parece muy practico
Ysamar
avatar

¿Que estoy pensando? :

jjp´j [table class=fecha_up][td]Se modifico:10/05/18 - 19:04 hrs. [/td][/table]


Banner en temas :

http://descargarimagenestiernas.com/wp-content/uploads/2015/07/imagenes-tiernas-con-frases-para-descargar-3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

68


Puntos :

76


Me gusta :

8


ingreso :

28/11/2015


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

me gusta. Gracias
fascicularia
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://davesgarden.com/guides/pf/thumbnail.php?image=2006/10/11/Calif_Sue/aad8bf.jpg


Color de titulos :

green


Sombra titulo :

1px 1px 1px #fff


Mensajes :

184


Puntos :

219


Me gusta :

23


ingreso :

20/01/2016


Sexo :

Femenino

Plataforma :

PhpBB2


Navegador :

Opera


Ver perfil de usuario

Volver arriba Ir abajo

posteo para ver code
Andreii
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://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

142


Puntos :

165


Me gusta :

19


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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