Botão tem que realizar três ações ao mesmo tempo

[rafa Rangel]

Salve, galera!!! Preciso de um help aqui!!! É uma questão de trabalho...sou designer e apesar de manjar bastante de Actionscript, CSS e HTML, sei muito pouco sobre JS...Ainda to estudando...

Me ajuda em uma questão aqui de JavaScript?

Da uma olhada no link de cardápio do La Plancha: http://www.ideaocubo.com/laplancha/cardapio.html

Quando clica no botão, chama uma função innerHTML que chama um "html" dentro do Div determinado pelo onClick do botão.

Então as funções estão assim:

Exemplo

1ª - Quando clico no botão "Del Mar para La Plancha", com onclick="abrirPag('delmar.html');",

2º - Este chama uma função

<!--Chamar scripts para innerHTML-->

<script language="javascript" src="scripts/ajax.js"></script>

<script language="javascript" src="scripts/instrucao.js"></script>

<!--Chamar scripts para innerHTML FIM-->

3º - Dentro desse "instrucao.js" tem o seguinte código innerHTML:

function abrirPag(valor){

var url = valor;

xmlRequest.open("GET",url,true);

xmlRequest.onreadystatechange = mudancaEstado;

xmlRequest.send(null);

if (xmlRequest.readyState == 1) {

document.getElementById("fundoTxtCardapio").innerHTML = "<img src='loader.gif'>";

}

return url;

}

function mudancaEstado(){

if (xmlRequest.readyState == 4){

document.getElementById("fundoTxtCardapio").innerHTML = xmlRequest.responseText;

}

}

A lógica acima, está dando certo. Porém, o cliente quer que quando clicasse no botão do cardápio(que já chama o innerHTML com o txt do cardápio), também chamasse uma imagem(do prato correspondente) no quadro branco suspenso por cordas, que está dentro de uma determinada div tb. Além disso, o botão teria que ficar mais claro quado clicasse nele.

Simplificando. Quando clicar no botão "Del Mar para La Plancha", tem que disparar as seguintes ações:

- Chamar texto na div do lado do menu lateral - OK

- Chamar imagem do prato referente ao botão na div de cima

- O botão clarear quando clicado - Sei que é trocar de imagem, tipo bton.png e btoff.png, mas como fazer?

Tem como colocar todas essas ações dentro de uma mesma função?

Ou posso criar uma função para cada ação, mas como chamar através do "onCLick" dua ou mais funções?

Não sei se conseguir ser claro...Qualquer coisa me fala.

Muito obrigado a todos!!

grande abraço!

[quintelab]

Movido Java para Ajax, JavaScript, XML, DOM

[Stoma]

É só você adicionar as funções que você deseja dentro do arquivo 'instrucao.js' e fazer a função abrirPag chamá-las... ou então pode chamar todas pelo onclick separando-as por ponto e vírgula, assim:

onclick="funcao1(); funcao2(); funcao3();"

Editado Novembro 20, 2010 por Stoma