Staff en línea
Últimos temas
[beta] Previsualizar sin cambiar de página - Página 4 Origin10[html]Menú de enlaces simple
por Lelu Jue Nov 28, 2019 6:30 am

[beta] Previsualizar sin cambiar de página - Página 4 Origin10[html]Menú dinámico
por Lelu Jue Nov 28, 2019 6:11 am

[beta] Previsualizar sin cambiar de página - Página 4 Origin10[html]Escaparate de imágenes sencillo
por Lelu Jue Nov 28, 2019 6:02 am

[beta] Previsualizar sin cambiar de página - Página 4 Origin10[Duda] ModernBB vale la pena?
por mrsrz Miér Nov 27, 2019 9:57 am

[beta] Previsualizar sin cambiar de página - Página 4 Origin10[Ocio] Contemos hasta el 5000
por Fibo Miér Nov 27, 2019 9:19 am

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

[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

[beta] Previsualizar sin cambiar de página - Página 4 Captur20
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
Chalo

¿Que estoy pensando? :

saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/374/37476.png


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7036


Puntos :

9158


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Gracias por el code! Gran trabajo!
iRodrigo
iRodrigo

¿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 :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

145


Puntos :

178


Me gusta :

11


ingreso :

06/09/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://lucianomicle.foroactivo.com/

Volver arriba Ir abajo

 En la misma categoria


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