Compartilhe
Ir em baixo
avatar
Administrador
Mensagens : 441
Pontos : 11221
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Botão salvar post

em 21.12.15 10:01
Informações:
Autor: waghcwb
Funcionalidade: Todas as versões




Com este código é adicionado um botão ao lado do botão de pre visualizar para salvar o conteúdo da sua mensagem, podendo acessar ela posteriormente, mesmo depois de ter fechado o navegador

Acesse:
Painel de Controle Modulos Html e Javascript Gestão dos codigos javascript
E crie um novo Javascript com investimento nos topicos com esse codigo:

Código:
//<![CDATA[
"use strict";
var Forumeiros = (function(w, d) {

    var forumeiros = {

        init: function() {
            w.addEventListener("DOMContentLoaded", function() {

                var iframe = document.querySelector('.sceditor-container iframe'),
                    message = iframe.contentDocument.querySelector('body[dir="ltr"] div');

                forumeiros.before('[name="preview"]', '<input type="button" value="Salvar" class="button2 savePost">');

                forumeiros.click(".savePost", function() {
                    if (message.innerHTML != "") {
                        forumeiros.storage("set", "savePost", message.innerHTML);
                        if (message.innerHTML == forumeiros.storage("get", "savePost")) {
                            alert("Dados salvos com sucesso!");
                        };
                    }
                });

                if (forumeiros.storage("get", "savePost")) {

                    forumeiros.before('.savePost', '<input type="button" value="Recuperar" class="button2 getPost">');

                    forumeiros.click(".getPost", function() {
                        message.innerHTML = forumeiros.storage("get", "savePost");
                        if (message.innerHTML == forumeiros.storage("get", "savePost")) {
                            alert("Dados recuperados com sucesso!");
                            message.innerHTML = forumeiros.storage("get", "savePost");
                        }
                    });
                }

            });
        },

        click: function(element, fn) {
            return this.query(element).addEventListener("click", fn);
        },

        before: function(element, string) {
            return this.query(element).insertAdjacentHTML('beforebegin', string);
        },

        storage: function(type, key, value) {
            if (type === "set") {
                return w.localStorage.setItem(key, value);
            } else if (type === "get") {
                return w.localStorage.getItem(key);
            }
        },

        query: function(element) {
            for (var i = 0; i < d.querySelectorAll(element).length; i++) {
                return d.querySelectorAll(element)[i];
            }
        }

    };

    forumeiros.init()

}(window, document));
//]]>
avatar
Administrador
Mensagens : 441
Pontos : 11221
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Botão salvar post

em 21.12.15 10:14
Tutorial Aceito
Voltar ao Topo
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum