onMouseover, onMouseout, onClick på billede-menu

Vil det kun være for eet billede ad gangen dem effekt skal kunne være der ?-)

Nej, der er i alt seks billeder:

<script language="JavaScript">

if (document.images) {
    button_1_on=new Image;
    button_1_on.src="images/info2.gif";
    button_1_off=new Image;
    button_1_off.src="images/info.gif";

    button_2_on=new Image;
    button_2_on.src="images/priser2.gif";
    button_2_off=new Image;
    button_2_off.src="images/priser.gif";

    button_3_on=new Image;
    button_3_on.src="images/beliggenhed2.gif";
    button_3_off=new Image;
    button_3_off.src="images/beliggenhed.gif";

    button_4_on=new Image;
    button_4_on.src="images/kontakt2.gif";
    button_4_off=new Image;
    button_4_off.src="images/kontakt.gif";

    button_5_on=new Image;
    button_5_on.src="images/reservation2.gif";
    button_5_off=new Image;
    button_5_off.src="images/reservation.gif";

    button_6_on=new Image;
    button_6_on.src="images/forside2.gif";
    button_6_off=new Image;
    button_6_off.src="images/forside.gif";

}
function rollIn(imgName){
    if (document.images) {
        document[imgName].src=eval(imgName + "on.src");
    }
}
function rollOut(imgName){
    if (document.images) {
        document[imgName].src=eval(imgName + "off.src");
    }
}
</script>


Det var for ikke at gøre indlægget unødigt langt; men det blev det så alligevel nu ;-)

Skal det være sådan at alle 6 på een gang skal kunne være valgt (on) ?-)

Nej, billederne fungerer som en menu, og hvis jeg klikker på f.eks. billedet INFO (åbner info.htm i en anden ramme) skal dette billede - og kun dette - være ON. Hvis jeg så derefter klikker på f.eks. billedet BELIGGENHED er det det billede, som skal være ON og INFO skal være OFF igen.

Et forsøg direkte skrevet her:

var buttonClicked = "";//global variabel
function clickButton(imgName){
  var num = parseInt(imgName.substring(7),10);
  for (i=1;7>i;i++){
    if(i!=num){
      imgOff = "button_"+i+"_";
      document[imgOff].src=eval(imgOff + "off.src");
    }
  }
  buttonClicked = imgName;
}

function rollOut(imgName){
    if (document.images&&imgName!=buttonClicked) {
        document[imgName].src=eval(imgName + "off.src");
    }
}

<a href="info.htm" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')" onclick="buttonClicked='button_1_';"><img src="images/info.gif" border="0" name="button_1_" alt="Info" width="54" height="24"></a>

-- som slet ikke testet, men jeg håber du kan se ideen !-)

Vi er skam på rette spor allerede. Når jeg klikker på INFO skifter den ganske vist som ønsket, men hvis jeg efterfølgende klikker på et andet punkt i menuen, eks. BELIGGENHED, så skulle INFO jo gerne gå tilbage til OFF igen - dette kan jeg ikke få den til?

Prøv (til test ,-) at sætte en
alert(imgOff)
lige efter linjen:
imgOff = imgOff = "button_"+i+"_";

-- det skulle give dig en hulens masse alerter, men kan forhåbentlig pinpointe problemet !-)

Disse alerts, seks i alt:

button_2_

button_3_

osv. op til button_6_

Glemt ;-|

-- jeg blandede to tankerækker sammen ...

<a href="info.htm" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')" onclick="clickButton('button_1_');"><img src="images/info.gif" border="0" name="button_1_" alt="Info" width="54" height="24"></a>

sri, den havde jeg set og ændret, men glemt at fortælle dig. Det er med onclick="clickButton('button_1_');" jeg får de seks alerts.

og alle de 6 bliver ikke til off-imaget ?-)

Så er den i orden - det var mig, som ikke havde fået rettet til  onclick="clickButton('button_1_');" alle seks steder - det gik der ged i. Det fungerer 100% korrekt nu - tks again, rønving.

smid et svar  :-)

Velbekomme '-)

-- og tak for points ;~}

Er du stadig med her, rønving? Jeg roder igen med denne menu, men kan ikke få den til at virke, hvis jeg - som nu - har flere end 6 forskellige billed-knapper i menuen. Skal have den til at virke med 8 forskellige knapper nu, men aktive knap skifter ikke, før jeg har haft musen henne over 2. gang - altså ikke ved Onclick!

Jeg smider selvfølgelig flere points til dig, hvis du kan hjælpe!

Sorry, my mistake - det var jo så nemt som noget. Denne linje:
for (i=1;7>i;i++){
blev bare skiftet til
for (i=1;9>i;i++){

hvis jeg skal bruge 8 billeder! undskyld forstyrrelsen igen!

U'r welcome !-)