Avatar billede rastaman Nybegynder
18. september 2001 - 12:12 Der er 4 kommentarer og
1 løsning

Menu

Hej med jer

Jeg har fået hjælp til ndenstående script til min menu, men mit problem er nu at når jeg har klikket på et menupunkt og derefter vil klikke på et nyt, \"nulstiller\" den ikke indstillingerne fra det første punkt.

Altså f.eks. kommer der ramme samt baggrundsfarveskift ved onmouseover som den så beholder ved onclick men hvis jeg klikker på et andet punkt bliver rammen der stadig.

Er det forståeligt, kan det løses ?
Avatar billede rastaman Nybegynder
18. september 2001 - 12:14 #1
Jeg glemte lige koden

<script type =text/javascript>
var aktiv = \'\';
var farve = new Array(\'#E8EBEC\',\'#FFFFFF\',\'#FFFFFF\');
var diver = 20;

function klik(denne){
//    alert(\'document.all.div0 = \' + document.all.div0?true:false );
  for (i=0;i<diver;i++){
    eval(\'document.all.div\'+i+\'.style.backgroundColor=farve[0]\');
  }
  denne.style.backgroundColor=farve[2];
  denne.style.color=\'#800000\';
  aktiv = denne.id;
}

function musInd(denne){
  if (denne.id==aktiv)return;
  denne.style.color=\'#929387\';
    denne.style.backgroundColor=\'#FFFFFF\';
        denne.style.border = \'#004784 solid 1px\';
        denne.style.cursor = \'hand\';
}

function musUd(denne){
  if (denne.id==aktiv)return;
  denne.style.color=\'#004784\';
        denne.style.backgroundColor=\'#E8EBEC\';   
        denne.style.border = \'#E8EBEC solid 1px\';
    denne.style.cursor = \'hand\';
}
</script>

>table><tr>
<td id=div0 STYLE=\"background:url(pictures/forside.gif);border:solid 1px;border-color:#800000;\" onmouseover=\"musInd(this);over2(ima1);\" onmouseout=\"musUd(this);out2(ima1);\" onClick=\'klik(this);\' onclick=\"parent.main.location.href=\'main.html\'\" class=\"nav\"><IMG SRC=\"pictures/home.gif\" BORDER=\"0\" WIDTH=\"13\" HEIGHT=\"12\" ALIGN=\"left\" ALT=\"\" NAME=\"ima1\">
      <p align=\"left\"><a href=\"main.html\" target=\"main\"><FONT FACE=\"Verdana\" SIZE=\"1\"><B><FONT COLOR=\"\">Forsiden...</FONT></B></font></a></td></tr></table>
Avatar billede jakoba Nybegynder
18. september 2001 - 13:42 #2
Lav dit script om til:

<script type =text/javascript>

var aktiv;
var farve = new Array(\'#E8EBEC\',\'#FFFFFF\',\'#FFFFFF\');
var diver = 20;

function klik(denne){
  if ( aktiv && denne!=aktiv ) {  // \'unklik\' forrige
    var tmp = aktiv;
    aktiv = \"\";
    musud( tmp );
  }
  denne.style.backgroundColor=farve[2];
  denne.style.color=\'#800000\';
  aktiv = denne;                  // gemmer objekt reference
}

function musInd(denne){
  if (denne==aktiv)return;        // sammenlign objektreferencerne
  denne.style.color=\'#929387\';
  denne.style.backgroundColor=\'#FFFFFF\';
  denne.style.border = \'#004784 solid 1px\';
  denne.style.cursor = \'hand\';
}

function musUd(denne){
  if (denne==aktiv)return;        // sammenlign objektreferencerne
  denne.style.color=\'#004784\';
  denne.style.backgroundColor=\'#E8EBEC\'; 
  denne.style.border = \'#E8EBEC solid 1px\';
  denne.style.cursor = \'hand\';
}
</script>

mvh JakobA
Avatar billede rastaman Nybegynder
18. september 2001 - 13:45 #3
Det virker ikke helt, hvis jeg klikker på et menupunkt forbliver farver fra onmouseover mv. ganske rigtigt, men klikker jeg på et andet får jeg sriptfejl
Avatar billede jakoba Nybegynder
18. september 2001 - 14:20 #4
Jeg har rettet diverse småfejl:

http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp110651.html

pas på. den fejler katastrofalt i Netscape.

mvh JakobA
Avatar billede rastaman Nybegynder
18. september 2001 - 14:24 #5
Fornemt, tak skal du have og jeg ved godt den ikke virker i netscape
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