Avatar billede hmm10 Nybegynder
19. juli 2003 - 18:47 Der er 3 kommentarer og
1 løsning

Skift af billede i menupunkt

Hey!

Jeg ønsker et script, hvor et menupunktsimages skifer, når musen bliver sat over menuteksten.. Se evt. mit eksemplet her:

  <tr>
    <td>< <!-- HER > --> img src="img/menu1.gif"></td>
    <td><a href="xxx">Menutekst nr. 1</a></td>
  </tr>
  <tr>
    <td>< <!-- HER > --> img src="img/menu1.gif"></td>
    <td><a href="xxx">Menutekst nr. 2</a></td>
  </tr>

Men hvordan? Jeg vil helst undgå et langt script i <head>, og/eller scriptet i andre filer.. helst i samme table, hvis det kan lade sig gøre, tak..

Please kom med noget brugbart i dette indlæg istedet for links til uoverskuelige sider..

På forhånd tak
HMM10
Avatar billede rune_c Nybegynder
19. juli 2003 - 18:58 #1
<img onmouseover="this.src='img/menu1_1.gif'" onmouseout="this.src='img/menu1.gif'" src="img/menu1.gif" /> så er det når du går over billedet.

<img id="img0" src="img/menu1.gif" /><a href="#" onmouseover="document.getElementById('img0').src='img/menu1_1.gif'" onmouseout="document.getElementById('img0').src='img/menu1.gif'">Menu1</a>

men du skal lægge det ved hvert link og det kan ikke betale sig hvis du har mange links. Så skal du altså  lave en funktion
Avatar billede hmm10 Nybegynder
19. juli 2003 - 19:47 #2
Jeg skal have mange links i min menu. Kan man så ikke sætte en funktion i/omkring <table>'en?
Avatar billede rune_c Nybegynder
19. juli 2003 - 20:16 #3
en funktion vil altid være at foretrække, men den skal i body'en eller head'en.

<script type="text/javascript">

function menuOver(id, newPic) {
  document.getElementById(id).src = newPic;
}

function menuOut(id, oldPic) {
  document.getElementById(id).src = oldPic;
}

</script>

<img id="img0" src="img/menu1.gif" /><a href="#" onmouseover="menuOver('img0','menu1_1.gif')" onmouseout="menuOut('img0','menu1.gif')">Menu1</a>

du kan ikke lægge en funktion ind i tabellen
Avatar billede hmm10 Nybegynder
21. juli 2003 - 17:07 #4
Takker
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