Javascript Meny

[ELF]

Jag har nu suttit här i ett par timmar B) och försökt skapa en meny som man kan öppna och stänga med JavaScript.

Jag har hittat kod som kan ta bort och visa element på sidan (fungerar).

Få se om jag kan förklara.

 

När man trycker på en huvudrubrik i menyn, då ska element tillhörande den rubriken försvinna om de är synliga och tvärtom.

Men hur jag än gör så försvinner det bara och kommer inte tillbaka.

 

Först anropas detta när sidan startar:

function setBooleanVisible()
{
var visible=new Boolean
visible=true
}

 

Detta är koden som anropar de två funktionerna som tar bort och visar elementen:

 

function remove()
{
if (visible=true)
    {
    removeTable();
    visible=false;
    }
else if(visible=false)
    {
    showTable();
    visible=true;
    }
}

[DefqoN]

Koden längst ner gör den bara osynlig om jag har rätt? :unsure:

[ELF]

nej, nej. Kanske skulle ha postat hela koden...

Koden som jag postat är kod som jag själv har gort för att kunna välja vilken function som ska anropas.

Det var bog lite dumt att använda visible som boolean, kunde skrivit synlig istället. För visible finns redan i JavaScript.

 

Jag har hittat vbscript kod som gör samma sak. Tycker vbscript är lättare eftersom jag håller på med VB...

Ska nu bara fixa så att det tar bort flera element sammidigt...

Redigerat 12 Augusti 2007 av TheDarkElf

[Shaitan]

Om man ska jämföra variabler så använder man ==, inte = (som i VB).

Sen så behöver man inte skriva if (bool==true).

Det räcker med if (bool). Ifsatser bygger ju redan på true och false.

Redigerat 12 Augusti 2007 av Shaitan

[ELF]

Jaha, ok. Det är därför JavaScript är lite svårt att fatta :D

Jag har i alla fall hittat en bra JavaScript kod som är liten och lätt att använda till flera element...

 

Hehe, alltid lika rologt. Nu har jag ett nytt problem. Efter att jag gort om huvudrubrikerna tll länkar i menyn så har de bytt textfärg pga att jag ställt in med css kod för länkar...

Så nu undrar jag hur man kan ställa in olika länkegenskaper för olika länkar i css.

[Shaitan]

Lägg till en id eller class till elementen.

 

T ex en länk: <a id="namn">Länk</a>

Då kan du ha en stil i CSS som heter a#namn. OM man använder class blir det a.namn.

[ELF]

Jag fixade det idag på morgonen efter ett par självmord :P.

Jag fick skriva a.menuitem:link{css kod} och sätta class="menuitem" i <a> elementen för huvudrubrikerna.

Men det var nog bra med lite självmord idag, för jag skrev om koden till menyn lite. Istället för att skriva class="menuitem" i varje <td> element så skrev jag ett i varje <tr> element som är av färre antal men gör samma verkan...

Kan förresten posta koden för att menyn ska öppnas och stängas...

 

function getItem(id)
{
  var itm = false;
  if(document.getElementById)
    itm = document.getElementById(id);
  else if(document.all)
    itm = document.all[id];
  else if(document.layers)
    itm = document.layers[id];
    return itm;
}

function toggleItem(id)
{
  itm = getItem(id);
  if(!itm)
    return false;
  if(itm.style.display == 'none')
    itm.style.display = '';
  else
    itm.style.display = 'none';
    return false;
}

Det är toggleItem som ska anropas vid länk/knapptryckning.

ex. <a href="#" onclick="toggleItem('tag id här')">Öppna/Stäng</a>

obs! Bry er ej om id i javascript koden...