Avatar billede xenophobia Nybegynder
30. april 2001 - 15:16 Der er 7 kommentarer og
1 løsning

Menu

Okay, jeg har et billede som er mapped med CuteMap, og nu vil jeg have det sådan at når man fører musen over et area så kommer der en menu ned (uden special effekts osv.) jeg vil kunne lægge CSS på menuerne (baggrundsfarve, a:hover m.m.).
Og så vigtigst af alt denne skulle kunne gå ned over en <IFRAME>!

¤x Xenophobia
Avatar billede 2maz Nybegynder
30. april 2001 - 15:27 #1
Du kan prøve det her:

<html>
<head>
<title>Menu</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"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.0
  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 && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.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 bgcolor=\"#FFFFFF\" text=\"#000000\">
<div id=\"Layer1\" style=\"position:absolute; left:32px; top:40px; width:102px; height:132px; z-index:1\" onstart=\"MM_showHideLayers(\'Layer1\',\'\',\'hide\')\" onMouseOut=\"MM_showHideLayers(\'Layer1\',\'\',\'hide\')\" onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\">
  <p>Menu 1<br>
    Menu 2<br>
    Menu 3<br>
    Menu 4<br>
    Menu 5<br>
    Menu 6</p>
  </div>
<input type=\"submit\" name=\"Submit\" value=\"Menu\" onClick=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\" onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\">
</body>
</html>

Avatar billede 2maz Nybegynder
30. april 2001 - 15:30 #2
Hvis den ikke fjerne sig når du starter siden skal du indsætte et billede og give det den er funktion:
<img src=\"dit billede\" onLoad=\"MM_showHideLayers(\'Layer1\',\'\',\'hide\')\">
Avatar billede xenophobia Nybegynder
30. april 2001 - 15:44 #3
Jamen, den virker da kun til et \"helt\" billede -> det skal være ligesom på web-sale.dk --> bare toppen er e´t billede og texten er i <MAP> - tags
Avatar billede 2maz Nybegynder
30. april 2001 - 15:54 #4
Hvis det er tekst du vil have i stedet for billede så brug det her:

<a onClick=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\" onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\">Menu</a>

istedet for:<input type=\"submit\" name=\"Submit\" value=\"Menu\" onClick=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\" onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\">

også hvis du vil have to så sætter du det bare ind 2 gange.

og hvis du vil have den lillae bjælke med skal du lave et billede for det er baggrunden!


Avatar billede xenophobia Nybegynder
30. april 2001 - 16:02 #5
Du må undskylde hvis jeg hænger lidt bagefter her :) JavaScript er ikke lige mig. Men her kan du se hvad jeg mener http://www20.brinkster.com/xenophobia/other/CuteMap1.htm læg mærke til koden og at menuen er et billede...
Avatar billede warpgiga Nybegynder
03. maj 2001 - 16:42 #6
medmindre du har gang i et IE 5.5 only site,
kan du så jeg ved ikke knalde layers over iframes.. IE 5.5 tillader en masse juks, så pas på hvilke teknikker du benytter.
Avatar billede xenophobia Nybegynder
03. maj 2001 - 19:40 #7
Det er det ikke. Er der så ingen måde man kan lave det?
Avatar billede xenophobia Nybegynder
04. maj 2001 - 15:42 #8
Jeg lukker så.....
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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