JavaScript Void 0

Hyperlinks como Este incentivam ao visitante a clicar porque ele sabe que será levado para uma página nova. Entretanto, algumas vezes quando se está fazendo um script, você precisa adicionar alguma funcionalidade para seu website que deixa que executa alguma ação quando o link é clicado algo como atualizar uma soma, sem carregar uma nova página.

É neste tipo de soluções de programação em que iremos utilizar a ferramenta JavaScript Void 0.

Este script retorna o nome da página, é equivalente ao basename($PHP_SELF)

<script type="text/javascript">
baseName = window.location.pathname.substring(window.location.pathname.lastIndexOf("/")+1) || "index.html";
alert(baseName);
</script>

Muito útil para quem programa quem programa em CSS e webstandars é definir qual o browser do visitante, vai ai uma dica simples em JavaScript:

<script Language="JavaScript">
alert ( navigator.appName + " " + navigator.appVersion );
</SCRIPT>

Com isso você poderá definir as alterações para cada visitante, garantindo que todos recebam o mesmo visual em seu site.

Abraço,
Flavio

Veja essa pergunta:

"Mudar a cor de um campo obrigatório se ele não for preenchido em php?
Glaera é o seguinte preciso programar em php que um campo mude de cor se ele não for preenchido. Como faço isso programando em php?"

A Camila mandou bem na resposta:
<script>
function mudacor(ref,cor){
ref.style.backgroundColor=cor;
}
</script>
HTML:
<input type="text" name="teste" id="teste" onfocus="mudacor(this,'yellow')" onblur="mudacor(this,'white')">

Como e JavaScript é uma linguagem de programação client-side é um pouco mais complicado de verificar erros de sintaxe eu encontrar erros no script, infelizmente não existem muitas ferramentas práticas de debug, mas vamos falar sobre duas.

A função alert() serve principalmente para interagir com o usuário, mas ela pode ser utilizada para detectar erros, isso porque o browser,diferentemente de outras linguagens, não valida o código executando então o script até o erro. Por exemplo:

<script language="javascript"><!--

function array_key_exists ( key, search ) {
// Checks if the given key or index exists in the array
//
// version: 810.114

// + original by: Kevin van Zonneveld
// + improved by: Felix Geisendoerfer
// * example 1: array_key_exists('kevin', {'kevin': 'van Zonneveld'});
// * returns 1: true
// input sanitation
if( !search || (search.constructor !== Array && search.constructor !== Object) ){
return false;
}

return key in search;
}

function in_array(needle, haystack, strict) {
// Checks if the given value exists in the array
//
// version: 810.114

// + original by: Kevin van Zonneveld
// * example 1: in_array('van', ['Kevin', 'van', 'Zonneveld']);
// * returns 1: true
var found = false, key, strict = !!strict;

for (key in haystack) {
if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
found = true;
break;
}
}

return found;

Quando falamos de aplicação dinâmica, temos que pensar tanto no código quanto no disign da aplicação, e nesse ultimo caso, precisamos muitas vezes saber qual a posição dos elementos da página.

Vamos mostrar aqui uma forma bem simples e eficaz para executar essa tarefa.

< script language="JavaScript" >
function pegarPosicaoX(objeto)
{
var atual_left = 0;
if (objeto.offsetParent) {
while (objeto.offsetParent) {
atual_left += objeto.offsetLeft
objeto = objeto.offsetParent;
}
}
return atual_left;
}

Aqui iremos abordar tópicos sobre programação, Design e integração