Bootstrap 3 Alert Dialog

Postado em 18 de março de 201418 de março de 2014 por Jean C Becker

Para exibir uma caixa de alerta customizada no bootstrap 3 utilize o código abaixo: JS [javascript] var jbkrAlert = (function () { var criarModal = function () { var modal = $(‘<div class="modal modal-alerta"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"></div></div></div></div>’); modal.modal(‘show’).on(‘hidden’, function () { $(‘.modal-alerta’).remove(); }); } var exibirAlerta = function (titulo, mensagem) { criarModal(); var conteudo =[…]

Loading Plugin Bootstrap 3

Postado em 12 de março de 201418 de março de 2014 por Jean C Becker

Função para exibir uma imagem de loading compatível com o bootstrap. JS [javascript] var jbkrAlerta; jbkrAlerta= jbkrAlerta || (function () { var pleaseWaitDiv = $(‘<div class="modal fade bs-example-modal-sm" id="modalLoading" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"><div class="modal-dialog modal-sm jbkr-loading"><p>Aguarde …</p><img src="data:image/gif;base64,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" /></div></div>’); return { show: function () { pleaseWaitDiv.modal(); }, hide: function () { pleaseWaitDiv.modal(‘hide’); }, }; })(); [/javascript][…]

Javascript – Verificar se Objeto é Array

Postado em 22 de dezembro de 201024 de agosto de 2011 por Jean C Becker

Ótimo método para verificar se um objeto é array ou não. [code language=”javascript”] function isArray(o){ return(typeof(o.length)==”undefined”)?false:true; } [/code]

HTML / Javascript – Formatar campos data (dd/mm/yyyy)

Postado em 7 de dezembro de 201024 de agosto de 2011 por Jean C Becker

Estou postando mais dois códigos bem úteis para controle de campos html com javascript, as funções abaixo facilitam a digitação de campos do tipo data para o usuário, a primeira função faz a inserção automática das barras “/” enquanto a data é digitada, e a segunda função verifica se a data digitada é uma data[…]

HTML / Javascript – Função startsWith()

Postado em 6 de dezembro de 201024 de agosto de 2011 por Jean C Becker

Bom dia pogrameiros, ja precisou utilizar a função startsWith em funções javascript ? Então acredito que tenha percebido que terá que criar sua própria rsrs, para facilitar o trabalho estou postando a que utilizo nos meus códigos, espero que seja útil. [code language=”javascript”] function startsWith(texto,prefixo){ return texto.match(“^”+prefixo)==prefixo; } [/code]

Html / Javascript – Permitir inserir apenas números

Postado em 4 de dezembro de 201024 de agosto de 2011 por Jean C Becker

Bom dia =D Hoje resolvi postar um script que faz a restrição de inserção em campos html do tipo input text, com esse script ativado o usuário pode apenas digitar números. [code language=”javascript”] //tam = Tamanho do campo //fld = input //e = evento function ConsisteNumerico(tam, fld, e) { var key = ”; var i[…]