deling av eventeffekter for flere objekter

snoopafella · 5. april 2006

Går det an å bruke en css klasse slik at flere objekter får samme onmuouseover og onmouseout effekt?

Slik som dette?

<head>
   <style type="text/css">
.tab {
     onmouseover : "this.style.bgcolor=red;"
       onmouseout : "this.style.bgcolor=white;"
     }
   </style>
</head>

<body>
   <table>
             <td class=tab>noe</td>
             <td class=tab>noe annet</td>
   </table>

Har googlet litt men finner bare eksempler der de forskjellige klasser defineres av events inni <td> taggen.

snoopafella · 16. april 2006

ingen som har et ja/nei svar på dette? flytte det til javascript seksjonen?

Even. · 16. april 2006

Går utmerket det

I css-filen:


a. meny {
    width: 100px;
    height: 30px;
    float: left;
    background: #000000;
    border: 1 px solid 333333;
    font-family: "Treebuchet MS", verdana, helvetica;
    color: FFFFFF;
    font-size: 10px;
}

a. meny:hover {
    width: 100px;
    height: 30px;
    float: left;
    background: #FFFFFF;
    border: 1 px solid 333333;
    font-family: "Treebuchet MS", verdana, helvetica;
    color: 000000;
    font-size: 10px;
}

/*og evt.*/

a. meny:active {
    width: 100px;
    height: 30px;
    float: left;
    background: #000000;
    border: 1 px solid 333333;
    font-family: "Treebuchet MS", verdana, helvetica;
    color: FFFFFF;
    font-size: 10px;
}

/*og*/

a. meny:visited {
    width: 100px;
    height: 30px;
    float: left;
    background: #000000;
    border: 1 px solid 333333;
    font-family: "Treebuchet MS", verdana, helvetica;
    color: FFFFFF;
    font-size: 10px;
    padding: 5px;
}

/*Disse trenger du ikke å skrive hvis de ikke skal være annerledes enn den første. /*

I htmlen:


<a href="http://eventob.frac.dk" class="meny">Min hjemmeside</a>

Endret 16. april 2006 av EvoZ

snoopafella · 18. april 2006

Jeg får javascript error når jeg prøver koden jeg postet i det første innlegget.

a. meny 
{
  onmouseover: this.background=red;
  onmouseout: this.background=blue;
}
<table>
<td class=meny>bob</td>
<td class=meny>dod</td>
....
...
...
</table>

Jegt prøver å få til noe lignende det ovenfor: å definere onmouseout og onmouseover effekter uten å måtte skrive :

<table>
<td onmouseover="this.backgound=blue" onmouseout="this.background=red">bob</td>
<td onmouseover="this.backgound=blue" onmouseout="this.background=red">bob</td>
</table>

........for hver celle.

Det blir veldig mye unødvendig og uoversiktlig kode.

Er ikke helt kjent med klasser/css ennå.

"a." i det du postet referer vel til hyperlinker.

Hva skal jeg ha istedet for "a." for å bruke en klasse til å gjøre noe med noe annet enn en hyperlink?

Jeg fant flere eksempler av den koden du postet når jeg googlet men den hjalp meg ikke så mye videre.

onmouseover og onmouseout pleier å inneholde javascript kode og er vel egentlig ikke en "style" parameter?

Noen som har et eksempel der en css klasse er blitt brukt til å kalle en javascript funksjon evt. en css klasse som bruker onmouseover/out osv..

Logg inn

deling av eventeffekter for flere objekter

Anbefalte innlegg

snoopafella

Lenke til kommentar

Videoannonse

snoopafella

Lenke til kommentar

Even.

Lenke til kommentar

snoopafella

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer