Staff en línea

Página 2 de 4. Precedente  1, 2, 3, 4  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

[beta] Previsualizar sin cambiar de página - Página 2 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 :

7038


Puntos :

9160


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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
mrsrz

¿Que estoy pensando? :

Que aburrición... [table class=fecha_up][td]Se modifico:6/11/19 - 19:51 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 :

438


Puntos :

618


Me gusta :

66


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
bueno recomiéndanos [beta] Previsualizar sin cambiar de página - Página 2 569027737 y no distribuyas el code es todo lo que pido
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 :

7038


Puntos :

9160


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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
mrsrz

¿Que estoy pensando? :

Que aburrición... [table class=fecha_up][td]Se modifico:6/11/19 - 19:51 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 :

438


Puntos :

618


Me gusta :

66


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


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

7038


Puntos :

9160


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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
mrsrz

¿Que estoy pensando? :

Que aburrición... [table class=fecha_up][td]Se modifico:6/11/19 - 19:51 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 :

438


Puntos :

618


Me gusta :

66


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


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 [beta] Previsualizar sin cambiar de página - Página 2 569027737

que codigos HTML? acepta todo lo que el foro haga
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 :

7038


Puntos :

9160


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

7038


Puntos :

9160


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

me gusta, parece muy practico
Ysamar
Ysamar

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

78


Me gusta :

10


ingreso :

28/11/2015


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

me gusta. Gracias
fascicularia
fascicularia

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

#576d00


Sombra titulo :

1px 1px 1px #fff


Mensajes :

236


Puntos :

281


Me gusta :

29


ingreso :

20/01/2016


Sexo :

Femenino

Plataforma :

PhpBB2


Navegador :

Opera


Volver arriba Ir abajo

posteo para ver code
Andreii
Andreii

¿Que estoy pensando? :

Regresando a Open ^^ [table class=fecha_up][td]Se modifico:14/08/18 - 10:52 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 :

145


Puntos :

171


Me gusta :

22


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

 En la misma categoria


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