Avatar billede tip Praktikant
12. august 2003 - 13:14 Der er 4 kommentarer og
1 løsning

boks med forklaring over link

Jeg har lavet et kort over Sjælland som er delt op i kommuner som man kan klikke på. Er det muligt at danne en forklarings boks når man kører med musen hen over de forskellige kommuner?
Avatar billede snoezel Nybegynder
12. august 2003 - 13:23 #1
Det er en større sag, hvis du vil hånd kode, men smal sag i dreamweaver - følgende er fra dreamweaver:

<html>
<head>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<img src="../../../Programmer/Apache%20Group/Apache/htdocs/testweb/testweb/dc/apache_pb.gif" width="259" height="32" border="0" usemap="#aalborg">
<div id="aarhus" style="position:absolute; width:200px; height:52px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; visibility: hidden;"><font color="#990000">Test
  af beskedboks, n&aring;r musen er hen over en by!</font></div>
<map name="aalborg" id="aalborg">
  <area shape="poly" coords="55,28,43,13,43,1,90,1,113,14,109,26,58,28" href="#" onMouseOver="MM_showHideLayers('aarhus','','show')" onMouseOut="MM_showHideLayers('aarhus','','hide')">
</map>
</body>
</html>
Avatar billede snoezel Nybegynder
12. august 2003 - 13:24 #2
Rettelse:

<html>
<head>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<img src="billede.gif" width="259" height="32" border="0" usemap="#aalborg">
<div id="aarhus" style="position:absolute; width:200px; height:52px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; visibility: hidden;"><font color="#990000">Test
  af beskedboks, n&aring;r musen er hen over en by!</font></div>
<map name="aalborg" id="aalborg">
  <area shape="poly" coords="55,28,43,13,43,1,90,1,113,14,109,26,58,28" href="#" onMouseOver="MM_showHideLayers('aarhus','','show')" onMouseOut="MM_showHideLayers('aarhus','','hide')">
</map>
</body>
</html>



Put et billede med navnet "billede" i samme mappe
Avatar billede jefr Nybegynder
12. august 2003 - 13:25 #3
Kan du ikke bare bruge "Alternativ" tagget? F.eks.
<AREA shape=CIRCLE alt="Klik her for at se noget" coords=414,257,14 href="link.htm">
Avatar billede tip Praktikant
12. august 2003 - 13:34 #4
nu kan jeg ikke finde ud af HTML så alt det der siger mig ikke noget. Det var rimeligt nemt at lave links i Illustrator. er der virkelig ikke en simplere måde at lave en boks?
Avatar billede spe Nybegynder
12. august 2003 - 14:29 #5
Nej ikke i Illustrator. Hvis du skal gøre det i programmet skal du bruge javascript som er det snoezel har gang i.

Det ville være forholdvis let at lave direkte i Dreamweaver, GoLive, Flash eller LiveMotion. Kender du til et af de programmer?
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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