Avatar billede rune_m Nybegynder
02. september 2002 - 17:18 Der er 8 kommentarer og
1 løsning

onmouseout -> gå tilbage til oprindelig farve i <td>

Har brugt nedenstående script til at ændre baggrundsfarve i tabeller. Fint nok.
Nu vil jeg dog gerne udskrive tabellerne med hver anden tabellinie i en anden farve .. altså
grå
lys grå
grå
lys grå
osv.

Her går det så galt .. hvordan får jeg onmouseout til at give den oprindelige baggrundsfarve i <td> .. skriver jeg colorval = '' .. bliver den jo bare gennemsigtig.

Kan nogen hjælp .. fatter minus af java ;) ...


<script language="JavaScript">
  function co4(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#666699'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#D8D8D9'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
 
  }
</script>

<td onclick=\"location.href='link.php'\" onmouseover=\"co2(this,'in');\" onmouseout=\"co2(this,'out');\">
Avatar billede mikkel_robin Nybegynder
02. september 2002 - 17:21 #1
jeg bruger denne:

<td onmoseover="this.bgcolor='#00ffff'" onmouseout="this.bgcolor='#111111'">
Avatar billede mikkel_robin Nybegynder
02. september 2002 - 17:23 #2
Hvis du vil have haanden med

<td onmoseover="this.bgcolor='#00ffff'" onmouseout="this.bgcolor='#111111'" style="cursor:hand;">
Avatar billede nikolajdu Nybegynder
02. september 2002 - 17:28 #3
element.style.backgroundColor='#666699'
Avatar billede jakoba Nybegynder
02. september 2002 - 17:29 #4
hvis du nu ved første mouseover opretter en variabel i cellens html-objekt med den oprindelige farve:

<script language="JavaScript">
  function co4(element,mode) {
    if (mode=="in") {
      if ( ! element.oprindelig ) {
          element.oprindelig = element.background;
      }
      cursortype = 'hand'
      colorval = '#666699'
    } else if (mode=="out") {
      cursortype = ''
      colorval = element.oprindelig; // genskab den oprindelige farve
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;

  }
</script>

mvh JakobA
Avatar billede rune_m Nybegynder
02. september 2002 - 17:31 #5
tjo .. enklere end det script jeg angav .. men samme problemstilling .. farven bliver #111111 ved mouseout .. og det er ikke det jeg mener .. ved mouseout skal den returnere til den bgcolor som td´en var før
Avatar billede rune_m Nybegynder
02. september 2002 - 17:37 #6
JakobA den tager farven i tabellen bagved ved mouseout .. ?
Avatar billede jakoba Nybegynder
02. september 2002 - 17:44 #7
kan det passe at du sætter baggrundsfarven i de celler med: background-color:#123456;  ?  hvis du gør skal du bruge javascriptnavne  .backgroundColor når du justerer den med java script:

<script language="JavaScript">
  function co4(element,mode) {
    if (mode=="in") {
      if ( ! element.oprindelig ) {
          element.oprindelig = element.backgroundColor; // her
      }
      cursortype = 'hand'
      colorval = '#666699'
    } else if (mode=="out") {
      cursortype = ''
      colorval = element.oprindelig; // genskab den oprindelige farve
    }
  element.style.backgroundColor = colorval;  // og her
  element.style.cursor = cursortype;

  }
</script>
Avatar billede jakoba Nybegynder
02. september 2002 - 17:45 #8
gah, jeg har jo glemt en ,style:
          element.oprindelig = element.style.backgroundColor; // her
Avatar billede rune_m Nybegynder
02. september 2002 - 17:49 #9
Ja det hjalp :)) Thx :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester