• 12Mar

    Classe utils.js com utilidades para o dia a dia (para ser usada com jquery)

    Javascript, Jquery 0 Comentários

    Olá pessoal, a muito tempo venho tentando monta uma classe em javascript para ser usada com jquery com as coisas que eu mais uso no meu dia a dia.

    Nessa classe inclui funções úteis como, modal, debug crossbrowser, contador, accordion, etc.

    Vocês devem estar se perguntando, “mas para que fazer uma classe se já existe ‘N’ plugins assim”, a resposta é simples, Os plugins as vezes vem com muita coisa que não usamos, e as vezes temos que usar 2 ou 3 plugins para realizar uma tarefa simples.

    A intenção desta classe é unir as funções mais úteis em um arquivo pequeno, e que vá direto ao ponto, sem muito enfeite.

    Se você quiser saber mais desta classe é só acessar:

    http://larodiel.com/tools/javascript/utilsclass/

    Lá você encontrará a documentação completa e o arquivo JS para download.

    Apesar de simples a classe é muito eficiente para quem quer economizar tempo com funções “bestas”.

    É isso pessoa, qualquer dúvida sugestão ou crítica é só entrar em contato.

    Tags: , , ,

  • 17Oct

    Placeholder crossbrowser com jquery

    Jquery 1 Comentário

    Olá pessoal,

    muita gente já ouviu falar do atributo ‘placeholder’ inserido no HTML 5, ele é um excelente atributo e evita a utilização de javascript para um coisa simples (apagar o texto dos inputs).

    A desvantagem é que nem todos os browsers aceitam esse atributo, bom, abaixo vou colocar uma função em jquery que fará com que o placeholder funcione em todos os browser.

    $("input[type=text], textarea").live("focusin focusout", function(e) {
		if(e.type == "focusin") {
			if($(this).val() == $(this).attr("placeholder")) {
				$(this).val("");
			}
		}
		if(e.type == "focusout") {
			if($(this).val() == "" || $(this).val() == $(this).attr("placeholder")) {
				$(this).val($(this).attr("placeholder"));
			}
		}
});

    o código acima zera o input/textarea caso ele seja igual ao valor inicial, se o input/textarea for vazio ele devolve o placeholder inicial.

    abaixo o código HTML para o funcionamento do script

    <input type="text" name="teste" placeholder="Insira um texto" value="Insira um texto" />

    O atributo ‘value’ é obrigatório para o funcionamento da função, pois ele servirá para os browsers que não possuem suporte para o atributo placeholder executar a função.

    OBS: o valor do atributo ‘value’ deve ser igual ao do ‘placeholder’.

    abaixo o link com um exemplo

    http://goo.gl/ga9JN

    Tags: , ,

  • 26Apr

    Campanha Atualize seu Browser

    Uncategorized 0 Comentários

    O site da iMasters lançou uma campanha para atualização dos browser antigos pelos mais rescentes, pois o Internet Explorer 6.0 (lançado em 2001) ainda participa de 34% do mercado de navegadores*. É um browser que não acompanha o estágio atual da Internet, possui falhas de segurança e limita todo o potencial de uma Internet melhor para todos nós.

    Se você estiver vendo a faixa da campanha logo abaixo, é sinal que você precisa se atualizar, e participar da web 2.0.

  • 26Apr

    Validação de formulario com Jquery

    Jquery 1 Comentário

    Olá pessoal, comecei a usar Jquery esses dias e já notei a enorme facilidade de criar bons efeitos com pouco código.

    Como a maioria das páginas que não possuem validação por AJAXsão validadas com javascript resolvi postar um plugin do Jquery aqui pra vocês com o passo a passo.

    Primeiro faça o download da versão mais rescente do Jquery no site oficial http://jquery.com/

    Feito isso vamos fazer o download do plugin jQuery plugin: Validation no site http://bassistance.de/jquery-plugins/jquery-plugin-validation/

    Agora dentro do <head></head>, vamos colocar a biblioteca Jquery e o plugin Validation com o segunte código.
    Agora Criaremos uma pequena regra CSS para estilizar as mensagens de error.

    <style type="text/css">

* { font-family: Verdana; font-size: 96%; }
label { display: block; margin-top: 10px; }
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
p { clear: both; }
.submit { margin-top: 1em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

</style>

    Depois de adicionar o Jquery e o Plugin, ainda dentro de <head></head> vamos adicionar as instruções para a validação do nosso formulário.


    <script type="text/javascript">
$(document).ready( function() {
$("#formularioContato").validate({
// Define as regras
rules:{
campoNome:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
campoEmail:{
// campoEmail será obrigatório (required) e precisará ser um e-mail válido (email)
required: true, email: true
},
campoMensagem:{
// campoMensagem será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
}
},
// Define as mensagens de erro para cada regra
messages:{
campoNome:{
required: "Digite o seu nome",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
campoEmail:{
required: "Digite o seu e-mail para contato",
email: "Digite um e-mail válido"
},
campoMensagem:{
required: "Digite a sua mensagem",
minLength: "A sua mensagem deve conter, no mínimo, 2 caracteres"
}
}
});
});

</script>

    E agora nosso formulário em HTML.


    <form id="formularioContato" method="post" action="">
<label>Nome</label>
<input name="campoNome" type="text" value="" />
<label>E-mail</label>
<input name="campoEmail" type="text" value="" />

<label>Mensagem</label>
<textarea name="campoMensagem"></textarea><br />

<input type="submit" class="submit" value="Enviar" />
</form>

    Veja o exemplo nesta página http://jquery.bassistance.de/validate/demo/

    Lembrando que este é um exemplo simples, só para uma introdução, é possível também adicionar funções para validação de CPF e CNPJ neste plugin.

    Dúvidas ou sugestões entre em contato.

  • 23Apr

    Dica de site com uma grande quantidade de atributo de HTML

    HTML 0 Comentários

    Bom pessoal, em um dos meus passeios pela internet encontrei este site que contém se não todos uma grande quantidade de atributo de de HTML vale a pena conferir.

  • 17Apr

    Classes/Objetos no PHP.

    PHP 0 Comentários

    Como há algumas versões o PHP virou uma linguagem orientada a objeto, vale a pena dar uma passadinha no manual de Classes/Objetos do PHP.net.

  • 17Apr

    Arrays em PHP

    PHP 0 Comentários

    Como o conteúdo é muito extenso deixarei o link direto para o manual de cada função neste post.

    Arrays

    array_chunk- Divide um array em pedaços.

    array_fill – Preenche um array com valores

    array_keys - Retorna todas as chaves de um array.

    array_unique – Remove o valores duplicados de um array

    array_values – Retorna todos os valores de um array

    count – Conta o número de elementos de uma variável, ou propriedades de um objeto

    sizeof – Sinônimo de count()

    Para remover um array ou seus elementos utiliza-se a instrução unset.

  • 17Apr

    A instrução ‘continue’ no PHP

    PHP 0 Comentários

    A instrução continue é usada para saltar o resto da iteração do loop…

    continue

    continue é usado dentro de estruturas de loops para saltar o resto da iteração do loop atual e continuar a execução na avaliação e no início da próxima iteração.

    Exemplo


    <?php

    while (list ($key, $value) = each ($arr)) {

    if (!($key % 2)) { // pula itens pares

    continue;

    }

    do_something_odd ($value);

    }

    $i = 0;

    while ($i++ < 5) {

    echo "Fora<br />\n";

    while (1) {

    echo "&nbsp;&nbsp;Meio<br />\n";

    while (1) {

    echo "&nbsp;&nbsp;Dentro<br />\n";

    continue 3;

    }

    echo "Isto nunca será exibido.<br />\n";

    }

    echo "Nem isso.<br />\n";

    }

    ?>

  • 17Apr

    A instrução break no PHP.

    PHP 0 Comentários

    Vamos ver neste post, a instrução ‘break’, ela serve para interromper um loop.
    vejamos como utiliza-la.

    break

    O break cancela a execução do comando for, foreach, while, do-while ou switch atual.

    break aceita um argumento numérico opcional que diz a ele quantas estruturas aninhadas englobadas devem ser quebradas.

    <?php

    $arr = array('um', 'dois', 'três', 'quatro', 'PARE', 'cinco');

    while (list (, $val) = each ($arr)) {

    if ($val == 'PARE') {

    break; /* Você poderia colocar 'break 1;' aqui. */

    }

    echo "$val<br />\n";

    }

    /* Utilizando o argumento opcional. */

    $i = 0;

    while (++$i) {

    switch ($i) {

    case 5:

    echo "No 5<br />\n";

    break 1; /* Sai somente do switch. */

    case 10:

    echo "No 10; saindo<br />\n";

    break 2; /* Sai do switch e while. */

    default:

    break;

    }

    }

    ?>

  • 17Apr

    A instrução foreach no PHP

    PHP 0 Comentários

    A instrução foreach, usada no PHP para varrer arrays.
    Vamos aprender pra que serve e como usar neste tópico.

    foreach

    foreach funciona somente com arrays, e lançará um erro se tentar utilizá-lo em uma variável de qualquer tipo diferente ou em variáveis não inicializadas. Há duas sintaxes; a segunda é uma abreviatura, mas bem útil do que primeira:


    foreach (expressao_array as $valor)
    instrucoes

    foreach (expressao_array as $chave => $valor)
    instrucoes

    A primeira forma varre uma dada matriz dada por expressao_array. Em cada ‘loop’, o valor do elemento corrente é atribuído a $valor e o ponteiro interno da matriz é avançado em uma posição (assim, no próxima iteração você estará olhando para o próximo elemento).

    A segunda forma faz a mesma coisa, exceto pelo fato de que a chave do elemento atual será atribuído à variável $chave em cada iteração.

    A partir do PHP 5, é possível iterar objetos também.

    A partir do PHP 5, você pode modificar facilmente os elementos da matriz precedendo $value com &. Isto irá definir uma referência ao invés de copiar o valor.


    <?php

    $arr = array(1, 2, 3, 4);

    foreach ($arr as &$value) {

    $value = $value * 2;

    }

    // $arr is now array(2, 4, 6, 8)

    unset($value); //quebra a referência com o último elemento
    ?>

    Exemplo de uso.


    <?php

    /* exemplo foreach 1: somente valores */

    $a = array(1, 2, 3, 17);

    foreach ($a as $v) {

    echo "Valor atual de \$a: $v.\n";

    }

    /* exemplo foreach 2: valores (com a sua notação de chave de acesso mostrado
    para ilustração) */

    $a = array(1, 2, 3, 17);

    $i = 0; /* para exemplo somente */

    foreach ($a as $v) {

    echo "\$a[$i] => $v.\n";

    $i++;

    }

    /* exemplo foreach 3: chaves e valores */

    $a = array (

    "um" => 1,

    "dois" => 2,

    "três" => 3,

    "dezessete" => 17

    );

    foreach ($a as $k => $v) {

    echo "\$a[$k] => $v.\n";

    }

    /* exemplo foreach 4: arrays multidimensionais */

    $a = array();

    $a[0][0] = "a";

    $a[0][1] = "b";

    $a[1][0] = "y";

    $a[1][1] = "z";

    foreach ($a as $v1) {

    foreach ($v1 as $v2) {

    echo "$v2\n";

    }

    }

    /* exemplo foreach 5: arrays dinâmicos */

    foreach (array(1, 2, 3, 4, 5) as $v) {

    echo "$v\n";

    }

    ?>

    Para mais informações visite o site do manual foreach no PHP.net

« Posts Anteriores