mouseOver i 2 frames

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        menu2b = newImage("knapper/interioer2.gif");
        preloadFlag = true;
    }
}

du definerer den samme variabel og funktion adskillige gange, og hvergang du genteager den overskriver du den forrige. Det eneste billede der bliver preloadet er det sidste.

<script type='text/javascript'> <!--
// mouseover billedskift der joldes ved klik

        // dette preloader de billedfiler der ligger i arrayet billeder.
        //
var billeder = new Array( "knapper/interioer2.gif", "knapper/butikker2.gif",
                          "knapper/custom2.gif", "knapper/kontorer2.gif",
                          "knapper/restauranter2.gif", "knapper/stemnings2.gif" );
var tmp;
if ( document.images ) {
    for (var i=0; i<billeder.length; i++) {
        tmp = billeder[i];
        billeder[i] = new Image();
        billeder[i].src = tmp;
    }
}

// --- så er preload overstået.

// i arrayet vi preloader fra kan de 6 'on'-billeder findes via deres position i arrayet.
// billedet "knapper/interioer2.gif" er nummer 0 osv.

var aktivt = null;  // reference til den <img der sidst blev klikket ved

function findImg( navn ) {
    if ( ! document.images ) return null;
    var ref = document.images[navn]
    if ( ref ) {
        if ( ! ref.offPic ) ref.offPic = ref.src;
        return ref;
    } else {
        alert( "programmeringsfejl. intet billeder har  name='" +navn +"'." );
        return null
    }
}

function onOver( navn, nummer ) { // skift billede ved mouseover
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    pic.src = billeder[nummer].src;   
}

function onOut( navn ) {          // gendan billede ved mouseout
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    pic.src = pic.offPic;   
}

function onKlik( navn, nummer ) { // skift og hold billede ved klik
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    if ( aktivt ) {  // hvis et andet billede var aktivt
        aktivt.src = aktivt.offPic;  // så slå det fra
    } 
    pic.src = billeder[nummer].src;   
    aktivt = pic;
}


// -->
</script>


dit link:
        <a href="reference_interioer.htm" onFocus="this.blur()" target="maven"
        ONMOUSEOVER="changeImages(document.pic1.src='knapper/interioer2.gif'); return true;"
          ONMOUSEOUT="changeImages(document.pic1.src='knapper/interioer1.gif'); return true;">
        <IMG SRC="knapper/interioer1.gif" NAME="pic1" BORDER=0></a>

skrives så om til:
        <a href="reference_interioer.htm" onFocus="this.blur()" target="maven"
        ONMOUSEOVER="onOver('pic1',0); return true;"
          ONMOUSEOUT="onOut('pic1'); return true;"
                onclick="onKlik('pic1',0); return true;">
        <IMG SRC="knapper/interioer1.gif" NAME="pic1" BORDER=0></a>

mvh JakobA

Ups. jeg kikkede ikke ordentligt på dit link. target= er placeret forkert. så det skal ændres til:
        <a href="reference_interioer.htm" target="maven" onFocus="this.blur();"
        ONMOUSEOVER="onOver('pic1',0); return true;"
          ONMOUSEOUT="onOut('pic1'); return true;"
                onclick="onKlik('pic1',0); return true;">
        <IMG SRC="knapper/interioer1.gif" NAME="pic1" BORDER=0></a>

Hej JacobA
Jeg har ikke helt held med det, det driller. MouseOver virker ikke hverken i "nabo"framen eller på selve billedet. Ved klik overtager den også, så ikke engang her åbner den i target="maven".

Preload har jeg rettet. og fyldt ind, mén noget gør jeg forkert.
Jeg har lagt den ud (det er referencer/butikker), men her også det jeg har lavet:

<script type='text/javascript'> <!--
// mouseover billedskift der joldes ved klik

        // dette preloader de billedfiler der ligger i arrayet billeder.
        //
var billeder = new Array( "knapper/interioer2.gif", "knapper/butikker2.gif",
                          "knapper/custom2.gif", "knapper/kontorer2.gif",
                          "knapper/restauranter2.gif", "knapper/stemnings2.gif" );
var tmp;
if ( document.images ) {
    for (var i=0; i<billeder.length; i++) {
        tmp = billeder[i];
        billeder[i] = new Image();
        billeder[i].src = tmp;
    }
}
function findImg( navn ) {
    if ( ! document.images ) return null;
    var ref = document.images[navn]
    if ( ref ) {
        if ( ! ref.offPic ) ref.offPic = ref.src;
        return ref;
    } else {
        alert( "programmeringsfejl. intet billeder har  name='" +navn +"'." );
        return null
    }
}

function onOver( navn, nummer ) { // skift billede ved mouseover
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    pic.src = billeder[nummer].src;   
}

function onOut( navn ) {          // gendan billede ved mouseout
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    pic.src = pic.offPic;   
}

function onKlik( navn, nummer ) { // skift og hold billede ved klik
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    if ( aktivt ) {  // hvis et andet billede var aktivt
        aktivt.src = aktivt.offPic;  // så slå det fra
    } 
    pic.src = billeder[nummer].src;   
    aktivt = pic;
}


// -->
</script>

I <body> skriver jeg:

    <a href="butikker/img1.htm" target="maven" onFocus="this.blur();"
        ONMOUSEOVER="onOver('pic1',0); return true;"
          ONMOUSEOUT="onOut('pic1'); return true;"
                onclick="onKlik('pic1',0); return true;">
        <IMG SRC="../img/butikker/img1.jpg" NAME="pic1" BORDER=0 BORDER=0 width="71" height="71"></a>

mvh
Mutti1

Target har jeg rettet, der var en fejl.

når jeg kikker på http://www.flos.dk/web2002 får jeg stadig den gamle kode.

et problem en at debugge IE er at nar der er ramme på siden får man ikke at vide hvilken htmlside linienummeret henviser til. den fejl der kommer på linie 27 er fra linie 27 i filen http://www.flos.dk/web2002/referencer/htm/thoun_butikker.htm

den kommer fordi der mangler en </script> kommando til at afaslutte det første script før du starter det andet:

<SCRIPT LANGUAGE="JavaScript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }

}
// der burde være en  /script  kommando her.

<script type='text/javascript'> <!--

mvh JakobA

og så manglede jeg en linie i det script jeg skrev. Lige foran funktionen
onOver(...) skal der tilføjes en linie:

var aktivt = null;
function onOver( navn, nummer ) { // skift billede ved mouseover

mvh JakobA

ok. Jeg har rettet det, men...........hmm hvad kan det nu være, JacobA!?
http://www.flos.dk/web2002/referencer/reference_index.htm
(Det er kun den øverste thounnail jeg forsøger mig med)
hilsen Mutti1

Jeg kan se at du skal også vide at man skal klikke ind under butikker og der i øverste række er det lagt.

For en god orden skyld skriver jeg lige scriptet her:
<SCRIPT LANGUAGE="JavaScript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }

}
</script>

<script type='text/javascript'> <!--
// mouseover billedskift der joldes ved klik

        // dette preloader de billedfiler der ligger i arrayet billeder.
        //
var billeder = new Array( "../img/butikker/img1b.jpg", "../img/butikker/img2b.jpg",
              "../img/butikker/img1.jpg", "../img/butikker/img2.jpg",
                          "../img/butikker/img3b.jpg", "../img/butikker/img4b.jpg",
              "../img/butikker/img3.jpg", "../img/butikker/img4.jpg",
                          "../img/butikker/img5b.jpg", "../img/butikker/img5.jpg" );
var tmp;
if ( document.images ) {
    for (var i=0; i<billeder.length; i++) {
        tmp = billeder[i];
        billeder[i] = new Image();
        billeder[i].src = tmp;
    }
}
function findImg( navn ) {
    if ( ! document.images ) return null;
    var ref = document.images[navn]
    if ( ref ) {
        if ( ! ref.offPic ) ref.offPic = ref.src;
        return ref;
    } else {
        alert( "programmeringsfejl. intet billeder har  name='" +navn +"'." );
        return null
    }



}

var aktivt = null;
function onOver( navn, nummer ) { // skift billede ved mouseover

    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    pic.src = billeder[nummer].src;   
}

function onOut( navn ) {          // gendan billede ved mouseout
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    pic.src = pic.offPic;   
}

function onKlik( navn, nummer ) { // skift og hold billede ved klik
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    if ( aktivt ) {  // hvis et andet billede var aktivt
        aktivt.src = aktivt.offPic;  // så slå det fra
    } 
    pic.src = billeder[nummer].src;   
    aktivt = pic;
}


// -->
</script>

I body står:
<a href="butikker/img1.htm" target="mave" onFocus="this.blur();"
        ONMOUSEOVER="onOver('pic1',0); return true;"
          ONMOUSEOUT="onOut('pic1'); return true;"
                onclick="onKlik('pic1',0); return true;">
        <IMG SRC="../img/butikker/img1.jpg" NAME="pic1" BORDER=0 BORDER=0 width="71" height="71"></a>

mvh Mutti1

kik på den øverste script sektion:

<script LANGUAGE="JavaScript">
<!--                                // her starter en html kommentar
...
}                                  // men den slutter ikke
</script>

det skal være:

<script LANGUAGE="JavaScript">
<!--                                // her starter en html kommentar
...
}                                  // og den skal så afsluttes:
// -->
</script>

men du kan også bare smide hele den <script sektion væk. de to funktioner 'newImage' og 'changeImages' skal slet ikke bruges :-))

Jeg har smidt dem væk nu (c:    mouseOver skifter thounnail nu, men ikke i framen.....øv!

Jeg har testet og dette ser ud til at virke:

<html>
<head><title></title>

<script type='text/javascript'> <!-- // mouseover billedskift der holdes ved klik

        // dette preloader de billedfiler der ligger i arrayet billeder.
        //
var billeder = new Array( "../img/butikker/img1b.jpg", "../img/butikker/img2b.jpg",
                          "../img/butikker/img3b.jpg", "../img/butikker/img4b.jpg",
                          "../img/butikker/img5b.jpg" );
var tmp;
if ( document.images ) {
    for (var i=0; i<billeder.length; i++) {
        tmp = billeder[i];
        billeder[i] = new Image();
        billeder[i].src = tmp;
    }
}
function findImg( navn ) {
    if ( ! document.images ) return null;
    var ref = document.images[navn]
    if ( ref ) {
        if ( ! ref.offPic ) ref.offPic = ref.src;
        return ref;
    } else {
        alert( "programmeringsfejl. intet billeder har  name='" +navn +"'." );
        return null
    }
}

var aktivt = null;
function onOver( navn, nummer ) { // skift billede ved mouseover
    var pic = findImg( navn )
    if ( pic && pic != aktivt ) pic.src = billeder[nummer].src;   
}
function onOut( navn ) {          // gendan billede ved mouseout
    var pic = findImg( navn )
    if ( pic && pic != aktivt ) pic.src = pic.offPic;   
}
function onKlik( navn, nummer ) { // skift og hold billede ved klik
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    if ( aktivt ) aktivt.src = aktivt.offPic;  // så slå det fra
    pic.src = billeder[nummer].src;   
    aktivt = pic;
}

// -->
</script>
</head>
   
<body BGCOLOR="#cccccc" link="#ffffff" vlink="#ffffff" alink="#ffffff" topmargin="0" marginwidth="0"
leftmargin="0" marginheight="0" valign="top">

<table border="0" BGCOLOR="#ffffff" height="100%" width="80" topmargin="0" marginwidth="0" leftmargin="0" marginheight="0" align="center" valign="top" cellspacing="0" cellpadding="0">
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a href="butikker/img1.htm" target="mave" onFocus="this.blur();"  ONMOUSEOVER="onOver('pic1',0); return true;" ONMOUSEOUT="onOut('pic1'); return true;" onclick="onKlik('pic1',0); return true;">
    <img SRC="../img/butikker/img1.jpg" NAME="pic1" BORDER=0 BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img2.htm" onFocus="this.blur()" target="mave" ONMOUSEOVER="onOver('pic2',1); return true;" ONMOUSEOUT="onOut('pic2'); return true;" onclick="onKlik('pic2',1); return true;">
        <img NAME="pic2" SRC="../img/butikker/img2.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img3.htm" onFocus="this.blur()" target="mave" ONMOUSEOVER="onOver('pic3',2); return true;" ONMOUSEOUT="onOut('pic3'); return true;" onclick="onKlik('pic3',2); return true;">
        <img NAME="pic3" SRC="../img/butikker/img3.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img4.htm" onFocus="this.blur()" target="mave" ONMOUSEOVER="onOver('pic4',3); return true;" ONMOUSEOUT="onOut('pic4'); return true;" onclick="onKlik('pic4',3); return true;">
        <img NAME="pic4" SRC="../img/butikker/img4.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img5.htm" onFocus="this.blur()" target="mave" ONMOUSEOVER="onOver('pic5',4); return true;" ONMOUSEOUT="onOut('pic5'); return true;" onclick="onKlik('pic5',4); return true;">
        <img NAME="pic5" SRC="../img/butikker/img5.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
</table>

</body>
</HTM>

jeg har:
  fjernet de 5 'normal' billeder fra preload arrayet
  fjernet den overtlødige tabelafslutning tilsidst (den havde ingen start)
  rettet de andre links.

og hvis blot den ramme du vil have linksene til at vise noget i hedder  name='mave'  skulle det vrike fint.

mvh JakobA

Nu er det fine rensede også lagt på (1000 tak :)), target hedder "mave" og ja søde JacobA.....den gør det ikke!? øv øv. Du høre fra mig senere, jeg bliver nød til at lukke! mvh Mutti1

Jeg har nu et fint mouseOver på disse knapper, men det skifter ikke begge steder, der må da mangle noget?
hilsen Mutti1

p.s.
Jeg har lagt en forsøgside her, med ovenstående rettelse, klik på butikker:
http://www.interstudio.dk/flos/web2002/referencer/reference_index.htm

Jeg har vist misforstået noget. jeg forstår ikke hvilket andet sted det er der skal skifte noget ved mouseover; eller hvad det er der skal skife.
  det store billede i rammen 'mave'
  et menupunkt i en af de to andre menuer?
  ?

ok. Men planen/ønsket går på at det htm-dokument (man ellers er tvunget til at klikke for at se) skal vises til højre (i mave/gråt felt) blot ved mouseOver. Altså mouseOver i både thounnail og nabo-frame på én gang. Da-da-da-daaaaa......kan man det?

ja sagtens. men det bliver så lidt fjollet at lade de links være klikbare.

Og der kommer et spørgsmål. hvad skal der stå i den ramme når musen ikke er over nogen af de små billeder?

Nedenfor har jeg lavet så det kun er mouseover der ændrer indhold i rammen 'mave', klik har ingen effek og ved mouseout er det kun det lille billede der skifter tilbage.

<html>
<head><title></title>

<script type='text/javascript'> <!-- // mouseover billedskift der holdes ved klik

        // dette preloader de billedfiler der ligger i arrayet billeder.
        //
var billeder = new Array( "../img/butikker/img1b.jpg", "../img/butikker/img2b.jpg",
                          "../img/butikker/img3b.jpg", "../img/butikker/img4b.jpg",
                          "../img/butikker/img5b.jpg" );
var tmp;
if ( document.images ) {
    for (var i=0; i<billeder.length; i++) {
        tmp = billeder[i];
        billeder[i] = new Image();
        billeder[i].src = tmp;
    }
}
var urler = new Array ( "butikker/img1.htm", "butikker/img2.htm",
                        "butikker/img3.htm", "butikker/img4.htm",
                        "butikker/img5.htm" );
function findImg( navn ) {
    if ( ! document.images ) return null;
    var ref = document.images[navn]
    if ( ref ) {
        if ( ! ref.offPic ) ref.offPic = ref.src;
        return ref;
    } else {
        alert( "programmeringsfejl. intet billeder har  name='" +navn +"'." );
        return null
    }
}

var aktivt = null;
function onOver( navn, nummer ) { // skift billede ved mouseover
    var pic = findImg( navn )
    if ( ! pic && pic == aktivt ) return;
    pic.src = billeder[nummer].src;
    parent.mave.location.href = urler[nummer];
}
function onOut( navn ) {          // gendan billede ved mouseout
    var pic = findImg( navn )
    if ( pic && pic != aktivt ) pic.src = pic.offPic; 
}
function onKlik( navn, nummer ) { // skift og hold billede ved klik
    var pic = findImg( navn )
    if ( ! pic || pic == aktivt ) return;
    if ( aktivt ) aktivt.src = aktivt.offPic;  // så slå det fra
    pic.src = billeder[nummer].src; 
    aktivt = pic;
}

// -->
</script>
</head>
 
<body BGCOLOR="#cccccc" link="#ffffff" vlink="#ffffff" alink="#ffffff" topmargin="0" marginwidth="0"
leftmargin="0" marginheight="0" valign="top">

<table border="0" BGCOLOR="#ffffff" height="100%" width="80" topmargin="0" marginwidth="0" leftmargin="0" marginheight="0" align="center" valign="top" cellspacing="0" cellpadding="0">
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a href="butikker/img1.htm" target="mave" onFocus="this.blur();"  ONMOUSEOVER="onOver('pic1',0); return true;" ONMOUSEOUT="onOut('pic1'); return true;" onclick="return false; onKlik('pic1',0); return true;">
    <img SRC="../img/butikker/img1.jpg" NAME="pic1" BORDER=0 BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img2.htm" onFocus="this.blur(" target="mave" ONMOUSEOVER="onOver('pic2',1); return true;" ONMOUSEOUT="onOut('pic2'); return true;" onclick="return false; onKlik('pic2',1); return true;">
        <img NAME="pic2" SRC="../img/butikker/img2.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img3.htm" onFocus="this.blur(" target="mave" ONMOUSEOVER="onOver('pic3',2); return true;" ONMOUSEOUT="onOut('pic3'); return true;" onclick="return false; onKlik('pic3',2); return true;">
        <img NAME="pic3" SRC="../img/butikker/img3.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img4.htm" onFocus="this.blur(" target="mave" ONMOUSEOVER="onOver('pic4',3); return true;" ONMOUSEOUT="onOut('pic4'); return true;" onclick="return false; onKlik('pic4',3); return true;">
        <img NAME="pic4" SRC="../img/butikker/img4.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
    <tr><td align="center" width="79" height="75" BORDER=0>
        <a HREF="butikker/img5.htm" onFocus="this.blur(" target="mave" ONMOUSEOVER="onOver('pic5',4); return true;" ONMOUSEOUT="onOut('pic5'); return true;" onclick="return false; onKlik('pic5',4); return true;">
        <img NAME="pic5" SRC="../img/butikker/img5.jpg" BORDER=0 width="71" height="71"></a>
        </td>
    </tr>
</table>

</body>
</HTM>

mvh JakobA

Kære JacobA
Du er bare fantasktis, jeg er imponeret, det er sådan det skal være!!
Stor tak og hilsen fra
Mutti1

Resultatet på JacobA's kunnen kan midlertidigt ses her, under butikker:
http://www.interstudio.dk/flos/web2002/referencer/reference_index.htm
-og senere på flos.dk når sitet er blevet godkendt af Flos Italien.

:-)