Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Ago 13, 2018 8:29 am

[CSS] Re diseña la toolbar
por lnymph Lun Ago 13, 2018 2:47 am

[ocio] Tus frases favotitas
por lnymph Lun Ago 13, 2018 2:29 am

[cine] ¿Cual es tu pelicula favorita?
por lnymph Lun Ago 13, 2018 2:20 am

[Ocio] ¿De que país sois?
por lnymph Lun Ago 13, 2018 2:17 am

Página 1 de 3. 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
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? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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

Oficialmente es factible para todas las versiones? o solo para phpbb3?
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.forumotion.com/

Volver arriba Ir abajo

staff
@mrsrz escribió:[quotelink="/t850-beta-preview-ajax#7511"]
Oficialmente es factible para todas las versiones? o solo para phpbb3?

sinceramente no lo se, no conozco los selectores de esa zona en punbb, pruebalo
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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

Voy a ver si funciona.
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.forumotion.com/

Volver arriba Ir abajo

Interesante. No hace la función correspondiente, pero tampoco hace la función predeterminada, es decir, el código en teoría si sirve, me imagino que solo se deben adaptar unas pequeñas cosas. "Estoy basando esto en una suposición" jaja, ahí veremos quien lo adapta y lo publica.
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.forumotion.com/

Volver arriba Ir abajo

[beta] Preview Ajax 
el Mar Oct 13, 2015 12:43 am
staff
[tag]mrsrz[/tag] pues como es mi code, yo lo adapto, ya quedo, solo si tu foro tiene los selectores de punbb, si están modificados no hay como yo los adivine
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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

staff
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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

Imagino que si es obvio, yo no he modificado los selectores. No que yo sepa. jaja
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.forumotion.com/

Volver arriba Ir abajo

staff
pero luego los skin que ponen vienen todos modificados
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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

staff
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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

 En la misma categoria


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