[Resolvido] Trocar imagem contida na próxima DIV

[Gdias 0]

Salve amigos,

 

Mais uma vez preciso da força de vcs.

 

Tenho uma DIV com um label e uma Function que abre e fecha a div contida nela... funciona que é uma beleza, acontece que tem uma setinha que precisa mudar e não sei como adcionar essa ação no código JS.

 

O cód. da DIV é o seguinte:

 

CODE

 

<div id="summaryToggle" onclick="toggle('summaryArchCont')">

 

<div id="summaryArchTit">

<img src="clinicalNotes/images/arrowDown.png" alt="PRECISO_MUDAR_ESSA_IMAGEM" />Registros Anteriores

<img class="titBg" src="clinicalNotes/images/summaryArchRight.png" alt=" " />

<div id="summaryArchRight"><img src="clinicalNotes/images/arrowDown.png" alt="PRECISO_MUDAR_ESSA_IMAGEM_TAMBÉM" /></div>

</div>

 

</div>

 

 

E o cód. JS é:

 

CODE

 

function toggle(obj) {

var el = typeof obj == "string" ? document.getElementById(obj) : obj;

if ( el.style.display != 'none' ) {

el.style.display = 'none';

 

}

else {

el.style.display = '';

}

 

}

 

 

Alguém pode me dar uma luz?

Se não for pedir muito, gostaria de uma pequena explicação para a solução, assim não apenas copio como aprendo tb!

 

Desde já agradeço a força!

 

Abraços,

Gustavo

[Gdias 0]

Help!

Tem uma corda no meu pescoço!

[Gdias 0]

Pessoal, estou ficando desesperado!

Preciso entregar essa demanda e só falta essa pendenga!

Será que é tão difícil assim minha dúvida?

 

Please!

[Gdias 0]

Bom... meu problema evoluiu.

 

Agora consigo pegar a imagem mas meu IF Else não funciona

Ah! Fiz uma alteração nas DIVs, agora a chamada da function é feita na DIV2

 

CODE

<div id="summaryArchTit" onclick="toggle('summaryArchCont'); dojo.widget.byId('XXX').onResized()">

 

<img id="image" src="clinicalNotes/images/arrowDown.png" alt=" " />Registros Anteriores

<img class="titBg" src="clinicalNotes/images/summaryArchRight.png" alt=" " />

<div id="summaryArchRight"><img src="clinicalNotes/images/arrowDown.png" alt=" " /></div>

 

</div>

 

Cód. JS

 

CODE

function toggle(obj) {

var el = typeof obj == "string" ? document.getElementById(obj) : obj;

if ( el.style.display != 'none' ) {

el.style.display = 'none';

}

else {

el.style.display = '';

}

 

var imagem = document.getElementById('image').src;

 

if(imagem = "clinicalNotes/images/arrowDown.png"){

 

imagem.src = "clinicalNotes/images/arrowLeft.png"

}else {

 

imagem.src = "clinicalNotes/images/arrowDown.png"

}

 

}

 

 

Alguém pra dar uma luz?

Valeu!

[Gdias 0]

SOLUCIONADO!

 

CODE

function toggle(obj) {

var el = typeof obj == "string" ? document.getElementById(obj) : obj;

if ( el.style.display != 'none' ) {

el.style.display = 'none';

}

else {

el.style.display = '';

}

 

 

var imagem1 = document.getElementById('image1').src;

 

if(imagem1.indexOf("arrowDown.png") >= 0){

document.getElementById('image1').src = "clinicalNotes/images/arrowLeft.png";

}else {

document.getElementById('image1').src = "clinicalNotes/images/arrowDown.png";

}

 

var imagem2 = document.getElementById('image1').nextSibling.nextSibling;

imagem2 = document.getElementById('image2').src;

 

if(imagem2.indexOf("arrowDown.png") >= 0){

document.getElementById('image2').src = "clinicalNotes/images/arrowLeft.png";

}else {

document.getElementById('image2').src = "clinicalNotes/images/arrowDown.png";

}

}

 

abraços!

[berkowitz 2]

Parabéns! :D