Notifikationer

Markér alle som læst Log ud

superraider Nybegynder

28. september 2004 - 23:31 Der er 4 kommentarer og
1 løsning

vis box, når mus over billed

jeg har
<img src="" name="bil0">

er det så svært at lave sådan at når musen er over billedet, så skal dette vises
<table>
</table>
-------
10px til højre
10px nedeunder.
??

Synes godt om

vraa Nybegynder

28. september 2004 - 23:49 #1

Hvor skal denne tabel vises. Et statisk sted eller 10px til højre og nedenunder musen?

Synes godt om

superraider Nybegynder

28. september 2004 - 23:57 #2

den skal vises 10px neden under det billed som man holder musen over, og når musen fjernes fra billedet, så skal tablen også forsvinde

Synes godt om

thomashove Nybegynder

29. september 2004 - 00:16 #3

her er et komplet script der viser et (nyt) billede når du fører musen henover. Det nye billede kan trækkes rundt med musen... Måske noget du kunne bruge. Om ikke andet så til inspiration ;-)

<html>
<head>
<STYLE TYPE="text/css">
.D11
{
POSITION:absolute;
VISIBILITY:hidden;
Z-INDEX:200;
}
</STYLE>
</head>
<body>
<DIV ID="d11" CLASS="d11"></DIV>

<FORM NAME="aForm">
<script language="javascript">

Xoffset=-1;
Yoffset= 20;

var isNS4=document.layers?true:false;
var isIE=document.all?true:false;
var isNS6=!isIE&&document.getElementById?true:false;
var old=!isNS4&&!isNS6&&!isIE;
var skn = "";

function initThis()
{
if(isNS4)skn=document.d11;
if(isIE)skn=document.all.d11.style;
if(isNS6)skn=document.getElementById("d11").style;
}

function popup(_m,_b)
{
var content="<TABLE BORDER=1 BORDERCOLOR=#990000 CELLPADDING=2 CELLSPACING=0 BGCOLOR=white><TD ALIGN=center><FONT COLOR=black SIZE=2>"+_m+"</FONT></TD></TABLE>";

if(old)
{
alert("Du har en for gammel browser:\n"+_m);
return;
}
else
{
if(isNS4)
{
skn.document.open();
skn.document.write(content);
skn.document.close();
skn.visibility="visible";
}
if(isNS6)
{
document.getElementById("d11").style.position="absolute";
document.getElementById("d11").style.left=x;
document.getElementById("d11").style.top=y;
document.getElementById("d11").innerHTML=content;
skn.visibility="visible";
}
if(isIE)
{
document.all("d11").innerHTML=content;
skn.visibility="visible";
}
}
}

var x;
var y;
function get_mouse(e)
{
x=(isNS4||isNS6)?e.pageX:event.clientX+document.body.scrollLeft;
y=(isNS4||isNS6)?e.pageY:event.clientY+document.body.scrollLeft;
if(isIE&&navigator.appVersion.indexOf("MSIE 4")==-1)
y+=document.body.scrollTop;
skn.left=x+Xoffset;
skn.top=y+Yoffset;
}

function removeBox()
{
if(!old)
{
skn.visibility="hidden";
}
}

if(isNS4)
document.captureEvents(Event.MOUSEMOVE);
if(isNS6)
document.addEventListener("mousemove", get_mouse, true);
if(isNS4||isIE)
document.onmousemove=get_mouse;
</script>

<A href="test.html" ONMOUSEOVER="popup('<font color=white><img src=myPicture2.JPG></font>','green')" ONMOUSEOUT="removeBox()"><img src="myPicture1.JPG"></A>

</FORM>
<script>
initThis();
</script>

</body>
</html>

Synes godt om

superraider Nybegynder

29. september 2004 - 00:22 #4

dahm det ser langt ud. jeg må se om jeg for hugget mig igennem det

Synes godt om

roenving Novice

29. september 2004 - 01:06 #5

Du kan også bruge det helt færdige script overLib: http://www.bosrup.com/web/overlib/

-- men det er meget konfigurerbart og kompatibelt script, som måske er overkill, voldsomt simplere løsninger kan sagtens laves (og findes på Eksperten !-)

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	03/05/202613:59
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