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

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

ASP.NET - Criar e Chamar WebMethod em página aspx via jQuery (Ajax)

 
 
 
Vai ai um exemplo simples de como criar um WebMethod dentro de uma página ASPX, mais precisamente na ASPX.CS. Além do WebMethod da aspx.cs, vou mostra também como chamar o WebMethod com jQuery. Default.aspx <script type="text/javascript"> $(document).ready(function () { … 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

Web service - Retornar JSON com ASP.NET/C#

 
 
 
Este é um exemplo de como trabalhar com JSON em C#. E com jQuery vou mostrar como consumir o webservice que vai retornar o JSON. Abaixo fiz um formulário com os campos "Palavra" e "Número de repetições". Estes dados serão enviados para um web service via… 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

Verificar se usuário já existe usando web service - ASP.NET

 
 
 
Muito comum ver cadastros de usuários onde é verificada a disponibilidade do nome de usuário no ato do preenchimento do formulário, ou seja, a página não recarrega, como no Gmail, Hotmail... Vou mostrar neste artigo como fazer a verificação do nome de… 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

Diferenciar linhas de tabelas usando jQuery + CSS

 
Diferenciar linhas de tabelas com alternância ( par / impar ) de cores usando de jQuery + CSS /** Código CSS **/ tr.odd {background-color:#c9c9c9;} // Código jQuery // para cada linha de coluna $("table tr").each(function () { // salva em variavel o indice da linha na… Continue lendo
Por Ivan da Silveira

Marcar/Desmarcar todos os checkboxs usando jQuery

 
Marcar/Desmarcar todos os checkboxs das linhas de uma tabela através de um checkbox de controle usando jQuery.   <!-- Código HTML: --> <table> <tr> <th> <input type="checkbox" /> </th> <th> Col… Continue lendo
Por Ivan da Silveira

Arrastar e soltar para ordenar itens em ASP.NET - AJAX (Drag and Drop)

 
 
 
Neste artigo vou explicar como reordenar imagens ao arrastar e soltar usando ASP.NET + AJAX e salvar a nova ordenação no banco de dados. Nada mais simples que arrastar e soltar, certo?  Download do código… Continue lendo
Por Cesar Cassiano Schimanco

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