Flikmeny?

Har någon sett någon "flikmeny" som är värd namnet?

Tim Scarfes "Tabs" kanske?

:)

Ser ju snyggt ut, men måste det till en js-fil på flera hundra rader för att åstakomma det?

Just den menyn? Ja ;)

:)

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 :r

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 :bire

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å?

Okunskap eller ignorans?

De gör likandant på w3school.com's Javascript- och DHTML-exempel.

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 :q

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?

dectgap skrev:

Viktigare: funkade scriptet?

Hur bra som helst! :D

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.