Notifikationer

Markér alle som læst Log ud

cybermaster Nybegynder

08. december 2003 - 16:32 Der er 13 kommentarer og
2 løsninger

ved mus over link åben popup 10 px til højre for musen

ved mus over link skal der åbnes et popup vindue 10 px til højre for musen, vinduet skal lukke igen når musen fjernes.

Synes godt om

roenving Novice

08. december 2003 - 16:36 #1

Det lyder som om, du har brug for overlib !-)

http://www.bosrup.com/web/overlib/

-- en nyere (revideret) udgave kan du finde hos:

http://migoicons.tripod.com/

--se under Tip message !o]

Synes godt om

spunk13 Nybegynder

08. december 2003 - 17:43 #2

Hvis du mere er en kod-det-selv-mand, så kunne du måske kigge lidt på dette, og selv modificere det lidt(det er dog ikke 'optimeret' til andet end IE :)

<html>
<body>

<a href="#" id="link" onmouseleave="document.all.info.style.visibility = 'hidden';">Hej</a>

<div id="info" style="position:absolute;top:0;left:0;visibility:hidden;border:1px solid black;padding:3px;background:#DCE7E0;font-family:verdana;font-size:8pt;">Hej med dig, skal vi have en lille sludder?</div>

<script type="text/javascript">

link.onmousemove = getMousePos;

function getMousePos() {
document.all.info.style.visibility = 'visible';
document.all.info.style.left = event.clientX + 15
document.all.info.style.top = event.clientY
}

</script>
</body>
</html>

Synes godt om

cybermaster Nybegynder

08. december 2003 - 17:50 #3

er det ikke umidelbart at skyde med kanoner....? du så det andet jeg arbejdet på, som jeg lukkede ned da du ikke svaredet tilbage?

Synes godt om

cybermaster Nybegynder

08. december 2003 - 17:51 #4

det var til roenving

Synes godt om

cybermaster Nybegynder

08. december 2003 - 17:54 #5

spunk13 >> det er da 2talt cool, men har du mulighed for at får det til at funke i NS ville det være optimalt...

Synes godt om

roenving Novice

08. december 2003 - 18:03 #6

>>cybermaster

-- måske overkill, men jeg er meget til at benytte gennemprøvede ting ...

-- og gerne funktioner som kan genbruges i det uendelige !-)

Synes godt om

spunk13 Nybegynder

08. december 2003 - 18:20 #7

Desværre, jeg har ikke NS, og jeg aner ikke hvilke kommandoer der er lovlige og ulovlige.

Jeg har udarbejdet ovenstående script ud fra denne side, måske kunne du selv fikse lidt sammen så det virker i NS?

http://www.codelifter.com/main/javascript/capturemouseposition1.html

Synes godt om

cybermaster Nybegynder

08. december 2003 - 18:50 #8

lader spm'et stå og dubler point, så spunk for 90 og den der retter det til ns, får 90 også....

på forhånd tak

Synes godt om

roenving Novice

09. december 2003 - 07:08 #9

Med venlig tanke til det script, du startede med:

<html>
<head>
<title>Show tooltip</title>
<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" style="position:absolute;top:0;left:0;visibility:hidden;border:1px solid black;padding:3px;background:#DCE7E0;font-family:verdana;font-size:8pt;">Hej med dig, skal vi have en lille sludder?</div>

</body>
</html>

-- har kun testet med IE6 og Gecko '-)

Synes godt om

cybermaster Nybegynder

09. december 2003 - 11:29 #10

ref: http://www.eksperten.dk/spm/437263

Synes godt om

roenving Novice

09. december 2003 - 16:46 #11

Gecko er den maskine, som ligger i Mozilla, Netscape osv.

Synes godt om

cybermaster Nybegynder

09. december 2003 - 22:39 #12

roenving -->>
1. Kan du vise mig hvordan jeg kan bruge den med flere links?
2. Kan det gøre således at den først lukke når musen har være væk fra linket i mere end 0.5 sekund.

Synes godt om

cybermaster Nybegynder

10. december 2003 - 12:04 #13

tiden kan laves som her: med 10 sekunder.

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

Synes godt om

cybermaster Nybegynder

10. december 2003 - 13:42 #14

har fundet løsningen, poster den senere

Synes godt om

roenving Novice

04. januar 2004 - 21:19 #15

-- og tak for points ;~}

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