Onmouser over virker ikke i firefox

Det skyldes, at Firefox fortolker linjeskift som childNodes. Dvs. largeimg.firstChild bliver linjeskiftet lige efter div'en "largeimg", så du skal bare skrive det på én linje. Er du i tvivl, så post lidt mere af din kode. Du har skåret den, lige på det sted, hvor problemet ligger. I øvrigt bør det ikke være "onMouseOver", men "onmouseover".

Ganske rigtigt, men den nemmeste løsning vil nok være at give dit <img>-tag en ID selv.

Alternativt smide et id på elementet til det store billede, så du kan hente det direkte med getElementById. Så er du uafhængig af hvordan billedet ligger i dokumentstrukturen...

Nå, for der var jeg for langsom :)

<ole>

Man kunne også:

<script type="text/javascript">
function handleOver(oImg) {
    document.getElementById("largeimg").setAttribute("src", oImg.getAttribute("src").replace("small/", ""));
    document.getElementById("largeimg").parentNode.style.display="inline";
}
function handleOut(oImg) {
    document.getElementById("largeimg").parentNode.style.display="none"
}
</script>

<div id="frise1">
    <img title="test" style="width:100px;cursor:pointer"
        onMouseOver="handleOver(this)"
        onMouseOut="handleOut(this)"
        src="billed/frise/small/<%=valgt%>.jpg"></div>

<span align="center" style="display:none"><img id="largeimg" src=""></span>

/mvh
</bole>

Tak for svar og tanker.

Fjernelse af linieskift løste det.

Div tag'et i stedet for img id'et noget med at jeg ønsker en bestemt placering af mit store billede (Har næsten ingen viden om JS)

Søren

Tak for point!

Interessant argument for at vælge en mindre fleksible løsning ;-)

W13 velbekom ...

Softspot ... vil du evt uddybe dit synspunkt ... og brugbart kunne evt give nogle point ...

Softspot mener, at dit billede skal ligge præcis som det gør nu, for at koden virker. Hvis billedet flyttes, skal koden rettes til.

Nu rettede jeg jo bare din kode, så den kom til at virke, så jeg gik ud fra den opbygning, som din kode havde. _Hvis_ du vil være sikker på, at det ikke gør noget, hvis du placerer billedet på en anden måde, kan du sætte et id på, som Softspot foreslår. Så behøver du ikke bruge firstChild, men kan i stedet benytte document.getElementById('billedets-id')... som jo unægteligt bliver lidt mere dynamisk.

Hvis jeg bruger id på img, så skal jeg vel alligevel have et div tag for absolut placering ... eller ...

Hvad mener du med at placerer billedet på en anden måde ...

Hvis du sætter andre elementer ind foran det eller lign.
Og du kan nok undgå div-tag'et i øvrigt, du kan jo bare sætte style direkte på billedet.

Det er vel ikke helt vildt at have et ID på din <div> som du så kan tænde og slukke for, og et ID på dit <img> så du kan skifte billede. Det var egentlig blot hvad jeg lagde op til. Så er der selvfølgelig de7.324 andre måder at gøre det på.

Styler jeg direkte på billedet vil jeg jo skulle rette det på alle sider ...

Jeg kan sagtens sætte andre tags ind i mellem ...

Nu er jeg ikke med. Skal du så ikke også rette det, hvis du styler på div'et?

Og hvor mange sider har du, der har den samme kode? ^o)

Erik bestemt ikke vildt, divet syns jeg er smart, lige nu kan jeg ikke rigtig se hvad jeg skulle bruge id'et på img'en til ... måske lyset går op for mig en dag ... siden her skifter faktisk billede hver gang den bliver loaded.

Og ja, tonsvis af muligheder, og det noget af det fede ved at lege med det ... Skulle I have lyst til at se siden, så hedder den sb-online.dk ... ikke at jeg er færdig ... men på vej ...

Jeg viste ellers, hvad du kan bruge et ID på billedet til i (20/01-2008 01:32:42)  :)

W13, stylinget af mit div ligger i min css side.

Det en fast del af mit site ... med 3 billeder lodret i højre side ...

Søren

Det er så nemt, så man tror det er løgn (om det er nemmere end Oles kommer han og mig nok til at diskutere ... *haha*):

<script type="text/javascript">
function handleOver(src){
document.getElementById("largeimgxxx").setAttribute("src",src);
document.getElementById("largeimg").style.display="inline";
}
function handleOut(){
document.getElementById("largeimg").style.display="none"
}
</script>


  <div id="frise1">
    <a title="test" onMouseOver="handleOver('billed/frise/<%=valgt%>.jpg')" onMouseOut="handleOut()">
    <img name="img" border="0" width="100px" src="billed/frise/small/<%=valgt%>.jpg"></a></div>
<div id="largeimg" align="center" style="display:none">
<img id="largeimgxxx">
....osv....

passiflora> Så du har designet liggende på hver sides? Jeg kan med fordel anbefale, at du kigger på nogle muligheder for inkludering af design. Det er tre-kvart-million gange lettere. =)

w13 ... Tænker du her på et include ... eller ...

Ja, f.eks. Jeg fik den forståelse, at du manuelt satte designet ind på samtlige sider, men jeg tager muligvis fejl. =)

Jeg burde bruge include, men selve designet styres af css'en ... i det omfang jeg kan finde ud af det ...

Med include bli'r det stadig styret af css (når det er det, du har valgt at bruge), det der bliver inkluderet er alle de html-koder, der går igen på alle siderne, dvs. html'en som udgør designet.

F.eks. kan du gøre sådan her:

header.asp:
---------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Sidens navn</title>
</head>
<body>
<h1>Sidens navn</h1>
---------------------------------

footer.asp:
---------------------------------
<p>Copyright (C) 2008</p>
</body>
</html>
---------------------------------

index.asp:
---------------------------------
<!--#include virtual="header.asp"-->

Indhold

<!--#include virtual="footer.asp"-->
---------------------------------

Så vil header indsættes før og footer indsættes efter indholdet, så resultatet bliver:
---------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Sidens navn</title>
</head>
<body>
<h1>Sidens navn</h1>

Indhold

<p>Copyright (C) 2008</p>
</body>
</html>

W13 - har brugt include til menu, men da aldrig overvejet top og bund ... det da smart ... og så include min frise

Erik >> Det behøver vi ikke at diskutere - for mit eksempel er naturligvis bedst!  ;D

Jeg vil gerne have så lidt kode i min markup, som muligt. Det er ofte en fordel i forhold til søgemaskiner - JavaScriptet lægges i en ekstern fil, så man ikke behøver trætte Google med den slags.

Samtidig er min version en smule lettere at vedligeholde. Hvis jeg f.eks. ønsker at ændre min 'small' mappes navn til 'thumbs', skal jeg i din version ind og ændre to steder på hver HTML-side. I min version skal jeg blot ind og rette ét sted og derudover rette linjen i JS-filen:
    document.getElementById("largeimg").setAttribute("src", oImg.getAttribute("src").replace("small/", ""));

- til:
    document.getElementById("largeimg").setAttribute("src", oImg.getAttribute("src").replace("thumbs/", ""));

Men skal vi være helt ærlige ... "Pølse for og pølse bag - pølsen bevarer dog sin smag"  ;o)

Ole ... vil det sige at I også lave include på js? Har det der include slet ingen hage .. :)

Jo færre steder der skal rettes til destro bedre, det minimerer jo meget mængden af fejl

Forstod jeg blot en smule mere js ...

I ægte XHTML (som ingen browser endnu understøtter) er der slet ikke mulighed for at skrive styles eller scripts direkte i dokumentet - de skal ligge i eksterne filer.

Derudover er der også i HTML kun fordele ved at inkludere den slags kode fra eksterne filer. Dels skal du kun opdatere ét sted - og dels cache's filerne på brugerens PC, så de kun skal downloades én gang af browseren

- og det gøres i head-elementet med:
    <script type="text/JavaScript" src="min_fil.js"></script>

... og head elementet ligge externt ... hmm ...

Det må jeg eksperimenterer med ... 1000 tak ...

Syns jeg skylder nogle point ...

Nej, head-elementet kan du ikke lægge eksternt  :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
    <link href="mine_style.css" rel="stylesheet" type="text/css">
    <script type="text/JavaScript" src="mine_scripts.js"></script>
</head>
<body>

Indhold ...

</body>
</html>

- og nej, du skylder ikke mig nogen points  :)

Tak ihvertfald

Syn's at w13 lagde i seperat fil ...

Olebole>> Jeg tror, der menes, hvis designet inkluderes, så ligger header jo nok eksternt.

Sorry ... det var måske mig, der misforstod. 'Head' kan betyde flere ting ... hvilket jeg jo godt ved, når jeg bruger mit eget  ;D