javascript – Emídio Leite

Conheça o bootstrap-wysiwyg, um pequeno e opensource editor WYSIWYG

Bootstrap-wysiwyg, é um pequeno editor wysiwyg (5KB, e menos de 200 linhas). Trata-se de um plugin Bootstrap baseado em Jquery que torna uma DIV em um editor de texto com formatação, inspirado no CLEditor e bootstrap-wysihtml5.

Dentre suas funções e recursos alguns são muito interessantes, como:

Arrastar e solta arquivos e imagens para upload e reconhecimento de voz quando usado com o Chrome.

O seu uso é bastante simples

Use o identificador da DIV

$('#editor').wysiwyg();

Defina o estilo para sua DIV

#editor {overflow:scroll; max-height:300px}

Um exemplo básico de uma DIV

 <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
...
</div>

Mais detalhes da utilização podem ser encontrados em http://mindmup.github.io/bootstrap-wysiwyg/

ou na página do projeto no github

NumberFormat com JavaScript – Formatando Números com JavaScript

Quando trabalhamos com numerais sempre precisamos fazer a conversão do formato de números usados, pois a maioria dos bancos de dados usa a notação de .(ponto) para casas decimais e não usa nenhum separador para casa de milhar, por exemplo.

Notação brasileira:
$1.234,54

Notação  Americana, usada nos bancos de dados:

$1234.54

Algumas linguagens de programação já possuem funções nativas para tal conversão, no entanto o mesmo não ocorre com JavaScript, se você quer gravar algum dado no banco de dados como SQLITE isso pode ser um problema, já que a conversão será obrigatória.

Para essa tarefa podemos usar NumberFormat.js, que pode ser incluído na página para a formatação de números, com opção de formatação de tipo de moeda, percentual, grupamento de dígitos para casas decimais e de milhar com separadores customizáveis.

Como utilizar o .js:

Antes de tudo você deve fazer a inclusão do arquivo numberFormat154.js na sua página

<script type="text/javascript" src="numberFormat154.js"></script>

Agora basta instanciar um novo objeto JavaScript e definir os parâmetros necessários:

Um exemplo de conversão do formato em Real Brasileiro (R$) para a notação americana utilizada na maioria do bancos de dados:

var num = new NumberFormat();
num.setInputDecimal(',');
num.setNumber(valor.value); // valor.value é '1.000,24'
num.setPlaces('2', false);
num.setCurrencyValue('');
num.setCurrency(true);
num.setCurrencyPosition(num.LEFT_OUTSIDE);
num.setNegativeFormat(num.LEFT_DASH);
num.setNegativeRed(false);
num.setSeparators(false, ',', ',');
valor.value = num.toFormatted(); //valor.value é '1000.24'

Agora um exemplo inverso, de conversão da notação americana para R$

var num = new NumberFormat();
num.setInputDecimal('.');
num.setNumber(obj.value); // obj.value é '-1000.24'
num.setPlaces('2', false);
num.setCurrencyValue('');
num.setCurrency(true);
num.setCurrencyPosition(num.LEFT_OUTSIDE);
num.setNegativeFormat(num.LEFT_DASH);
num.setNegativeRed(false);
num.setSeparators(true, '.', ',');
obj.value = num.toFormatted(); //obj.value é '-1.000,24'

A página do projeto inclui um simulador de configurações de parâmetros que pode ser encontrado em: http://www.mredkj.com/javascript/numberFormatPage2.html

O pacote js pode ser baixado no seguinte enderenço:
http://www.mredkj.com/javascript/nfdocs.html#downloadit

Fechar uma aplicação com Phonegap e Javascript

Fechar uma aplicação android, ou criar um botão para fechar a aplicação se torna uma tarefa bastante simples quando utilizamos o framework de desenvolvimento Phonegap, se você não conhece recomendo fortemente ir até o site http://phonegap.com/ e dar uma olhada.

Basicamente ele permite o desenvolvimento multiplataforma em javascript/html, ou seja, ele permite que você desenvolva em javascript/html para basicamente qualquer plataforma existe no mercado, seja ela Android, iOS ou Windows Phone utilizando o mesmo código em qualquer uma dessas.

Phonegap nos permite usar o método: navigator.app.exitApp(); que pode se chamado a qualquer momento de dentro de uma função Javascript.

function exitFromApp(){
   console.log("Fechando Aplicação");
   navigator.app.exitApp();
}

Redirecionando entre páginas ou telas com Phonegap

O redirecionamento entre página com Phonegap é bastante simples e totalmente baseado em javascript, abaixo uma função e exemplo de utilização da mesma.

function callAnothePage(path)
{
window.location = path;
}

<a onclick="callAnothePage('tela2.html')" >Tela 2</a>