http://www.MenuDaInternet.com/JAVASCRIPT
http://www.MenuDaInternet.com/blogJAVASCRIPT
Tudo sobre Javascript.


 

Pesquisar:     

Postagem do dono do blog: (10/09/2010 21:25:21)
Redirecionamento de pagina segundo a resolução da tela:
Muito útil para deixar o layout da tela de acordo com o tamanho da tela do usuario:
 
<script>
/*
Redireciona de acordo com a resolução
*/
//para resolução 800x600
if (screen.width==800||screen.height==600)
     window.location.replace(
"800600/index.php")
     //para resolução 640x480
else if (screen.width==640||screen.height==480)
     window.location.replace(
"640480/index.php")
     //para resolução 1024x768
else if (screen.width==1024||screen.height==768)
     window.location.replace(
"1240768/index.php")
     //para outras resoluções
else
     window.location.replace(
"1240768/index.php ")
</script>


Postagem do dono do blog: (10/09/2010 21:19:51)
Esconder e mostrar DIVS em javascript:
Código para esconder e mostrar DIVS e assim economizar espaço e recarregamento de paginas.
 
function OpenSel(op) {
if (op == 1) {
document.getElementById(
'principal').style.display="block";
document.getElementById(
'divum').style.display="none";
document.getElementById(
'divdois').style.display="none";
}
else if (op == 2) {
document.getElementById(
'principal').style.display="none";
document.getElementById(
'divum').style.display="block";
document.getElementById(
'divdois').style.display="none";
}
else {
document.getElementById(
'principal').style.display="none";
document.getElementById(
'divum').style.display="none";
document.getElementById(
'divdois').style.display="block";
}
}
</script>
<
div id="principal">
<
a href="#" onclick="OpenSel(2);">Mostrar DIV 1</a>
<a href="#" onclick="OpenSel(3);">Mostrar DIV 2</a>
</
div>
<
div id="divum" style="display:none;">MOSTRAR DIV NÚMERO UM<a href="#" onclick="OpenSel(1);">VOLTAR MENU PRINCIPAL</a></div>
<
div id="divdois" style="display:none;">MORTRAR DIV NÚMERO DOIS<a href="#" onclick="OpenSel(1);">VOLTAR MENU PRINCIPAL</a></div>
</script>


Postagem do dono do blog: (10/09/2010 21:14:21)
Testando se uma janela foi aberta e se foi fechada.
Acompanhe comigo a seguinte situação: Você está desenvolvendo um sistema web que abre uma janela em algum momento e não deseja que o usuário, ao clicar novamente no botão, recarregue aquela janela aberta.
 
<
script language="javascript" type="text/javascript">
var janela = null;
function AbreJanela() {
// verifica se a janela está aberta
if (janela != null && !janela.closed) {
     // caso esteja aberta, mostra um aviso
     alert('A janela já está aberta');
}
else if (janela != null && janela.closed) {
     // se a janela foi fechada, limpo a variavel janela para permitir que ela seja re-aberta
     alert('A janela foi fechada e agora poderá ser aberta');
     janela =
null;
}
// só abre a janela se a variavel 'janela' é nula
if (janela == null) {
     janela = window.open(
"http://www.meusquadrados.com", "janela", "top=10, left=10");
}
}


Postagem do dono do blog: (10/09/2010 21:07:01)
Exemplificando melhor a utilização de funções em javascript:
 
<script>
function exemplo() {
// Criando a função chamada exemplo
document.write("Estou testando minha primeira função em JavaScript!");
// Escreve na tela a mensagem.
}

// Chamando a função teste
exemplo()
</script>


Postagem do dono do blog: (10/09/2010 21:05:24)
Para criar uma função javascript devemos fazer o seguinte código:
 
function nome-da-função {
//
    Function é o parametro utilizado para a criação da função, portanto é
    uma palavra reservada para criação da função em JavaScript.
    ação da função
   // Aqui se executa as funções que deseja.
}