Avatar billede voller Nybegynder
14. september 2002 - 21:58 Der er 2 kommentarer og
1 løsning

RollOver i XHTML

Hejsa.

Er der en, der kan hjælpe mig med et JavaScript, der:

1. Preloader et billede.
2. Ved onMouseOver på et givet billede, erstatter billedet med det preload'ede.
3. Ved onMouseOut på samme billede, erstatter det preload'ede billede med det oprindelige?

Der er dog et lille twist: Siden skal bygges op i XHTML 1.1, der ikke tillader atributten "name", men kun atributten "id" i <img />. Alle de scripts jeg har set, bruger atributten "name", hvilket betyder de ikke kan bruges i XHTML 1.1. Er der en, der kan udvikle et script, der bruger "id" i stedet for?

På forhånd tak for hjælpen.
Avatar billede lequet Nybegynder
14. september 2002 - 22:57 #1
Prøv lige dette...

<script type="text/javascript">
<!--
if ( document.images ) {
  mouseOver = new Image ;
  mouseOut = new Image ;

  mouseOver.src = "over.gif" ;
  mouseOut.src = "out.gif" ;
} else {
  mouseOver = "" ;
  mouseOut = "" ;
  document.getElementById("billede") = "" ;
}
//-->
</script>

<img src="out.gif" alt="" id="billede" onmouseover="this.src = mouseOver.src" onmouseover="this.src = mouseOut.src" />
Avatar billede voller Nybegynder
14. september 2002 - 23:20 #2
Det ser jo lækkert ud. Tak for det. Lige to ting:

1.
Hvis andre vil bruge scriptet skal der en lille ændring til:
onmouseover="this.src = mouseOut.src" skal i virkeligheden hedde:
onmouseout="this.src = mouseOut.src"

2.
Som jeg har forstået det, så hedder kommandoerne i virkeligheden onMouseOver og onMouseOut (case sensitive), men det går ikke i XHTML. Betyder det noget, at man skriver kommandoerne kun med små bogstaver? Virker kommandoerne f.eks. ikke i alle browsere, hvis man kun har små bogstaver? Eller er det bare "dårlig" kode?

lequet, jeg vil meget gerne give dig dine points, men du har kun kommenteret. Opret et svar og du får dem.
Avatar billede lequet Nybegynder
14. september 2002 - 23:25 #3
1. Jep, tastefejl :)

2. Jeg er ret overbevist om at det ikke har nogen betydning, da HTML er case insensitive, og da onmouseover og de andre event handlers jo er HTML atributter kan det da kun være meget få, og meget underlige, browsere der ikke understøtter det. Men du må ikke hænge mig op på det :)

Og det var 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
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