Notifikationer

Markér alle som læst Log ud

marvel Praktikant

04. maj 2003 - 01:09 Der er 17 kommentarer og
1 løsning

popup billede

hvordan kan man få et lille popup vindue i stil med denne side http://jscript.1go.dk/scripts/menu/overlib.htm til at indeholde udelukkende et billede? Kender I andre scripts med denne funktion?

Synes godt om

perj Nybegynder

04. maj 2003 - 01:15 #1

Se denne her: http://www.eksperten.dk/spm/328544

Synes godt om

perj Nybegynder

04. maj 2003 - 01:17 #2

Tror faktisk jeg misforstod dit spørgsmål ;-)

Synes godt om

grunken Nybegynder

04. maj 2003 - 01:18 #3

Der er ingen problemer i at sætte billeder ind i selvsamme script ;)

Synes godt om

grunken Nybegynder

04. maj 2003 - 01:21 #4

Og hvis det skal fungere på samme måde vil muligheden for at sætte billeder ind altid være der ;)

Synes godt om

Slettet bruger

04. maj 2003 - 01:23 #5

Dette burde virke fint:

<DIV id=overDiv style="POSITION: absolute; Z-INDEX: 1"></DIV>
<SCRIPT language=JavaScript
src="overlib.js"></SCRIPT>
<A href="http://jscript.1go.dk/" onmouseout="nd(); return true;"
onmouseover="dcc('<img src=\'sittilbilled.gif\/>','Overskrift'); return true;">jscript.1go.dk</a>

Synes godt om

Slettet bruger

04. maj 2003 - 01:23 #6

prøver lige igen... sorry...

<DIV id=overDiv style="POSITION: absolute; Z-INDEX: 1"></DIV>
<SCRIPT language=JavaScript
src="overlib.js"></SCRIPT>
<A href="http://jscript.1go.dk/" onmouseout="nd(); return true;"
onmouseover="dcc('<img src=\'sittilbilled.gif\'/>','Overskrift'); return true;">jscript.1go.dk</a>

Synes godt om

marvel Praktikant

04. maj 2003 - 01:30 #7

regin: det virker, nogenlunde, men billedet er statisk, og forsvinder ikke som det burde når musen ikke er ober linket. På den side jeg henviste til, er det noget i stil med pkt. 3 jeg er ude efter

Synes godt om

Slettet bruger

04. maj 2003 - 01:58 #8

marvel>>Der kommer lige et større dump... det er kun testet i IE, men det virker nogenlunde...

Synes godt om

Slettet bruger

04. maj 2003 - 01:58 #9

<html>
<head>
<title>OverImg</title>
</head>
<body>
<script language="javascript">
function thispositionextended(StartObject, ChangeObject, valign, align, x, y)
{
positionXY = new Array(2);
positionXY[0] = x;
positionXY[1] = y;
positionXY = climb1(positionXY, StartObject);
if(align=="right")
{
positionXY[0] += StartObject.offsetWidth;
}
if(valign=="bottom")
{
positionXY[1] += StartObject.offsetHeight;
}
ChangeObject.style.left = positionXY[0] + "px";
ChangeObject.style.top = positionXY[1]-1 + "px";
ChangeObject.style.visibility = "visible";
ChangeObject.style.display = "block";
}

function climb1(positionXY, CurrentObject)
{
var CurrentParent = CurrentObject.offsetParent;
positionXY[0] += CurrentObject.offsetLeft;
positionXY[1] += CurrentObject.offsetTop;
if(CurrentParent != document.body)
{
positionXY = climb2(positionXY, CurrentParent);
}
return positionXY;
}

function climb2(positionXY, CurrentObject)
{
var CurrentParent = CurrentObject.offsetParent;
positionXY[0] += CurrentObject.offsetLeft;
positionXY[1] += CurrentObject.offsetTop;
if(CurrentParent != document.body)
{
positionXY = climb1(positionXY, CurrentParent);
}
return positionXY;
}
//document.getElementById('image').style.top = window.event.y;//
</script>
<br/>
<br/>
<br/>
<img src="up.gif" style="display:none;position:absolute;" id="image"/>
  <a href="#" onclick="return false;"
onmouseover="thispositionextended(this,document.getElementById('image'),'','',0,0);"
onmousemove="document.getElementById('image').style.left = window.event.x;document.getElementById('image').style.top = window.event.y;"
onmouseout="document.getElementById('image').style.display='none';">TEST</a>
</body>
</html>

Synes godt om

marvel Praktikant

04. maj 2003 - 02:05 #10

ok, så nærmer du dig! Jeg ved ikke om det er mig, men billedet står stille når musen bevæges rundt på teksten og billedet flimrer ret voldsomt. Kan du ikke "genbruge" noget af overlib coden? Jeg kan jo se, at du har haft travlt og lavet en hel ny :)

Synes godt om

marvel Praktikant

04. maj 2003 - 02:15 #11

må ja, jeg kan heller ikke få liket til at virke. (target=content)

Synes godt om

marvel Praktikant

04. maj 2003 - 02:17 #12

regin: hmm, det var vist en fejl - skulle ikke have accepteret (endnu).. Håber du fortsat vil hjælpe

Synes godt om

Slettet bruger

04. maj 2003 - 02:17 #13

sure...
onclick="return false;" <--- dette er årsagen til at linket ikke virker...

Synes godt om

Slettet bruger

04. maj 2003 - 02:26 #14

<html>
<head>
<title>OverImg</title>
</head>
<body>
<img src="up.gif" style="display:none;position:absolute;" id="imaget"/>
<script language="javascript">
function thispositionextended(StartObject, ChangeObject, valign, align, x, y)
{
positionXY = new Array(2);
positionXY[0] = x;
positionXY[1] = y;
positionXY = climb1(positionXY, StartObject);
if(align=="right")
{
positionXY[0] += StartObject.offsetWidth;
}
if(valign=="bottom")
{
positionXY[1] += StartObject.offsetHeight;
}
ChangeObject.style.left = positionXY[0] + "px";
ChangeObject.style.top = positionXY[1]-1 + "px";
ChangeObject.style.visibility = "visible";
ChangeObject.style.display = "block";
}

function climb1(positionXY, CurrentObject)
{
var CurrentParent = CurrentObject.offsetParent;
positionXY[0] += CurrentObject.offsetLeft;
positionXY[1] += CurrentObject.offsetTop;
if(CurrentParent != document.body)
{
positionXY = climb2(positionXY, CurrentParent);
}
return positionXY;
}

function climb2(positionXY, CurrentObject)
{
var CurrentParent = CurrentObject.offsetParent;
positionXY[0] += CurrentObject.offsetLeft;
positionXY[1] += CurrentObject.offsetTop;
if(CurrentParent != document.body)
{
positionXY = climb1(positionXY, CurrentParent);
}
return positionXY;
}

image = document.getElementById('imaget');
link = document.getElementById('linket');
</script>
<br/>
<br/>
<br/>
  <a href="#" id="linket" onclick="return false;"
onmousemove="thispositionextended(linket,imaget,'','',0,0);imaget.style.left = window.event.x;imaget.style.top = window.event.y;"
onmouseout="imaget.style.display='none';">TEST</a>
</body>
</html>

Synes godt om

marvel Praktikant

04. maj 2003 - 02:27 #15

den fangede jeg godt men dette virker ikke: <a href="http://minURL" onclick="true;"

Synes godt om

marvel Praktikant

04. maj 2003 - 02:28 #16

Synes godt om

marvel Praktikant

04. maj 2003 - 02:38 #17

glimrende - nu virker det, uden flimren og linket virker, lige bortset fra den overskrift jeg gerne ville have over billedet. Hvis det ikke er sådan ligetil gør det ikke det store.

Synes godt om

Slettet bruger

04. maj 2003 - 02:43 #18

<img src="up.gif" style="display:none;position:absolute;" id="imaget"/>

ændres bare til:

<div id="imaget">Overskrift<br/>
<img src="up.gif" style="display:none;position:absolute;"></div>

Du kan så style div'et efter behov!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS