Søg
Avatar billede jr40 Nybegynder
18. marts 2002 - 10:01 Der er 26 kommentarer og
1 løsning

se billed når musen går hen over noget tekst.

Hejsa

Jeg mangler et script, ligesom det som er på dette site her:
www.web2you.dk

altså man har noget tekst, også skal der komme et billet på et bestemt sted på sitet.
Avatar billede korup Nybegynder
18. marts 2002 - 10:12 #1
onMouseOver="MM_swapImage('Image1','','nogl222.gif',1)


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Avatar billede korup Nybegynder
18. marts 2002 - 10:12 #2
/korup
Avatar billede jr40 Nybegynder
18. marts 2002 - 10:13 #3
hmm ja oki, nu er jeg ik så god til det her, kunne være rart med et eksempel.
Avatar billede korup Nybegynder
18. marts 2002 - 10:14 #4
<script laungauge="JavaScript">
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

<script>




<a href="side.asp" omMouseOver="MM_swapImage('Image1',','billede.gif'1)">


/korup
Avatar billede korup Nybegynder
18. marts 2002 - 10:17 #5
<script> Skal stå i <head>

og <a href="">side</a> skal stå i <body>

<img border="0" src="nogl222.gif" name="Image1" width="145" height="103">
Avatar billede z42cool Nybegynder
18. marts 2002 - 10:19 #6
Korup>> Dreamweavers image swap rutine - kunne du ikke i det mindste have skrevet en selv?
Avatar billede korup Nybegynder
18. marts 2002 - 10:23 #7
z42cool>> Det kunne jeg jo nok.... Mennnn Dette gik lidt hurtigere!!
Avatar billede cdc Novice
18. marts 2002 - 10:42 #8
http://www.dhtmlcentral.com/script/script.asp?id=28
dette er en jeg selv har brugt og som fungerer.

/cdc
Avatar billede =maddog= Nybegynder
18. marts 2002 - 16:03 #9
<SCRIPT>
function getLayer(layer) {
    if(document.layers) { return document.layers[layer]; }
    if(document.all) { return document.all[layer]; }
    if(!document.all && document.getElementById) { return document.getElementById(layer); }
}

function setLayerTag(layer,msgstring) {
    if(document.layers) {
        getLayer(layer).document.open(); getLayer(layer).document.write('<'+msgstring+'>');
        getLayer(layer).document.close();
    } else {
        getLayer(layer).innerHTML='<'+msgstring+'>';
    }
}
</SCRIPT>
<A HREF=# onMouseOver="setLayerTag('pic','IMG SRC=dit billede');">Prøv Bare</A>
<DIV ID="pic"></DIV>

Jeg har ikke prøvekørt det, men det skulle virke i NS4+ og IE4+.
Avatar billede jr40 Nybegynder
19. marts 2002 - 18:09 #10
Ja nu har jeg sat det ind:
http://aklausen.dyndns.dk/andre/andre-hp/test.asp

Men hvordan gør jeg så af man kan sætte det billed et andet sted hen på sitet.?
Avatar billede =maddog= Nybegynder
20. marts 2002 - 11:28 #11
hmm.
måske en anden approach.
indsæt denne funktion

function showLayer(layer) {
    if(document.layers) {getLayer(layer).visibility='visible';}
    else {getLayer(layer).style.visibility='visible';}
}

og lav dit layer sådan her
<A HREF=# onMouseOver="showLayer('pic');">Prøv Bare</A>
<div id="pic" style="position:absolute;visibility:hidden;top:60;left:20;">
<img src=test.jpg>
</div>

Du kan nu stille positionen ved hjælp af top og left.
Avatar billede jr40 Nybegynder
20. marts 2002 - 13:10 #12
maddog>>>Nu skriver siden fejl:
http://aklausen.dyndns.dk/andre/andre-hp/test.asp

"Sådan her ser koden ud".

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<SCRIPT>
function getLayer(layer) {
    if(document.layers) { return document.layers[layer]; }
    if(document.all) { return document.all[layer]; }
    if(!document.all && document.getElementById) { return document.getElementById(layer); }
}

function setLayerTag(layer,msgstring) {
    if(document.layers) {
        getLayer(layer).document.open(); getLayer(layer).document.write('<'+msgstring+'>');
        getLayer(layer).document.close();
    } else {
        getLayer(layer).innerHTML='<'+msgstring+'>';
    function showLayer(layer) {
    if(document.layers) {getLayer(layer).visibility='visible';}
    else {getLayer(layer).style.visibility='visible';}
}

</SCRIPT>
<body bgcolor="#FFFFFF" text="#000000">
<A HREF=# onMouseOver="showLayer('pic');">Prøv Bare</A>
<div id="pic" style="position:absolute;visibility:hidden;top:60;left:20;">
<img src=test.jpg>
</div>

</body>
</html>
Avatar billede =maddog= Nybegynder
20. marts 2002 - 13:20 #13
du skal sætte denne funktion ind
function showLayer(layer) {
                          if(document.layers) {getLayer(layer).visibility='visible';}
                          else {getLayer(layer).style.visibility='visible';}
                      }
imellem <script> tag'sene.
Avatar billede jr40 Nybegynder
20. marts 2002 - 13:37 #14
Hmm er ik helt med.
Kan du ik lige sætte det der ind.
Avatar billede =maddog= Nybegynder
20. marts 2002 - 15:50 #15
selvfølgelig. det her virker:
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<SCRIPT>
function getLayer(layer) {
    if(document.layers) { return document.layers[layer]; }
    if(document.all) { return document.all[layer]; }
    if(!document.all && document.getElementById) { return document.getElementById(layer); }
}

function showLayer(layer) {
    if(document.layers) {getLayer(layer).visibility='visible';}
    else {getLayer(layer).style.visibility='visible';}
}


</SCRIPT>
<body bgcolor="#FFFFFF" text="#000000">
<A HREF=# onMouseOver="showLayer('pic');">Prøv Bare</A>
<div id="pic" style="position:absolute;visibility:hidden;top:60;left:20;">
<img src=test.jpg>
</div>

</body>
</html>
Avatar billede jr40 Nybegynder
20. marts 2002 - 15:57 #16
oki nice nu dur det næsten som jeg vil have det.

Hvad skal jeg skrive når jeg vil tilføje flejer link som:

<A HREF=# onMouseOver="showLayer('pic');">Prøv Bare</A>
<div id="pic" style="position:absolute;visibility:hidden;top:60;left:20;">
<img src=test.jpg>
</div>
Avatar billede jr40 Nybegynder
20. marts 2002 - 15:58 #17
flejer=flere
Avatar billede =maddog= Nybegynder
20. marts 2002 - 16:04 #18
tilføj flere layers. du kan også få dem til at dukke op forskellige steder.
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<SCRIPT>
function getLayer(layer) {
    if(document.layers) { return document.layers[layer]; }
    if(document.all) { return document.all[layer]; }
    if(!document.all && document.getElementById) { return document.getElementById(layer); }
}

function showLayer(layer) {
    if(document.layers) {getLayer(layer).visibility='visible';}
    else {getLayer(layer).style.visibility='visible';}
}
function hideLayer(layer) {
    if(document.layers) {getLayer(layer).visibility='hidden';}
    else {getLayer(layer).style.visibility='hidden';}
}

</SCRIPT>
<body bgcolor="#FFFFFF" text="#000000">
<A HREF=# onMouseOver="showLayer('pic1');" onMouseOut="hideLayer('pic1');">Billed 1</A>
<A HREF=# onMouseOver="showLayer('pic2');" onMouseOut="hideLayer('pic2');">Billed 2</A>
<A HREF=# onMouseOver="showLayer('pic3');" onMouseOut="hideLayer('pic3');">Billed 3</A>


<div id="pic1" style="position:absolute;visibility:hidden;top:60;left:20;">
<img src=test1.jpg>
</div>
<div id="pic2" style="position:absolute;visibility:hidden;top:50;left:30;">
<img src=test2.jpg>
</div>
<div id="pic3" style="position:absolute;visibility:hidden;top:40;left:40;">
<img src=test3.jpg>
</div>
</body>
</html>
Avatar billede jr40 Nybegynder
20. marts 2002 - 16:06 #19
tænkte på om du har tid.
fordi så lav på siden her:
http://aklausen.dyndns.dk/andre/andre-hp/index.asp

billederne fixer jeg selvfølgelig selv, men det andet må du MEGET gerne fixe.
Avatar billede jr40 Nybegynder
20. marts 2002 - 16:08 #20
det eneste problem på min side der, er af når man gør ens explorer vindue lille, så flytter min layer sig, og det må den helst ikke.

ellers var den layer på siden ok.
Avatar billede =maddog= Nybegynder
20. marts 2002 - 16:57 #21
dit problem er faktisk at den flytter sig ikke! De andre elementer er ikke sat til position:absolute og er derfor position:static som default.
prøv at sætte dine top og left værdier ved hjælp af screen.height og screen.width så de ser godt ud uanset skærmopløsningen. f.x.

function init(layer) {
    getLayer(layer).style.top = ((Math.round(screen.height)-10)/10);
    getLayer(layer).style.left = ((Math.round(screen.width)-10)/2.8);
}

og så onLoad i BODY tagget
<BODY onLoad="init('minDiv');">

Husk at genbruge getLayer funktionen fra før. Man kan jo ligeså godt lave det hele en anelse objekt-orienteret.
Det her løser dog ikke dit problem, men du kan forsøgsvis prøve at sætte alt layers med position:absolute og init(layer) funktionen.
Avatar billede jr40 Nybegynder
20. marts 2002 - 18:29 #22
maddog>>>Nu er jeg ikke så meget inde i det her.
jeg høre jo af du kan en del.
Så jeg vil høre om du muligvis vil fixe mit problem på min side der.?
evt. med flere points.?
Avatar billede =maddog= Nybegynder
20. marts 2002 - 20:24 #23
Giv mig lige lidt tid så. Jeg skal gøre et hæderligt forsøg.
Avatar billede jr40 Nybegynder
20. marts 2002 - 21:39 #24
maddog>>>Oki lyder rigtig rigtig godt, da lige det her slet ikke er min stærke side.

Altså du kan godt få mange flere points for det, hvis du altså vil have det.

"Har du forresten icq/msn."?
Avatar billede =maddog= Nybegynder
23. marts 2002 - 13:56 #25
så er den ged barberet
www.dsr.kvl.dk/~maddog/jr40/
Avatar billede =maddog= Nybegynder
23. marts 2002 - 13:56 #26
:-)
Avatar billede jr40 Nybegynder
23. marts 2002 - 13:57 #27
takker mange gange for det.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:49 Fejl på Tv2 Play Af Bukse i Browsere
I går 18:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
White papers
Flere white papers »