Divs invisíveis com JavaScript

Para usar o truque das ‘divs invisíveis’, basta utilizar uma pequena função JavaScript que fará a mágica acontecer.

O que o código realiza, é ocultar uma div que não necessite ser visualizada, dando lugar a uma outra, com base no clique em um link, imagem ou mouseover.

Para isso temos a função JavaScript (existem muitos modos de se realizar essa tarefa), que deve ser colocada entre as tags ‘head’:

JavaScript

function mostraDiv(id,div2)
{
var divstyle = new String();
divstyle = document.getElementById(id).style.display;

var divAux = new String();
divAux = document.getElementById(div2).style.display;

      if (divAux=="block" || divAux == ""){
       document.getElementById(div2).style.display = "none";
    }   

    document.getElementById(id).style.display = "block";
    return false;
}

O que o código está realizando, é uma situação na qual ele verifica se existe uma div já sendo exibida, caso esteja, ele coloca ela como “none” (invisível) e seta a div desejada como “block” (visível). Ao utilizar o block/none ao invés do visibility:hidden/visibility:visible, nós tiramos o espaço alocado para a div que está invisível, tornando-a imperceptível ao usuário que estiver na página.

Para utilizar na sua página, basta incluir o HTML abaixo:

HTML

<a href="#" onclick="displayDiv('teste','teste2')"> </a>
<a href="#" onclick="displayDiv('teste2','teste')"> </a> 

<div id="teste">
  teste
</div>

<div id="teste2" style="display:none;">
  teste2
</div>

Fonte: http://msdn.microsoft.com/pt-br/library/hh475808.aspx

Anúncios

Mudando Imagens com um Clique ou mouseOver

Uma das técnicas bastante utilizadas via JavaScript, é a alteração de alguma imagem quando ela é clicada ou passa por um mouseover.

Uma maneira simples de se fazer isso, é passando como parâmetro de uma função JavaScript um indíce para cada imagem que voce deseja alterar, fazendo com o que o JavaScript encontre qual das imagens devem ser alteradas:

JavaScript

function mudaImagem(i) {    

    if (i == 1) {

        document.getElementById("imagem1").src="imagem1.jpg";

        document.getElementById("imagem2").src="imagem2_not.jpg";    

    } else if (i == 2) {       

        document.getElementById("imagem1").src=" imagem1_not.jpg";        

        document.getElementById("imagem2").src="imagem2.jpg";    

    }

}

O código recebe um índice, com base nisso verifica quais das operações deve realizar. Nesse caso fiz um exemplo alterando duas imagens, quando uma é clicada, a outra muda para uma imagem não selecionada e a imagem clicada, muda para uma imagem selecionada.

Se o seu caso seja apenas de alterar imagens ao longo da página, sem que elas interfiram uma com as outras, basta remover a linha de alteração da segunda imagem de cada operação de mudança.

Para utilizar na sua página, basta incluir o HTML abaixo:

HTML

<a href="#" ><img src="imagem1.jpg" alt="Imagem1" id="imagem1" onclick="mudaImagem(1)"  /></a> 

<a href="#" ><img src="imagem2_not.jpg" alt="Imagem2" id="imagem2" onclick="mudaImagem(2)"  /></a>

Com isso você incializa sua página com uma imagem já como seleciona e uma segunda imagem ainda não selecionada, para poder testar a transição entre ambas.

Fonte: http://msdn.microsoft.com/pt-br/library/hh475801.aspx

Como e por que usar duas fontes em um computador

Advertência

O blog adverte que este procedimento deve ser usado apenas como forma de suprir uma necessidade temporária. Em caso de problemas com o desempenho da fonte, procure adquirir um modelo mais potente e confiável.

Alertamos, também, para o fato de que a fonte adicional será ligada diretamente na rede elétrica. Assim, ela terá um funcionamento independente do restante do PC. Nesse contexto, caso você desconecte a segunda fonte da tomada, a energia dos componentes será cortada e a máquina poderá travar.

Para uma adição de fonte de alimentação mais harmoniosa é indicado que você adquira uma das soluções explicitadas no final deste artigo. Se você deseja adicionar mais uma fonte de alimentação ao seu PC, faça-o por sua conta e risco.

Como você pode observar no vídeo acima, nós fixamos a fonte adicional de uma forma que a saída de ar quente do dispositivo coincidiu com a do gabinete. No nosso caso, a tampa do gabinete permanecerá aberta, o que permite a exaustão do calor gerado pelo funcionamento da máquina. Contudo, é importante ficar atento com esse tipo de situação, pois, se a tampa for fechada, poderá haver um superaquecimento dos componentes e o travamento do computador.

Dicas – Como aumentar o sinal da rede Wi-Fi (sem fio)

Com cada vez mais dispositivos conectados à internet, às vezes fica inviável utilizar cabos para ligar todos os aparelhos. Por isso, os roteadores Wi-Fi estão sendo muito exigidos pelos usuários. O problema é que também há muitas reclamações relacionadas aos aparelhos. A maior parte delas devido às velocidades e instabilidades do sinal.

Se você já sofreu com isso, está na hora de conhecer algumas dicas muito interessantes (e simples) de como melhorar o sinal da internet sem fio na sua casa. Com apenas algumas rápidas mudanças, você pode melhorar – e muito – a qualidade das transmissões de internet. Confira.

Dica: resolva o sinal fraco de Wi-fi com uma forma de bolo

Fonte: http://www.tecmundo.com.br/tutorial/15462-dica-resolva-o-sinal-fraco-de-wi-fi-com-uma-forma-de-bolo-video-.htm

Microsoft oferece brindes para quem trocar Chrome ou Firefox pelo IE9

Usuários dos EUA podem ganhar um mês grátis no serviço de vídeos Hulu, por exemplo, ao trocar os navegadores rivais pelo da Microsoft

O Internet Explorer está perdendo participação no mercado de navegadores no mundo e, para tentar reverter a situação e promover o IE9, a Microsoft está dando para usuários dos Estados Unidos alguns brindes para incentivar o uso do browser.
Com a mensagem "Onde está o amor?" (Where’s the love?, no original em inglês), a Microsoft convida usuários de navegadores como o Chrome e o Firefox a mudar para o IE9 e ganhar alguns presentes.
A mensagem apresenta algumas possibilidades de serviços que podem ser usados de forma gratuita graças a um acordo da Microsoft com as empresas responsáveis. Os usuários do IE nos EUA poderão, por exemplo, usar o serviço de vídeos Hulu gratuitamente por um mês, ou ouvir músicas por streaming no Pandora sem custos.

No momento, a promoção é válida apenas para usuários dos Estados Unidos e não tem previsão para terminar.

Fonte: http://olhardigital.uol.com.br/produtos/digital_news/noticias/microsoft-oferece-brindes-para-quem-troca-chrome-ou-firefox-para-ie9

Lançamento do openSUSE 12.1

Hoje foi o lançamento oficial do openSUSE 12.1.

Dentre as novidades  desta nova versão do sistema operacional mantido pela Novell vale ressaltar:

•  Snapper: primeira distribuição a oferecer suporte ao snapshot do sistema de arquivos BTRFS;
• SAX está de volta;
• Linux kernel 3.1;
• systemd: boot mais rápido;
• Repositório Tumbleweed ao estilo “rolling release”;
• KDE 4.7;
• GNOME 3.2;
• GNOME Shell 3.2: com a extensão “alt-status-menu”;
• LXDE 0.5;
• Xfce 4.8;

E muitos outros recursos, confira a lista completa com a descrição de cada um deles em: http://en.opensuse.org/Product_highlights

 

Até a próxima.