Postagens

jQuery - removendo opções de uma lista drop down

Uma dica rápida de Jquery. Para eliminar uma linha de uma lista select: $("option[value='2']").remove(); onde value está relacionado a 'value' do markup: <select name="lista" size="10"> <option value="0">Rio de Janeiro</option> <option value="1">São Paulo</option> <option value="2">Salvador</option> </select> ou se existirem outros níveis de selecionadores: $("#identificador option[value='2']").remove(); Abraço
Postar um comentário
Leia mais

Angular.js - Trabalhando com classes e estilos CSS de modo mais limpo

Imagem
O Angular traz modos interessantes de se trabalhar com estilos CSS, tornando mais automatizadas e limpas certas operações e interação cliente/aplicação. Vamos aproveitar para ver um pouco sobre diretivas do Angular também. As diretivas são propriedades inseridas nas Tags que nos ajudam a trabalhar com as interações do usuário. O Angular.js possui inúmeras diretivas que substituem a prática muito utilizada no Jquery de atribuir eventos a classes ou ids. Se no Jquery precisávamos ligar um evento a uma classe ou id e depois ligar estes a uma função para executar a operação desejada, no Angular.js isto é feito diretamente, atribuindo-se a função diretamente a um evento dentro da Tag desejada, sem a necessidade de utilizar outros tipos de truque. O exemplo abaixo considera dois diferentes modos de se trabalhar com classes e estilos. <html ng-app> <head> <title>Classes</title> <style> .menu-true { color: green; } .outro-estilo ...
Postar um comentário
Leia mais

Angular.js - Duas formas diferentes de imprimir valores

Imagem
Uma dica rápida sobre Angular são as formas de se imprimir valores no HTML de sua aplicação. A maneira mais "visual" é utilizando chaves duplas {{}}. O que for inserido dentro destas chaves duplas será considerado como uma variável e seu conteúdo, se este existir, será impresso. <html ng-app> <head> <title>Dois tipos de input</title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script> </head> <body ng-controller='TextController'> <h1>Exemplo</h1> <div> <p>{{content}}</p> </div> <script> function TextController($scope) { $scope.content = "Com chaves"; } </script> </body> </html> No exemplo acima {{content}} é uma variável. A função  TextController() seta o valor de content para  "Com chaves". Temos como saída: Exemplo Com ch...
2 comentários
Leia mais

Uma introdução ao Angular.js

Imagem
Pesquisando sobre novas tecnologias me deparei com o Angular JS , um projeto suportado pelo Google. A ideia do Angular JS é oferecer uma alternativa ao Jquery, Ember e outros frameworks. Esta pesquisa me levou também a muitos caminhos sem saída e desinformação. Para evitar que os leitores do blog também fiquem confusos resolvi fazer um post explicando o básico para iniciar no Angular JS. Bom, em primeiro lugar você não precisa de nenhuma configuração ou instalação no servidor. Trabalhar com Angular JS depende apenas da carga de um arquivo .js, que pode ser (aliás é recomendado) linkado diretamente do Google. É basicamente o mesmo procedimento que você faria para carregar a biblioteca do Jquery O serviço está disponível em: http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js Vamos a um exemplo bem básico, o cálculo de uma soma com Angular JS. Chamaremos este arquivo de angular.html: <html> <head> <script src="http://ajax.googleapis....
Postar um comentário
Leia mais

HTML5 - Quando usar article ou section?

É comum em algumas situações não sabermos se usamos um markup <article>  ou <section>  pois elas são um pouco ambíguas em alguns casos. Então o que fazer para escolher a melhor sintaxe ?  Usando   <article> article pode ser considerada uma especialização de section . Destina-se a conteúdo que possa estar dentro de sua própria tag sem outros níveis mais profundos. Um post de um blog ou o texto de um artigo pode ser inserido dentro de uma tag <article>. Outros exemplos de conteúdo que podem ser inseridos dentro da tag <article>: Vídeo e sua transcrição Notícias Comentários de um post Abaixo segue um exemplo de markup: <article> <h2><code>nav</code> Não é para <em>Todos</em> os Links</h2> <p>Embora <code>nav</code> várias vezes tenha links, isto não significa que <em>todos</em> os links de um site devam estar dentro de<code>nav</code>.</...
1 comentário
Leia mais

Juntando duas arrays sem perder os índices.

Algo que estava me irritando há alguns dias atrás era  a questão da junção de duas Arrays em uma única. A função array_merge() do PHP não era satisfatória pois perdia meus queridos indices, presentes nas duas arrays que queria juntar. Tão pouco queria fazer lambanças do tipo usar um foreach() para percorrer as arrays e criar uma nova. Foi então que descobri um método bem prático e simples, que quero passar para vocês. Ele consiste na simples operação de somar duas Arrays. Segue abaixo o exemplo: $equip = array('Computador', 'Impressora', 'Camera'); array (   0 => 'Computador',   1 => 'Impressora',   2 => 'Camera' ) $locais = array('local_1' => 'Escritorio', 'local_2' => 'Banheiro', 'local_3' => 'Sala') array (   'local_1' => 'Escritorio',   'local_2' => 'Banheiro',   'local_3' => 'Sala' ) $equip...
1 comentário
Leia mais

PHP - Detectando encode de string e convertendo com mb_detect_encoding

Uma dica rápida é a utilização de mb_detect_encoding() para a detecção do encode de uma string. <?php $str = 'Este é meu texto' echo mb_detect_encoding($str); Resultado: ASCII Vamos criar uma função para identificar e converter uma string: <?php function converte($string) { switch  (mb_detect_encoding($string))  { case 'ASCII': return $string; break; case 'UTF-8': return utf8_decode($string); break; } } echo converte('Este é meu texto'); Por hoje é só!
Postar um comentário
Leia mais