Billede skifter ved klik

<img border="0" src="plus.gif" width="14" height="11" name="gruppenavn" onMouseover="this.src=this.src.replace(/^.*(\.gif)$/i,'_over.gif');" onMouseout="this.src=this.src.replace(/^.*(_over\.gif)$/i,'.gif');" onclick='toggleMenu(1)'>

-- og minus_over skal du selvfølgelig indsætte i toggleMenu-funktionen, da man jo ikke kan klikke uden en mouseover !-)

Hvad skal jeg så sætte ind i "toggleMenu(1)"?

-- jeg lavede ikke mere ved den, da jeg pr. refleks fjernede det overflødige a-tag, så jeg skal lige vide noget mere, nemlig om der også er en tekst ved siden af dine plusser og minusser, samt hvad toggleMenu laver (folder ud og ind kan jeg regne ud, men hvordan !-)

ToggleMenu:
<script language="javascript">
<!--

function GetElement(strElement)
{
    if (document.getElementById)
    {
        // IE5+, Netscape 6, Mozilla
        return (document.getElementById(strElement));
    }
    else if (document.all)
    {
        // IE4
        return (eval("document.all." + strElement));
    }
    else
    {
        // Ingen af ovenstående
        return (null);
    }
}

function toggleMenu(strMenuID)
{
  objCurrentShort = GetElement("Menu"+strMenuID+"Short");
  objCurrentShort.style.display = (objCurrentShort.style.display=="none" ? "block" : "none");

  objCurrentLong = GetElement("Menu"+strMenuID+"Long");
  objCurrentLong.style.display = (objCurrentLong.style.display=="none" ? "block" : "none");
}
// -->
</script>

<td width="14" height="17" valign="top"><font face="Verdana" size="1" color="#FFFFFF"><a href='java script:void(0)' class="menu" onMouseover='gruppenavn.src="/grafik/firkanter/plus_over.gif"' onMouseout='gruppenavn.src="/grafik/firkanter/plus.gif"' onclick='toggleMenu(1)'><img border="0" src="/grafik/firkanter/plus.gif" width="14" height="11" name="gruppenavn"></a></font></td>
<td width="336" height="17"><font face="Verdana" size="1" color="#FFFFFF"><a href='java script:void(0)' class="menu" onMouseover='gruppenavn.src="/grafik/firkanter/plus_over.gif"' onMouseout='gruppenavn.src="/grafik/firkanter/plus.gif"' onclick='toggleMenu(1)'><b>Gruppenavn (0)</b></a><br></font>
<div style='display: block;' id='Menu1Short'></div>
<div style='display: none;' id='Menu1Long'>
<font face="Verdana" size="1" color="#FFFFFF"><img border="0" src="/grafik/afstand.gif" width="1" height="2"><br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br></font>
</div>
</td>

Absolut utestet, men hvis der skulle være røget en enkelt fejl med, opdager du den vist hurtigt !-)

<script type="text/javascript">
<!--

function GetElement(strElement){
    if (document.getElementById){
        // IE5+, Netscape 6, Mozilla
        return (document.getElementById(strElement));
    }else if (document.all){
        // IE4
        return (document.all[strElement]);
    }else{
        // Ingen af ovenstående
        return (null);
    }
}

function toggleMenu(strMenuID,elm){
  objCurrentShort = GetElement("Menu"+strMenuID+"Short");
  objCurrentShort.style.display = (objCurrentShort.style.display!="block") ? "block" : "none";

  objCurrentLong = GetElement("Menu"+strMenuID+"Long");
  objCurrentLong.style.display = (objCurrentLong.style.display!="block") ? "block" : "none";
  if(elm.firstChild.tagName=='IMG'){
    elm.firstChild.src = (objCurrentLong.style.display!="block")?"plus_over.gif":"minus_over.gif";
  }else{
    elm.previousSibling.firstChild.src = (objCurrentLong.style.display!="block")?"plus_over.gif":"minus_over.gif";
  }
}
// -->
</script>

<td style="width:14px;height:17px;font-size:xx-small;" onMouseover="this.firstChild.src=this.firstChild.src.replace(/^.*(\.gif)$/i,'_over.gif');" onMouseout="this.firstChild.src=this.firstChild.src.replace(/^.*(_over\.gif)$/i,'.gif');" onclick="toggleMenu(1,this)" valign="top"><img border="0" src="/grafik/firkanter/plus.gif" width="14" height="11" name="gruppenavn"></td>
<td style="width:336px;height:17px;font-family:verdana,sans-serif;font-size:xx-small;color:#fff;font-weight:bold;" onMouseover="this.previousSibling.firstChild.src=this.previousSibling.firstChild.src.replace(/^.*(\.gif)$/i,'_over.gif');" onMouseout="this.previousSibling.firstChild.src=this.previousSibling.firstChild.src.replace(/^.*(_over\.gif)$/i,'.gif');" onclick="toggleMenu(1,this)">Gruppenavn (0)<br>
<div style='display: block;' id='Menu1Short'></div>
<div style='display: none;font-family:verdana,sans-serif;font-size:xx-small;color:#fff;' id='Menu1Long'>
<img border="0" src="/grafik/afstand.gif" width="1" height="2"><br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
Navn, tlf.<br>
</div>
</td>

Hej...

Den finder ikke de rigtig billeder, men kan du ikke lave den om, så den har 'a href' igen, da jeg ikke rigtig kan finde hovde eller hale koden nu?

Jeg har tilrettet i script, så nu finder den nogle gange billederne...

Nu tror jeg kun at den er gal her: (/^.*(\.gif)$/i,'_over.gif')
Kan dette ikke laves om til alm. kode?

Argh, det er jo også forkert:

(/(\.gif)$/i,'_over.gif')

Hej roenving...

Kan du ikke lave det om til 'a href'?
Så kan jeg bedre forstå det?

roenving, læg et svar og du får point.

Oki '-)

;O)

-- og tak for point ;~}