Javascript Meny – Fuska.se forum

ELF Nivå 7 · Fuskare 2 634 inlägg
medlem sedan 2005

12 aug 2007 Trådstartare #1

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 Nivå 0 · Nykomling 38 inlägg
medlem sedan 2007

12 aug 2007 #2

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

ELF Nivå 7 · Fuskare 2 634 inlägg
medlem sedan 2005

12 aug 2007 Trådstartare #3

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...

Senast ändrad: 12 aug 2007 15:12

Shaitan Nivå 3 · Lärling 601 inlägg
medlem sedan 2006

12 aug 2007 #4

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.

Senast ändrad: 12 aug 2007 20:26

ELF Nivå 7 · Fuskare 2 634 inlägg
medlem sedan 2005

12 aug 2007 Trådstartare #5

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 Nivå 3 · Lärling 601 inlägg
medlem sedan 2006

13 aug 2007 #6

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 Nivå 7 · Fuskare 2 634 inlägg
medlem sedan 2005

13 aug 2007 Trådstartare #7

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...