Avatar billede mukanus Nybegynder
18. september 2001 - 15:07 Der er 14 kommentarer

! Mouseover { vis tekst andet sted } !

Jeg har 6 billeder i en menu der er lige ved siden af hinanden.

så vil jeg gerne gøre sådan et når musen er over et af de seks billeder skal der komme noget tekst frem lidt længere oppe ad siden ( jeg skal selv kunne bestemme antal pix nede fra og fra sieden )

det skal gøres ved alle de seks billeder som hedder:

a.gif
b.gif
c.gif
d.gif
e.gif
f.gif

den der laver det til mig eller lige tilfældigvis kender et sted hvir jeg kan finde det får 200 point.

sig til hvis jeg skal tilsætte flere point.

// Mu Kanus
Avatar billede nute Nybegynder
18. september 2001 - 15:10 #1
dette fungerer...du skal bare bytte ut alle tekstlinker med dine bilder...

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">

#divOne {position:absolute;left:100px;top:125px;visibility:hidden;clip:rect(0,100,20,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divTwo {position:absolute;left:120px;top:150px;visibility:hidden;clip:rect(0,100,20,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divThree {position:absolute;left:130px;top:175px;visibility:hidden;clip:rect(0,100,20,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divFour {position:absolute;left:140px;top:200px;visibility:hidden;clip:rect(0,100,20,0); background-color:#ffffff; layer-background-color:#ffffff;}

</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">

<!--
var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function showLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"show\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"visible\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"visible\";
    }
}

function hideLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"hidden\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"hidden\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"hidden\";
    }
}

//-->
</SCRIPT>
<body>

<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divOne\');\" onMouseOut=\"hideLayer(\'divOne\');\">Show/hide \'divOne\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divTwo\');\" onMouseOut=\"hideLayer(\'divTwo\');\">Show/hide \'divTwo\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divThree\');\" onMouseOut=\"hideLayer(\'divThree\');\">Show/hide \'divThree\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divFour\');\" onMouseOut=\"hideLayer(\'divFour\');\">Show/hide \'divFour\'</a>
<div name=\"divOne\" id=\"divOne\">divOne</div>
<div name=\"divTwo\" id=\"divTwo\">divTwo</div>
<div name=\"divThree\" id=\"divThree\">divThree</div>
<div name=\"divFour\" id=\"divFour\">divFour</div>

</body>
</html>

/nute
Avatar billede fangel Nybegynder
18. september 2001 - 15:13 #2
Du skal bruge en \"disjoint rollover\" eller \"swabtext\" alt efter hvilket program du bruger. jeg har det på min side men den virker ikke, eller kunne du have set det.

Så, hvilket program bruger du.

så kan jeg bedre guide dig.

Dea_PG
Avatar billede jakoba Nybegynder
18. september 2001 - 15:13 #3
som denne, bare med billeder istedet for links ?

http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93955.html
Avatar billede olebole Juniormester
18. september 2001 - 15:13 #4
<ole>
<script language=\"JavaScript\">
<html>
<head>
function skriv(tex) {
  document.getElementById(\"ib\").innerHTML = tex;
}
</script>
</head>
<body>

<div id=\"ib\" style=\"position:absolute;left:50px;top:100px;\"></div>

<a href=\"#\" onmouseover=\"skriv(\'noget\');\" onmouseout=\"skriv(\'\');\">a.gif</a>

</body>
</html>
/mvh
</bole>
Avatar billede olebole Juniormester
18. september 2001 - 15:14 #5
Ups:

<html>
<head>
<script language=\"JavaScript\">
function skriv(tex) {
  document.getElementById(\"ib\").innerHTML = tex;
}
</script>
</head>
<body>

<div id=\"ib\" style=\"position:absolute;left:50px;top:100px;\"></div>

<a href=\"#\" onmouseover=\"skriv(\'noget\');\" onmouseout=\"skriv(\'\');\">a.gif</a>

</body>
</html>
Avatar billede Jman Praktikant
18. september 2001 - 15:19 #6
Avatar billede mukanus Nybegynder
18. september 2001 - 16:14 #7
billederne er placeret !
de skal blive hvor de er.

Avatar billede mukanus Nybegynder
18. september 2001 - 16:28 #8
olebole og nute jeg har kigget lidt på det...
jeg skal lige have alt til at funke så vender jeg tilbage.

tak for det jeg tror det kommer til at virke !
Avatar billede nute Nybegynder
18. september 2001 - 16:29 #9
mukanus >> selvfølgelig kommer det til å virke ;-)
Avatar billede olebole Juniormester
18. september 2001 - 16:47 #10
Det er hr.Ying og hr.Yang, du har med at gøre...sammen er vi gode  =o)
/mvh
Avatar billede nute Nybegynder
18. september 2001 - 16:54 #11
UHA !!! hvem er så Yin og hvem er Yang ???

Det var en litt skummel analogi du kom med, men meningen med den var jo god nok :-)

/han der nødig vil være komplementet til den gode kraft...(vel...det skader vel ikke å være litt ond) =0D
Avatar billede olebole Juniormester
18. september 2001 - 17:20 #12
Jamen, så \'Ping og Pong\', \'Dupont og Dupont\', \'Chip og Chap\' (Disney\'s chipmunks), or what ever....  =o))
/mvh
Avatar billede nute Nybegynder
18. september 2001 - 17:26 #13
oki...fint nok :-D
Avatar billede tommy_carstensen Nybegynder
24. november 2004 - 10:50 #14
Hey mukanus, fik du det nogensinde til at virke? Jeg har nemlig det samme problem og vil gerne se din færdige kode...
Mit spm. -> http://eksperten.dk/spm/564464
Lignende spm. -> http://eksperten.dk/spm/289124
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