Søg
Avatar billede encorez Nybegynder
23. april 2003 - 22:00 Der er 19 kommentarer og
1 løsning

mouseover og out

Jeg skal have lavet et lille script. Jeg har en menu hvor jeg til hver knap bruger samme baggrund, xxx.gif. Hver knap fylder en celle i en tabel, så jeg i hver celle skriver jeg background="xxx.gif". Teksten er hvid.

Jeg skal så bruge et script, som kan anvendes på alle knapper, så når man kører musen over en celle/knap, ændres baggrunden til yyy.gif og teksten i cellen ændres til sort.

Det er sikkert lige til, jeg kan bare ikke lige gennemskue det.

Så jeg forestiller mig 2 funktioner. over() og out(), og at disse skal kaldes således:
<td background="xxx.gif" onmouseover="over();" onmouseout="out();">

Håber nogen kan lave et sådan script

Mvh. Simon
Avatar billede Slettet bruger
23. april 2003 - 22:09 #1
jeg er ikke js haj meeeen...

function over() {
style.color='black';
this.src='etandetbilled.gif';
}

måske? :)
Avatar billede encorez Nybegynder
23. april 2003 - 22:14 #2
du skal vel have ordet "background" ind et sted, eller ved functionen vel ikke hvor det andet billede skal sættes ind. Det kunne jo også være som et alm billede
Avatar billede encorez Nybegynder
23. april 2003 - 22:17 #3
jeg har vist trykket forkert. Det var faktisk ikke meningen du skulle have pointene :)
Avatar billede Slettet bruger
23. april 2003 - 22:19 #4
du kan få dine points tilbage liiiiige om  lidt.. medmindre dette selvfølgelig virker ;0)


function over() {
style.color='black';
this.background='etandetbilled.gif';
}
Avatar billede encorez Nybegynder
23. april 2003 - 22:30 #5
måske, men der er stadig noget der ikke virker. Hvis jeg kun skriver <td backgr... onmouseover="over();"> så sker der ingen ting når musen trækkes over cellen. Men hvis f.eks. skriver onmouseover="over(this);" eller noget andet end this, så er det som om funktionen bliver aktiveret for så sker der noget. Dog kun at der kommer fejl
Avatar billede Slettet bruger
23. april 2003 - 22:37 #6
Jeg er så elendig til javascript at jeg nu må foreslå dig at bruge CSS! :0)
det er da også nemmere.. ;) du kan lige få dine points tilbage
Avatar billede grunken Nybegynder
23. april 2003 - 22:38 #7
Her :)

<script language="javascript">
  function over(elementet) {
    elementet.style.color = "#FFFFFF";
    elementet.background = "billede.jpg";
  }
  function out(elementet) {
    elementet.style.color = "#000000";
    elementet.background = "xxx.jpg";
  }
</script>
<table>
<tr>
<td Id="td" background="xxx.gif" onmouseover="over(this);" onmouseout="out(this);">Tester</td>
</tr>
</table>
Avatar billede Slettet bruger
23. april 2003 - 22:38 #8
Her smider du bare et svar :)

www.eksperten.dk/spm/343942
Avatar billede Slettet bruger
23. april 2003 - 22:39 #9
jeg var da tæt på ;oD
Avatar billede grunken Nybegynder
23. april 2003 - 22:41 #10
Jeps Westhi ;D

du skal sq nok lære det :)
Avatar billede Slettet bruger
23. april 2003 - 22:47 #11
og hvis han er tilfreds med det kan du jo ligeså godt svare i mit points tilbage indlæg.. så slipper vi for alle de spørgsmål :)
Avatar billede grunken Nybegynder
23. april 2003 - 22:48 #12
Det har du ret i, men lad os nu se hvad manden siger ;D
Avatar billede encorez Nybegynder
23. april 2003 - 22:48 #13
I skal begge to have tak, men det var vist grunken der ramte rigtig. Læg et svar hos westhi, så skulle det være i orden :)
Avatar billede grunken Nybegynder
23. april 2003 - 22:51 #14
Og tak for ponts ;D
Avatar billede encorez Nybegynder
23. april 2003 - 23:28 #15
lige et tillægsspørgmål, hvis I gider.

Hvordan gør man sådan, så det er hele cellen der fungere som knap og ikke kun den tekst der står i den. Altså så der visses en hånd istedet for en pil, når musen holdes over cellen. Kan man lave det med en onclick eller onfocus, eller er der noget andet
Avatar billede grunken Nybegynder
23. april 2003 - 23:50 #16
elementet.style.cursor = "hand";
Avatar billede grunken Nybegynder
23. april 2003 - 23:50 #17
håber det var svar nok :)
Avatar billede grunken Nybegynder
23. april 2003 - 23:55 #18
okay :)

sådan her hvis hele elementet skal fungere som et link!

<script language="javascript">
  function over(elementet) {
    elementet.style.color = "#FFFFFF";
    elementet.style.cursor = "hand";
    elementet.background = "billede.jpg";
  }
  function out(elementet) {
    elementet.style.color = "#000000";
    elementet.background = "xxx.jpg";
  }
</script>
<table>
<tr>
<td Id="td" background="xxx.gif" onmouseover="over(this);" onmouseout="out(this);" onclick="location.href='http://www.grunken.dk';">Tester</td>
</tr>
</table>
Avatar billede encorez Nybegynder
23. april 2003 - 23:56 #19
perfect, takker igen mange gange
Avatar billede grunken Nybegynder
24. april 2003 - 00:00 #20
så lidt :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »