Arquivo por Tags: Javascript

O que é Javascript Obstrutivo?

junho 10, 08 //

Não é necessário deixar de utilizar o javascript, até porque, com ele pode-se fazer coisas excelentes e totalmente profissionais, mas utilizar em tudo é um grande problema, e assim “gera-se o javascript obstrutivo”.

Pensando no próprio conceito da palavra obstrução, compreendemos o conceito do javascript obstrutivo, que nada mais é do que a utilização do javascript que caso seja desativado ou bloqueado por algum motivo, lhe impeça de desenvolver uma tarefa básica e/ou necessário.

Como assim?

Você está demostrando aquele ótimo menu em javascript para seu cliente, ele é totalmente moderno e vai combinar com o layout do site, principalemente pela série de efeitos adicionados, mas você pensou como ele irá se comportar caso o javascript não seja executado?

O menu é básico em um website, se ele não funcionar perfeitamente, você estará perdendo visitantes e automaticamente possíveis clientes.

Um outro exemplo, seria em um formulário de contato, onde normalmente utilizamos javascript para verificar se os campos foram preenchidos, mas dependendo de como você criar esta verificação, caso o javascript esteja desativado ele não permitirá o envio do formulário, o que é totalmente inaceitável.

O melhor a se fazer nestes casos, é criar uma verificação em javascript e criar outra em php, caso o javascript esteja desativado, o php da conta do recado.

Como Resolver?

É aconselhável que sempre que for desenvolver alguma aplicação, considere estes fatos, e não utilize javascript em pontos cruciais, mas, caso seja realmente necessário, verifique como a aplicação responderá com o javascript desativado para que o cliente não perca nada de importante.

Iniciando com jQuery

maio 31, 08 //

Não vi uma melhor maneira de descrevê-lo a não ser como no site oficial:

[...] Biblioteca JavaScript que simplifica o modo como você percorre documentos HTML, manipula eventos, executa animações, e adiciona interações com Ajax às suas páginas. jQuery destina-se a mudar a maneira que você escreve JavaScript.

Olá Mundo com jQuery

Para começarmos a trabalhar com jQuery, será necessário baixar a biblioteca primeiro, faça o download do arquivo. Agora crie uma página HTML vazia e adicione o seguinte:

<html>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<head>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
  $("a").click(function() {
    alert("Olá Mundo!");
  });
});
</script>
</head>
<body>
<a href="#">Clique para ver a Mensagem</a>
</body>
</html>

Foi adicionado o arquivo jquery.js em nossa página e solicitado que, todo elemento a, ao ser clicado, gerasse o alerta “Olá Mundo!”, assim não é necessário ficar especificando onclick=” ” elemento por elemento. (mais…)

Scroll com Javascript

abril 8, 08 //

Para quem busca um script para gerar um efeito de scroll diferenciado e totalmente acessível, com certeza a melhor opção é o Easy Scroll.

Com o Easy Scroll você pode gerar uma nevegação via botões… “Para Baixo”, “Para Cima”, “Resetar”. Ao passar com o cursor sobre estes botões, a Div selecionada já realiza a tarefa desejada, ao clicar, ocorre o aumento de velocidade na ação.

Instalação

Entre as tags ‘<head></head>’ insira:

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

Agora vamos inserir a Div que desejamos que possua o scroll:

<div id=”nosso_scroll”>
<!– AQUI O CONTEÚDO –>
</div>

Agora, no arquivo ‘easyscroll.js’, vamos editar os seguintes parâmetros:

var id = "nosso_scroll"; // O id usado no HTML
var nav = ["Scroll Up", "Scroll Down", "Reset"];
//Nomes dos botões de navegacão
var navId = ["btnUp", "btnDown", "btnReset"];
// ID's dos botões
var speed = 5; //Velocidade do movimiento do scroll.
//(1 = lento, 10 = rápido).
var height = 200; //Tamanho do elemento visivel, isto é,
//quantidade de texto vísivel sem scroll.

» Demonstração
» Download do Script