Cambiare immagine al click

[Pepo06]

Ciao a tutti,

ho uno script (estratto da HTML.it) che, come succede nell'area script di questo sito, permette di vedere "Più informazioni" o "Meno informazioni" a seconda dello stato della visualizzazione in cui ci si trova....

Ora, io ho sostituito il link testuale "più informazioni" con un'immagine, raffigurante una "+"...ora vorrei che a lista aperta, l'immagine diventi un'altra, però non saprei proprio dove e cosa modificare....

Questo è il codice che uso per visualizzare l'immagine:

<a id='href_$categoria' href='javascript:void(0);' onclick=\"ShowHide('$categoria', false); return false;\">
[img]immagini/Plus.png[/img]</a>

Mentre questo è il file JS che mi gestisce il mostra/nascondi:

function getEl(id)
{
    element = document.getElementById(id);

    return element;
}

function hideEl(id)
{
    var element = getEl(id);

    element.style.display = 'none';
}

function showEl(id)
{
    var element = getEl(id);

    element.style.display = '';
}

function ShowHide(sid, last)
{
    //var p = document.images['plus_minus_' + sid];
    var el = 'info_' + sid;

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

        var class_name = (last == true) ? 'meno_info ultimo' : 'meno_info';

        showEl(el);
        getEl('br_' + sid).className = class_name;
        getEl('href_' + sid).innerHTML = 'Meno informazioni';

    } else {

        var class_name = (last == true) ? 'piu_info ultimo' : 'piu_info';

        hideEl(el);
        getEl('br_' + sid).className = class_name;
        getEl('href_' + sid).innerHTML = 'Più informazioni';

    }
}

Mi potete dare una mano??

Grazie!

[Pepo06]

up

[cavicchiandrea]

nel tag img aggiungi un id e nella funzione mostra aggiungerai:
document.getElementById('id_immagine').scr='nome-meno-immagine.png';
e nella funzione nascondi:
document.getElementById('id_immagine').scr='nome-piu-immagine.png';

[Pepo06]

Gentilissimo....spiegazione chiara e (spero) efficace!!!

Appena ho tempo provo, ma non dovrebbero esserci problemi!

[Pepo06]

Problemino:

ho modificato il file JS del mostra/nasconi nella sua funzione ShowHide in questo modo:

function ShowHide(sid, last)
{
    //var p = document.images['plus_minus_' + sid];
    var el = 'info_' + sid;

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

        var class_name = (last == true) ? 'meno_info ultimo' : 'meno_info';

        showEl(el);
		document.getElementById('id_' + sid).scr='immagini/Minus.png';

    } else {

        var class_name = (last == true) ? 'piu_info ultimo' : 'piu_info';

        hideEl(el);
        document.getElementById('id_' + sid).scr='immagini/Plus.png';
    }
}

ed il file PHP in questo modo:

[img]immagini/Plus.png[/img]

Ma l'immagine non cambia....

[cavicchiandrea]

hai scritto scr invece di src

[Pepo06]

Ho copiato ed incollato il tuo testo senza ricontrollarlo....

Grazie ancora e buona serata!

PS: ora funziona!