/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Mouseover-Mouseout
Fra : Master Man


Dato : 10-09-04 07:59

Jeg har lavet et lille forsøg.
Når jeg fører musen over -HER- så kommer der et billede op, det virker også
fint.
Men hvordan kan jeg få billedet til at gå væk igen automatisk, dvs når jeg
fører musen over samme -HER- igen.
Kan man evt. sætte en tid på hvor langt tid vinduet skal være åbent, eller
kan man lave det sådan at når jeg fjerner musen fra -HER- så lukker vinduet
? (Det ville nok være det bedste)

Her er koden, som jeg har jeg har leget lidt med i FP 2003.
Men der er vel en risiko for at det ikke vises på computere hvor folk har
POPUP blocker på ?

KODE START

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pic 1 - HER -</title>
<script language="JavaScript">
<!--
function FP_openNewWindow(w,h,nav,loc,sts,menu,scroll,resize,name,url)
{//v1.0
var windowProperties=''; if(nav==false) windowProperties+='toolbar=no,';
else
windowProperties+='toolbar=yes,'; if(loc==false)
windowProperties+='location=no,';
else windowProperties+='location=yes,'; if(sts==false)
windowProperties+='status=no,';
else windowProperties+='status=yes,'; if(menu==false)
windowProperties+='menubar=no,';
else windowProperties+='menubar=yes,'; if(scroll==false)
windowProperties+='scrollbars=no,';
else windowProperties+='scrollbars=yes,'; if(resize==false)
windowProperties+='resizable=no,';
else windowProperties+='resizable=yes,'; if(w!="")
windowProperties+='width='+w+',';
if(h!="") windowProperties+='height='+h; if(windowProperties!="") {
if( windowProperties.charAt(windowProperties.length-1)==',')


windowProperties=windowProperties.substring(0,windowProperties.length-1); }
window.open(url,name,windowProperties);
}
// -->
</script>
</head>

<body>

<p onmouseover="FP_openNewWindow('200', '200', false, false, false, false,
false, false, 'Billede01', /*href*/'pic.jpg')">
Pic 1 - <b><font color="#800000">HER</font></b> -</p>
<p onmouseover="FP_openNewWindow('200', '200', false, false, false, false,
false, false, 'Billede02', /*href*/'pic01.jpg')">
Pic 2 - <font color="#800000"><b>HER</b></font> -</p>
<p onmouseover="FP_openNewWindow('200', '200', false, false, false, false,
false, false, 'Billede03', /*href*/'pic02.jpg')">
Pic 3 - <b><font color="#800000">HER</font></b> -</p>
<p>&nbsp;</p>

</body>

</html>

KODE SLUT

MVH

Skypost



 
 
Simon B. Hansen (10-09-2004)
Kommentar
Fra : Simon B. Hansen


Dato : 10-09-04 08:15

Tag et kig på http://html.dk/scripts/javascript/

Der finder du javascripts under overskrifterne 'popup vinduer' og 'Hover
effekter', som kan give lidt inspiration.



Mvh
Simon



Lobais (11-09-2004)
Kommentar
Fra : Lobais


Dato : 11-09-04 09:45

Fri, 10 Sep 2004 08:59:06 +0200. skrev Master Man:

> Jeg har lavet et lille forsøg.
> Når jeg fører musen over -HER- så kommer der et billede op, det virker også
> fint.
> Men hvordan kan jeg få billedet til at gå væk igen automatisk, dvs når jeg
> fører musen over samme -HER- igen.
> Kan man evt. sætte en tid på hvor langt tid vinduet skal være åbent, eller
> kan man lave det sådan at når jeg fjerner musen fra -HER- så lukker vinduet
> ? (Det ville nok være det bedste)

Er det noget i stil med dette du skal bruge?
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

--
Lobais - http://thomas.ahle.dk/
Einstein - Science without religion is lame, religion without science is blind.


Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408937
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste