Combobox dinâmico com JSON e jQuery sem requisição AJAX

 
Combobox, DropDownList, Select, enfim, como queira chamar. Preparei um artigo mostrando como carregar os options de um select dinamicamente utilizando apenas JSON, sem chamadas Ajax. Utilizei apenas HTML e jQuery para mostrar o carregamento do DropDownList dinâmico de categorias e subcategorias baseado em dois…
Continue lendo
Por Cesar Cassiano Schimanco

HTML5 - Salvar imagem do Canvas com jQuery e C#

 
 
 
Objetivo do artigo: escrever um texto no canvas e salvar a imagem no servidor. HTML5 + canvas + JavaScript + web service + C# é o que será utilizado para desenhar e salvar uma imagem no servidor. O exemplo é simples, contém apenas um campo para digitar o texto e um botão para…
Continue lendo
Por Cesar Cassiano Schimanco

Erro "is not a function" - JavaScript / jQuery

 
Este problema acontece normalmente quando temos um arquivo global de funções e esquecemos de referenciar os plugins utilizados nele. Erros comuns: Esquecer de referenciar o plugin na página. Errar a URL do plugin. Carregar as funções antes do plugin. Então…
Continue lendo
Por Cesar Cassiano Schimanco

Calcular distância entre cidades - Google Maps JavaScript API V3

 
Utilize o formulário abaixo para descobrir a distância entre dois endereços. Se preferir acesse a página de demonstração Calcular distância entre cidades (mapas e rotas), maior e com mais exemplos.   function CalculaDistancia() { …
Continue lendo
Por Cesar Cassiano Schimanco

Traçar rotas com Google Directions API

 
 
 
Use o formulário abaixo para gerar a rota entre dois endereços. function CalculaRota() { var urlDirections = "http://maps.googleapis.com/maps/api/directions/json?origin={0}&destination={1}&mode=driving&language=pt-BR&sensor=false"; //Adicionar endereço de origem …
Continue lendo
Por Cesar Cassiano Schimanco

Ajax - chamar url externa com jQuery (JSONP)

 
Ao criar o artigo Retornar JSON com ASP.NET/C# e o artigo Calcular distância entre dois endereços – Google Maps API enfrentei algumas dificuldades para usar Ajax com URL externa. Devido à política de mesma origem, linguagens client-side, como o JavaScript só podem fazer…
Continue lendo
Por Cesar Cassiano Schimanco

Calcular distância entre dois endereços – Google Maps API

 
 
 
Use o formulário abaixo para descobrir a distância entre dois endereços.   function CalculaDistancia() { var urlDistancematrix = "http://maps.googleapis.com/maps/api/distancematrix/json?origins={0}&destinations={1}&mode=driving&language=pt-BR&sensor=false"; …
Continue lendo
Por Cesar Cassiano Schimanco

escape() do Javascript em C#

 
 
Basicamente o escape do javascript serve para codificar caracteres especiais e o unescape para decodificar. <script type="text/javascript"> alert(escape("escape em C#?")); //resultado: escape%20em%20C%23%3F alert(unescape("escape%20em%20C%23%3F")); …
Continue lendo
Por Cesar Cassiano Schimanco

Problema com botão ASP.NET no Fancybox

 
 
Ter um asp:button que abrirá em um Fancybox pode ser um problema. Você clica, clica e nada acontece. Bom, o problema é o seguinte, o Fancybox pega o <asp:Button /> e coloca fora da tag <form>. Como sabemos, no ASP.NET tudo fica dentro de um form, e se não tiver dentro…
Continue lendo
Por Cesar Cassiano Schimanco

Modo simples de exibir a resolução do View Port com jQuery

 
 Código Javascript $widthViewPort = $(window).width(); $heightViewPort = $(window).height(); $('.resolucao').text($widthViewPort+'x'+$heightViewPort); Código HTML <div class="resolucao"></div>  
Continue lendo
Por Donald Silveira

Upload de imagem, selecionar, cortar e salvar parte da foto com ASP.NET e javascript (jQuery + JCrop)

 
 
 
Imagine que seu cliente quer um SlideShow de imagens no site dele, igual ao que ele viu em outro site. Mas as imagens desse SlideShow são de 900x400 pixels, nesse caso, redimencionar as imagens não ficaria bom. Entao a solucao e que, quando o usuario faca o upload da imagem, ele já selecione a…
Continue lendo
Por Cesar Cassiano Schimanco

Detectar fechamento do browser com Javascript

 
<script type="text/javascript"> function evento() { alert('Test'); } window.onbeforeunload = evento; </script> É possível cancelar o fechamento retornando false na função evento. No Opera, essa função está…
Continue lendo
Por Bruno de Andrade

Operadores === e !== em Javascript

 
Em Javascript, os operadores "===" e "!==" tem a função de, além de comparar duas váriaveis por seus valores, comparar também o tipo de váriavel. Imagine duas váriaveis de tipos diferentes, uma com valor inteiro e outra caracter: var x =…
Continue lendo
Por Bruno de Andrade

Consumindo WebService com jQuery em ASP.NET C# (Ajax)

 
 
Exemplo bem simples de como consumir um WebService usando jQuery em ASP.NET. Abaixo o código de um WebService padão, gerado automaticamente pelo Visual Studio ao criar um novo WebService. Importante lembrar que por padrão o webservice vem com uma lina de código comentada, e é…
Continue lendo
Por Cesar Cassiano Schimanco