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
New Dawn Fades Joy Division
Change of speed, a change of style
A change of scene, with no regrets
A chance to watch, admire the distance
Still occupied, though you forget
Different colours, different shades
Over each mistakes were made, I took the blame
Directionless, so plain to see
A loaded gun won't set you free, so you say
We'll share a drink and step outside
An angry voice and one who cried
We'll give you everything and more
The strain's too much, can't take much more
Oh, I've walked on water, run through fire
Can't seem to feel it anymore
It was me, waiting for me
Hoping for something more
Me, see me in this time
Hoping for something else
Close
Candidate Joy Division
Forced by the pressure, the territory's marked No longer the pleasure, oh, I've since lost the heart Corrupted from memory, no longer the power It's creeping up slowly, that last fatal hour Oh, I don't know what made me or what gave me the right To mess with your values and change wrong to right Please keep your distance, the trail leads to here There's blood on your fingers brought on by fear I campaigned for nothing, I worked hard for this I tried to get to you, you treat me like this It's just second nature, it's what we've been shown We're living by your rules, that's all that we know I tried to get to you I tried to get to you I tried to get to you Oh, how I tried to get to you Close
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';
}
}
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.
Descrição:Executar uma requisição HTTP assíncrona por jQuery (AJAX). O que é AJAX?
O AJAX, sigla para Asynchronous Javascript and XML (Javascript Assíncrono e XML), é uma tecnologia que usa, metodologicamente, técnicas como javascript e XML para solicitar, de forma assíncrona, informações e tornar a página mais interativa. Com AJAX, é utilizado o método XMLHttpRequest. Foi inicialmente desenvolvida pelo estudioso Jessé James Garret e mais tarde por diversas associações. Apesar do nome, a utilização de XML não é obrigatória (JSON é frequentemente utilizado) e as solicitações também não necessitam ser assíncronas.
O AJAX, geralmente é utilizado para buscar algo no servidor, por exemplo, um arquivo PHP faz determinada ação no banco de dados e retorna algo. O AJAX pode executar este script, e receber o que ele retornar sem atualizar a página atual nem uma vez.
Neste tutorial, você aprenderá a usar AJAX com jQuery, usando a função jQuery.ajax(); com as propriedades: url, type, data, beforeSend, success, error.
Saudações! Hoje, gravei um breve vídeo (leiam um vídeo de 13 minutos) ensinando à fazer um sistema de imagens aleatórias, que são diferentes (quase) sempre que se atualiza a página.
No exemplo usei 128 imagens diferentes. Portanto, seria muita coincidência atualizar a página e o PHP não mudar.
O exemplo pode ser visto no AnimaZone! Atualize a página principal e um dos 7 banners aparecerão no topo!
Com este vídeo, você vai adquirir conhecimento em:
rand() - PHP Function
Conversão de Variáveis
Além disso, verá como o CSS é amigável, ao me deixar colocar sem querer o comentário das programações (//) no lugar dos /* e */ e ainda assim não me exibir erro algum! (Não faça isso, pois se houvesse mais código CSS abaixo, provavelmente não funcionaria, já que haveria uma confusão de propriedades ( não há uma propriedade que se chame //1024*768).
