Olá! Depois de um tempo estou voltando com um simples tutorial mas que pode ser bem útil. Peço desculpa pela demora pra postar, mas é que a falta de retorno deu uma desanimada... Enfim, vamos ao que interessa!
É normal, em blogs ou sites, aparecerem link que seria de páginas futuras
, ou seja, em construção. É uma ótima forma de deixar o usuário na expectativa e ganhar alguns retornos
no blog até que a página seja inaugurada. Vim aqui então mostrar uma forma rápida e prática de informar usuário dessa situação, sem fazê-lo mudar de página nem ir para um em branco.
Veja uma demonstração AQUI, clicando no link "Alerta" no menu horizontal.
Na verdade, esse tutorial é mais para ensinar como utilizar a propriedade alert() do JavaScript...Vamos lá!
1 - Localizar link e aplicar código
Antes de tudo, é claro, temos que saber onde vai ficar esse link que ligará a página atual com a futura nova página. Crie-o na sidebar, ou onde convém, assim:
EXPLICANDO O CÓDIGO: É um link padrão, simples, sem nenhum destino. O que está em azul é um evento OnClick, que significa que o navegador fará algo quando clicar. O que está em vermelho é o texto que aparece no alerta. E o que está em verde é o texto do link. Bem simples, não?
O método JavaScript alert() é bem útil e simples. Sua sintaxe básica é :
É normal, em blogs ou sites, aparecerem link que seria de páginas futuras
, ou seja, em construção. É uma ótima forma de deixar o usuário na expectativa e ganhar alguns retornos
no blog até que a página seja inaugurada. Vim aqui então mostrar uma forma rápida e prática de informar usuário dessa situação, sem fazê-lo mudar de página nem ir para um em branco.
Veja uma demonstração AQUI, clicando no link "Alerta" no menu horizontal.
Na verdade, esse tutorial é mais para ensinar como utilizar a propriedade alert() do JavaScript...Vamos lá!
1 - Localizar link e aplicar código
Antes de tudo, é claro, temos que saber onde vai ficar esse link que ligará a página atual com a futura nova página. Crie-o na sidebar, ou onde convém, assim:
<a href="#" onclick="alert('Desculpe-nos. Página em construção');">Alerta</a>Se você tem interesse em aplicar esse código num link já pronto, em que você não tem acesso a modificação, comente aqui que eu tento te ajudar!
EXPLICANDO O CÓDIGO: É um link padrão, simples, sem nenhum destino. O que está em azul é um evento OnClick, que significa que o navegador fará algo quando clicar. O que está em vermelho é o texto que aparece no alerta. E o que está em verde é o texto do link. Bem simples, não?
O método JavaScript alert() é bem útil e simples. Sua sintaxe básica é :
alert("Texto texto texto" + variavel(opcional) + " texto");Bom, o tutorial foi bem simples, mas pode ajudar algumas pessoas. Espero que gostem! Compartilhe a Íntegra Studio, vocês são os combustíveis de nossos tutoriais!