Retorno De Sql Com Links De Botoes

[frnd]

Seguinte,

Estou querendo montar um pequeno mostruário de depoimento do meu sistema.

Para isso existem tres botoes juntos. [1][2][3].

A cada botão clicado é mostrado um depoimento diferente.

Então pego os tres ultimos depoimentos e trago para cada botão.

Como faço isso? Pegar uma SQL que retornar tres registros até aí tudo bem.. mas como fazer para que cada botão assuma um registro da query e mostra o resultado respectivo?

[]s

[MLeandroJr!]

Você pode criar DIVs ocultas e jogar o resultado da query em cada uma delas, aí, através do JavaScript, fazer os botões mostrarem a DIV respectiva e ocultar as outras.

[frnd]

é é...

estou meio com dificuldade em criar o JS para os botões para ocultar/mostrar

mais ou menos assim?

function ExpandeDiv()
            {
            if (document.getElementById("div1").style.display == 'none')
            {
            document.getElementById("div1").style.display = 'block';
           
            }
            else
            {
            document.getElementById("div1").style.display = 'none';
            }    
            }

[MLeandroJr!]

Nessa parte eu já não posso te ajudar.

Encaminharei o post para o pessoal de JavaScript para que possam te dizer!

[fercosmig]

usa aquele exemplo que postei no seu outro tópico

e dentro do case por exemplo

function teste(par){
    switch (par){
        case 'btn1':
            document.getElementById("div1").style.display = 'block';
            document.getElementById("div2").style.display = 'none';
            document.getElementById("div3").style.display = 'none';
            break;
        case 'btn2':
            document.getElementById("div1").style.display = 'none';
            document.getElementById("div2").style.display = 'block';
            document.getElementById("div3").style.display = 'none';
            break;
        case 'btn3':
            document.getElementById("div1").style.display = 'none';
            document.getElementById("div2").style.display = 'none';
            document.getElementById("div3").style.display = 'block';
            break;
        default:
            document.getElementById("div1").style.display = 'none';
            document.getElementById("div2").style.display = 'none';
            document.getElementById("div3").style.display = 'none';
            break;
    }