Avatar billede krogstrup Nybegynder
02. november 2000 - 13:17 Der er 15 kommentarer og
2 løsninger

OnMouseOver = change tabel background picture

Simpelt (tror jeg):

<td onMouseOver=\"skift baggrundsbillede for denne celle\" onMouseOut=\"skift baggrundsbillede for denne celle\">Hej</td>

HVORDAN GØR JEG OVENSTÅENDE ???
Avatar billede krogstrup Nybegynder
02. november 2000 - 13:17 #1
NB: Det gør ikke noget at løsningen kun fungerer i Internet Explorer !!!
Avatar billede starleicht Nybegynder
02. november 2000 - 13:30 #2
Jeg er ved at lave en hjemmeside med denne menu:

http://www.leicht.dk/eksperten/nymenu1.html

Var det noget i den stil du tænkte på??
Avatar billede starleicht Nybegynder
02. november 2000 - 13:33 #3
Den skifter dog kun baggrundsfarven!
Jeg ved ikke om man kan gøre det samme med et billede?????
Avatar billede olebole Juniormester
02. november 2000 - 13:53 #4
<ole>
Det burde ifølge standarden kunne lade sig gøre, men hverken IE eller NS vil være med. Jeg har slået op i dokumentationen og er 100% sikker på, min syntaks er korrekt, men ak...  :o(

Som du ved , Krog - er jeg på Mac...måske det kan lade sig gøre under Windows...?

For du selv kan gå videre, sætter man baggrundsbilledet med CCS således:
    #tabelCelleId { background-image: url(din.gif); }

Når man skal skifte med JavaScript, burde det hedde:
    document.all.tabelCelleId.style.backgroundImage = \"dinNy.gif\";
/mvh
</bole>
Avatar billede krogstrup Nybegynder
02. november 2000 - 14:00 #5
F.eks. sådan her:

<td background=\"button1.jpg\" onMouseOver=\"document.all.minCelle.style.backgroundImage = \'button2.jpg\';\" id=\"minCelle\">Celle indhold</td>
Avatar billede krogstrup Nybegynder
02. november 2000 - 14:01 #6
PS: Ovenstående virker nemlig ikke under Windows, ak og ve :-(
Avatar billede olebole Juniormester
02. november 2000 - 14:09 #7
Tjahhhh...can\'t win \'em all...!
Jeg har checket online- og \'hård\' dokumentation, samt prøvet lidt af hvert.
Prøv at tippe Jumper...kan han heller ikke, tror jeg - i al beskedenhed - ikke det kan lade sig gøre!
/mvh
Avatar billede krogstrup Nybegynder
02. november 2000 - 14:29 #8
hmmm, tænk at jeg skulle høre de ord fra dig Ole; \"det kan ikke lade sig gøre...\"

:-)
Avatar billede starleicht Nybegynder
02. november 2000 - 14:36 #9
Dette virker vist:

<table>
<tr>
<td id=\"td1\" background=\"image1.jpg\">
<a href=\"#\" onMouseOver=\"document.all.td1.background = \'image2.jpg\'\" onMouseOut=\"document.all.td1.background = \'image1.jpg\'\">text link</a>
</td>
</tr>
</table>
Avatar billede olebole Juniormester
02. november 2000 - 14:37 #10
Jamen, Okay da!  :o))

Du kunne jo placere et lag med en identisk tabel ovenpå den første. I den nederste lægger du så gif\'er i cellerne - i den øverste tekst. Du kan så skifte gif\'erne med en alm. image-swap funktion.

ALT kan lade sig gøre...det umulige kræver blot lidt mere fantasi - og koster derefter *LOL*

/mvh
Avatar billede olebole Juniormester
02. november 2000 - 14:42 #11
starleict >> Nej, det virker ikke - og burde heller ikke efter standarden.
/mvh
Avatar billede starleicht Nybegynder
02. november 2000 - 14:45 #12
olebole >> Det virker fint i IE5.0!
Avatar billede starleicht Nybegynder
02. november 2000 - 14:46 #13
Men IE overholder jo heller ikke standarden! ;-)
Avatar billede olebole Juniormester
02. november 2000 - 15:04 #14
Jeg bøjer mig...selvom det ikke er JavaScript-standard...!?! Hvor ville det dog være skønt, om man kunne blive enige om at overholde standarden, så vi kunne slå op, hvad vi skal skrive.
Se lige:
    http://www.eksperten.dk/spm/31568
/mvh
Avatar billede altinet Nybegynder
02. november 2000 - 15:24 #15
Pseudokode:

<head>

<script>

//preload billeder
images = new array()
images[0] = baggrund_mouseout.gif
images[1] = baggrund_mousein.gif

//start celle baggrund
img1 = \"mouseout\"

//funktioner til skift af celle baggrund
function Mouse_in() {
img1 = \"mousein\"
}

function Mouse_out() {
img1 = \"mouseout\"
}

</script>

</head>

<body>
<table>
<tr>
<script>
document.write = \"<td background=baggrund_\" + img1 +\".gif>\" dine celle data </td>
</script>
</tr>
</table>
</body>


Virker det mon??

:-) Lars
Avatar billede olebole Juniormester
02. november 2000 - 15:31 #16
Nej, kun ved første indlæsning, kan du lave document.write - ellers skal du lave det med layer-writing
/mvh
Avatar billede jumper Nybegynder
02. november 2000 - 15:20 #17
<td onmouseover=\"this.background=\'nytbillede.gif\'\" onmouseout=\"this.background=\'gammeltbillede.gif\'\">

/Thor
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