Trådstart#1
Har någon sett någon "flikmeny" som är värd namnet?
Flikmeny?
27 svar · 895 visningar · startad av Jesper T
Ser ju snyggt ut, men måste det till en js-fil på flera hundra rader för att åstakomma det?
Har hittat en här:
http://www.idg.se/webstudio/pub/article.asp?id=154
Men är den crossbrowser?
Om du placerar alla m0, m1,...,m8, box0, box1,...,box8 samt menu, box i document.getElementById( här ).
Nu fattar jag nada...sorry 
Peter S menade att när de i webStudios artikel hävisar till ett objekt gör de det på följande vis:
id
// t ex m0
när de borde göra så här
getElementById('id')
// t ex getElementById('m0')
Korrekt dectgap 
En annan sak jag reagerade på gällande deras kod var utelämnandet av semikolon. Väldigt dålig programmeringsstil...
Varför körde de inte med getElementById('m0') med en gång då?
Bra fråga. Carl-Johan Nordqvist skriver följande:
Inledningsvis kommer vi att koncentrera oss på hur du tillämpar tekniken för att åstadkomma effekterna i Internet Explorer.
Vilket tyder på att det kanske kommer en mer kompatibel version...snart...
Visserligen skrevs artikeln för ett halvår sedan, men man kan ju alltid hoppas på att de kommer att skriva en ny...
dectgap skrev:
Okunskap eller ignorans?
De gör likandant på w3school.com's Javascript- och DHTML-exempel.
http://www.w3school.com/ leder till någon slags bibelskola 
function showMenu(menu, box) {
if(menu.style.display == 'none') {
document.getElementById('m0').style.display='none'
document.getElementById('m1').style.display='none'
document.getElementById('m2').style.display='none'
document.getElementById('m3').style.display='none'
document.getElementById('m4').style.display='none'
document.getElementById('m5').style.display='none'
document.getElementById('m6').style.display='none'
document.getElementById('m7').style.display='none'
document.getElementById('m8').style.display='none'
document.getElementById(menu).style.display=''
document.getElementById('box0').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box1').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box2').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box3').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box4').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box5').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box6').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box7').style.backgroundColor='rgb(255,255,255)'
document.getElementById('box8').style.backgroundColor='rgb(255,255,255)'
document.getElementById(box).style.backgroundColor='rgb(120,200,130)'
}
}
Nu står det "Objekt krävs".
Det där med bibelskola hajade jag inte...
Men jag laddade precis ner exemplet, och fick samma felmeddelande som du efter att jag hade ändrat i funktionen (du har förresten glömt lägga till document.getElementById i if-satsens jämförelse). Då såg jag att de anropar funktionen showMenu på följande sätta: "showMenu(m0, box0)" när det egentligen ska vara "showMenu('m0', 'box0')". Ändrar du det vid alla funktionsanropen ska du se att hela sidan kommer att fungerar i NS/Mozilla.
dectgap skrev:
Det där med bibelskola hajade jag inte...
Pekar våra dns'er på olika sidor. Min pekar hit: http://209.51.131.148
Hm... http://www.w3schools.com/ skall det kanske vara. 
Jojoxx skrev:
dectgap skrev:
Det där med bibelskola hajade jag inte...
Pekar våra dns'er på olika sidor. Min pekar hit: http://209.51.131.148
Tjosan. Jag missade som sagt ett 's', och tänkte inte mer på det.
Jesper T skrev:
Hm... http://www.w3schools.com/ skall det kanske vara.
Ja, glöm det där nu
Viktigare: funkade scriptet?
Följdfråga:
Går det inte att byta stylesheet så här istället för att bara byta bakgrundsfärg?:
document.getElementById('box6').style.className='flikOff'
document.getElementById('box7').style.className='flikOff'
document.getElementById('box8').style.className='flikOff'
document.getElementById(box).style.className='flikOn'
Jag får inte till det.