onmousedown vs. onmouseout

Jeg har et script på min egen pc, men jeg kan ikke huske det ud af hovedet.
Du kan få det engang i aften. Efter kl. 10.

B_M_P

Kan du ikke saette foelgende ind sammen med det java du har i forvejen?
Saa skal du

function velkommen() {
    last = \"ingen\";
    }

function skift(navn) {
    if (last != \"ingen\") {
      document [last].src = \"red.gif\";
      document [navn].src = \"green.gif\"; 
    last = navn; 
    }
}

green.gif skal vaere dit vaere dit onmouseover billede...

Et link og et billede ville saa hoere sammen:

<A HREF=\"projekt.htm\" TARGET=\"bottom\" OnClick=\"skift(\'projekt\')\">Projekter</A>
<IMG SRC=\"red.gif\" NAME=\"projekt\">

Mens velkommen() saa skal koeres ved:
<BODY onLoad=\"velkommen()\">

Det er sværet at komme med relevante forslag uden at vide hvordan du laver dine mouseoverskift.
Der er ret mange måder at gøre det på, og den udvidelse der er fin til den ene er fjollet til den anden.

mvh JakobA

Koden ser således ud....

<script language=\"javascript\">
<!--
if (document.images) {
i1=new Image()
i1m=new Image()
i1.src=\"images/button.jpg\"
i1m.src=\"images/button_mouse.jpg\"
}else{
i1=\"\"
i1m=\"\"
document.i1i=\"\"
}
//-->
</script>
.
.
.
<a href=\"index.asp\" onmouseover=\"document.i1i.src=i1m.src\" onmouseout=\"document.i1i.src=i1.src\">
<img src=\"images/button.jpg\" name=\"i1i\"></a>

<script language=\"javascript\"> <!--

if (document.images) {
  i1=new Image()
  i1m=new Image()
  i1.src=\"images/button.jpg\"
  i1m.src=\"images/button_mouse.jpg\"
}else{
  i1=\"\"
  i1m=\"\"
  document.i1i=\"\"
}

var huskKlik = \"\";

function klik( imgId ) {
  if ( huskKlik == imgId ) return; // var klikket allerede.
  if ( huskKlik != \"\" ) {          // frigiv forrige klikkede
    switch ( huskKlik ) {
      case \'i1i\': document.i1i.src=\'i1.src\';
                  break;
      case \'i2i\': document.i2i.src=\'i2.src\';
                  break;
      default: alert(\"fra klik(). Du har glemt en case for \"+huskKlik );
    }
  };
  huskKlik = imgId;
]; //end klik( string )

function uklikket ( imgId ) {
  return ( huskKlik != imgId );
}; //end uklikket ( string ) -> boolean;

//-->

</script>
.
.
.
<a href=\"index.asp\" onmouseover=\"document.i1i.src=\'i1m.src\';\"
  onmouseout=\"if ( uklikket(\'i1i\') ) document.i1i.src=\'i1.src\';\"
  onclick=\"klik(\'i1i\');\">
<img src=\"images/button.jpg\" name=\"i1i\"></a> </images/transparent.gif> </images/transparent.gif>
</images/transparent.gif>

Hvis der er mange billeder at klikke på kan vi mindske skrivearbejdet med nogen flere funktioner.

mvh JakobA

JakobA din kode virker stort set (dog er der lige en enkelt ] som skal rettes til } i tilfælde af, andre vil bruge koden).

Men når man klikker på en ny knap, fjerner den helt den knap der tidligere har været klikket på?! Jeg har selvfølgelig rettet koden til, så den passer med antallet af knapper.

det skulle den ikke. den skulle blot gøre præcid det samme som ommouseout gjorde over den knap før.

Jeg har fundet fejlen.... Hvis jeg i stedet for:
case \'i1i\': document.i1i.src=\'i1.src\';
skriver:
case \'i1i\': document.i1i.src=i1.src;
så virker det.

Søreme ja. Og nu du peger på det er det jo indlysende.
i1 er det image objekt du startede med at lave til at preloade i.
Men hvordan bar det sig så ad med at virke som mouseover ?

anyways, tak for points.

mvh JakobA