Mostrando postagens com marcador HTML5. Mostrar todas as postagens
Mostrando postagens com marcador HTML5. Mostrar todas as postagens

quinta-feira, 13 de outubro de 2016

Mostrar/ocultar DIV

Olá! Muitas vezes, é necessário exibir certa informação apenas sob demanda do usuário, por exemplo, após o clique em um botão. Há diversas formas de fazê-lo. Aqui, apresento a forma mais simples e prática para executar o efeito, entendendo seu funcionamento.

Exemplo 1
Exemplo 2


Veja como funciona:


Código (javascript):

function mostrar(id){
    document.getElementById(id).style.display = 'block';
}
function fechar(id){
    if(document.getElementById(id).style.display == 'block'){ 
        document.getElementById(id).style.display = 'none';
    }else{
        document.getElementById(id).style.display = 'block';
    }
}

Código do botão:

<span onclick="mostrar(id_do_elemento_a_ser_mostrado)">Mostrar/Ocultar</span>







Link Duplo - Abrir duas páginas com apenas um link

Algumas vezes, pode ser que seja necessário que apenas um link redirecione para duas páginas diferentes, por exemplo, quando um link deve abrir a página desejada e, ao mesmo tempo, abrir algum anúncio ou, ainda, quando o link principal é a página desejada e um texto de apoio é aberto.

Veja o exemplo abaixo:

Exemplo =) (nenhum arquivo será baixado)

Entenda o processo



Código utilizado: 

<a href="link_da_nova_pagina.html" target="_blank" onclick="location.href='link_da_mesma_página.html'">Texto do link</a>

Qualquer dúvida, basta comentar no vídeo do Youtube em: https://youtu.be/TW4kpa-0dYk.