Avatar billede madz15 Nybegynder
05. juli 2004 - 19:53 Der er 8 kommentarer

Hvordan laves en mouseover?

Hej alle,
Jeg skal bruge et script (asp, js, html) som gør at når musen føres over f.eks. et link så kommer der et billede frem.
Se f.eks.: http://www.der-kobold.net/index.php?site=tutorials&sub=showtut&ident=45, og før musen over et sted hvor der står "klick".

Tak
Avatar billede googolplex Novice
05. juli 2004 - 20:01 #2
Ellers prøv tip message, mener også det kan tage billeder.
Avatar billede mm12010 Nybegynder
05. juli 2004 - 20:25 #3
Avatar billede googolplex Novice
05. juli 2004 - 21:06 #4
Avatar billede madz15 Nybegynder
06. juli 2004 - 01:16 #5
mm12010/googolplex(Dit 3. indlæg): Virker det også på mac?
Avatar billede roenving Novice
06. juli 2004 - 02:18 #6
Og en simpel en, jeg har fået her inde fra ...

Jeg har desværre ikke registreret oprindelsen, men du kan i hvert fald bruge den til at teste mac-kompatibiliteten (jeg er også overbevist om at overlib er mac-kompatibel, men om jeg kunne finde henvisningen ?-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Show tooltip</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.tooltip{position:absolute;top:0;left:0;visibility:hidden;border:1px solid black;padding:3px;background:#DCE7E0;font-family:verdana;font-size:8pt;}
</style>
<script type="text/javascript">
var Ymouse = Xmouse = 0;
var ns6 = (document.getElementById && !document.all)?true:false;
var d = (ns6)?window:document;
d.onmousemove = getMousePos;

function getMousePos(evnt) {
  Ymouse = (ns6)?evnt.pageY:event.y;
  Xmouse = (ns6)?evnt.pageX:event.x;
  var inf = (ns6)?document.getElementById('info'):document.all.info;
  inf.style.left = Xmouse + 15;
  inf.style.top = Ymouse;
}

function show(){
  if(document.getElementById){
    document.getElementById('info').style.visibility = 'visible';
  }else if(document.all){
    document.all.info.style.visibility = 'visible';
  }
}

function hide(){
  if(document.getElementById){
    document.getElementById('info').style.visibility = 'hidden';
  }else if(document.all){
    document.all.info.style.visibility = 'hidden';
  }
}

</script>
</head>
<body>

<a href="#" id="link" onmouseout="hide();" onmouseover="show();">Hej</a>

<div id="info" class="tooltip">Hej med dig,<br> - skal vi have en lille sludder?</div>

</body>
</html>

Da den er lavet med en div er der ingen problemer i at vise billeder, men skal den bruges til forskellige links er den ikke pt. færdig !-)
Avatar billede mm12010 Nybegynder
06. juli 2004 - 08:05 #7
har lige testet overLib med succes på macOSX i:
  - Safari 1.2.2 (v125.8)
  - Mozilla Firefox 0.8
Avatar billede mm12010 Nybegynder
14. september 2005 - 10:45 #8
skal vi lukke dette spg ?-)
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
Kurser inden for grundlæggende programmering

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