Browsing articles in "Javascript"
Mar 2, 2012
admin

Javascript aumentar ou diminuir tamanho da janela

Sempre que eu quero aumentar ou diminuir o tamanho da janela seja ela, popup ou não, utilizo do javascript, até por achar bem simples a forma de fazer o script.
Abaixo tem um exemplo que utilizo no player da Cidade Web Rock.

// se o navegador for o Chrome a variável chrome será true o mesmo vale para o firefox abaixo
var chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
var firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;

// uma função simples para aumentar ou diminuir a janela do player de acordo com o navegador
function reduz(navegador){
    if(navegador == 1){
        resizeTo(778, 550);
    }else if(navegador == 2){
        resizeTo(778, 580);
    }else{
        resizeTo(778, 555);
    }
}

// checa se o navegador é o chrome
if(chrome == true){
    reduz(1);
// checa se o navegador é o firefox
    }else if(firefox == true){
        reduz(2);
// se não for nenhum dos citados acima coloca um tamanho padrão
        }else{
            reduz(0);
}
Dez 8, 2011
eric

JQuery barra de rolagem facebook


Estava procurando uma forma de fazer uma barra de rolagem estilo a que o Facebook usa.
Encontrei este plugin para JQuery chamado slimScroll que monta a barra de rolagem no estilo do facebook e bem simples de se utilizar.

Obtenha mais informações em : http://rocha.la/jQuery-slimScroll é o site oficial do plugin!

Nov 23, 2011
eric

Obter url com javascript

Ter que ficar modificando url no javascript toda hora é complicado, o script abaixo retorna a url_base de acordo com o que você deseja.
Exemplo se seus scripts vão rodar em : www.site.com/meu_clientes/js/script.js e amanha o mudamos o domínio para : www.site1.com/meu_clientes/js/script.js , o script abaixo pode te ajudar, pois você não precisa definir uma url e sim apenas algumas informações:

   function base_path(num_diretorios){

    var documentBasePath = document.location.href;
    var paths = documentBasePath.split("/");
    var dir = "";
    if(num_diretorios >= 1){ dir += "/"+paths[3]; }
    if(num_diretorios >= 2){ dir += "/"+paths[4]; }
    var url_site = paths[0]+"//"+paths[2];
    return  url_site + dir;
    }

O site esta rodando em “/” ou esta rodando em “/clientes”.

   var url_clientes = base_path(1);
   var url_site = base_path(0);
Out 4, 2011
eric

ResizeTo e MoveTo não Funciona no Firefox?

É amigos, reparei esta semana que o window.resizeTo() e o window.moveTo() não estava funcionando no firefox.
A nova versão do navegador bloqueia algumas funções de javascript.
Tem como liberar estas funções no próprio navegador, mas para os usuários isto pode ser um problema!
[]‘s

Ago 26, 2011
eric

Problemas Internet Explorer Operação Anulada

Se você é desenvolvedor e já se deparou com este erro “Operação Anulada” no Internet Explorer, você pode verificar 2 detalhes.

1º no seu código javascript:
Antes de qualquer código javascript ser inicializado você pode adicionar o “window.onload”.

window.onload = function(){ }

Isto já resolve a maioria dos problemas.

2º – se você usa o Framework JQuery

$(document).ready(function(){ });

Mesmo assim ainda não resolveu? o site da JBFM 99,7 e Cidade Web Rock, apresentavam este problema, descobri que o problema não estava nos códigos do site e sim no “hotWords”, o código que eles nos passaram estava causando problemas no Internet Explorer 7, foi só desabilitar o mesmo que o problema foi resolvido.

Ago 11, 2011
eric

JavaScript : Detectar Sistema Operacional

Como detectar o Sistema Operacional do usuário via Javascript?


var navegador = navigator.platform;
if( (navegador.indexOf("Linux") != -1 ){ alert("Linux"); }
if(navegador.indexOf("Mac") != -1 ) ){ alert("Mac"); }
if(navegador.indexOf("Win") != -1 ) ){ alert("Windows"); }
if(navegador.indexOf("Unix") != -1 ) ){ alert("Unix"); }

Esta é uma forma bem simples de se detectar o Sistema Operacional do usuário.

Ago 2, 2011
eric

Janela PopUp com tempo

O JavaScript abaixo é bem simples de entender, ele serve para você abrir e fechar uma popup com um determinando tempo.
Obs* Troque o URL pelo link do Popup que vc quer abrir.

var intervalo;
window.setInterval(openPopup,50000);
window.setInterval(closePopup,60000);

function openPopup()
{
 my_pop = window.open('url','janPop','width=600,height=100');
}
function closePopup(){ my_pop.close(); }