Essa é uma função bem legal de se usar no JavaScript, e bem útil tambem.
OnClick Switch faz com que você ao clicar em um botão mude o texto na área especificada
(Técnica usada nas skins de episódios com opção de formatos que ao clicar em um formato, o texto muda).
Agora vamos ao que interessa:
Primeiramente vamos adcionar o Script.
No Blogger você deve adcionar um gadget de HTML/JavaScript e colocar ele em um lugar aonde não vá atrapalhar o site, não se preocupe, ele ficará invisível após colar o script.
No gadget cole o script abaixo:
Agora que ja temos o script vamos aos botões em html.
Na sua postagem ou gadget, coloque o código abaixo:
Esse é o código dos botões básicos.
Agora vamos à área onde vai ficar o texto que será mudado.
Vamos usar nossas amigas divs para isso xD
Basta colocar o código acima na área em que você deseja que mude, você pode usar quantos textos quiser desde que tenham o id diferente.
Ao final fica assim:
OnClick Switch faz com que você ao clicar em um botão mude o texto na área especificada
(Técnica usada nas skins de episódios com opção de formatos que ao clicar em um formato, o texto muda).
Agora vamos ao que interessa:
Primeiramente vamos adcionar o Script.
No Blogger você deve adcionar um gadget de HTML/JavaScript e colocar ele em um lugar aonde não vá atrapalhar o site, não se preocupe, ele ficará invisível após colar o script.
No gadget cole o script abaixo:
<script type="text/javascript">
function switch1(div)
{
if (document.getElementById('one'))
{
var option=['one','two','three'];
for(var i=0; i<option.length; i++)
{ obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div)? "block" : "none"; }
}
}
//
function switch2()
{
var option=['tel1','tel2'];
for(var i=0; i<option.length; i++)
{ obj=document.getElementById(option[i]);
obj.className=(obj.className=="visible")? "hidden" : "visible"; }
}
function toggle(div)
{
var option=['wine1','beer1','whisky1'];
for(var i=0; i<option.length; i++)
{ obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div) && !(obj.style.display=="block")? "block" : "none"; }
}
window.onload=function(){switch1('one');}
</script>
Agora que ja temos o script vamos aos botões em html.
Na sua postagem ou gadget, coloque o código abaixo:
<input type="button" value="Texto 1" onclick="switch1('one')" />
<input type="button" value="Texto 2" onclick="switch1('two')" />
<input type="button" value="Texto 3" onclick="switch1('three')" />
Esse é o código dos botões básicos.
Agora vamos à área onde vai ficar o texto que será mudado.
Vamos usar nossas amigas divs para isso xD
<div id="one">
Aqui temos o switch 1
</div><div id="two">
Já aqui temos o 2
</div><div id="three">
Aqui o 3
</div>
Basta colocar o código acima na área em que você deseja que mude, você pode usar quantos textos quiser desde que tenham o id diferente.
Ao final fica assim:
Visitem
Sempre
A Design Fanmytsu ;D