Archief - CSS: Openklapbaar menu zonder javascript

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
h

horse_99

Legacy Member
Hoi,

Ik zat net even te kijken op http://www.csszengarden.com. Nu ben ik daar wel een rare website tegengekomen. Op deze website vind je openklapbare menu's die niet met javascript zijn gemaakt. Het is wel XML precies. Ligt het daar aan?

Groeten.

Edit: de menu's werken overigens niet in Internet Explorer, Firefox wel en in de rest van de browsers hebk nog nie geprobeerd.
z

zabulus

Legacy Member
volgens mij is da met een div die hidden is en als ge daar over die knop gaat dat die visable wordt, maar zoveel ken ik (nog) niet van div's
S

Spacy2003

Legacy Member
zabulus zei:
volgens mij is da met een div die hidden is en als ge daar over die knop gaat dat die visable wordt, maar zoveel ken ik (nog) niet van div's
Klik om te vergroten...

Dat is dus idd het principe :)
Maar je hebt toch altijd een minimum aan JS nodig om het browser compatibel te maken
en om het user friendly te houden.

Voorbeeld


Reputation point ? :unsure: :p
D

Da Turtle

Legacy Member
Is niet zo ingewikkeld met javascript denk ik, als ik zo denk hoe ik het zou doen. Waarom wil je precies geen javascript gebruiken?
Of vraag je dit gewoon uit interesse? :p
D

DarkBone

Legacy Member
In dit voorbeeld komt er geen JavaScript aan te pas.
Straf hé? :)

Werkt idd niet in IE omdat deze geen hover-state ondersteund op elementen anders dan <a>, om het in IE werkende te krijgen zou dus een klein beetje JavaScript en wat extra CSS nodig zijn.
h

horse_99

Legacy Member
DarkBone zei:
In dit voorbeeld komt er geen JavaScript aan te pas.
Straf hé? :)

Werkt idd niet in IE omdat deze geen hover-state ondersteund op elementen anders dan <a>, om het in IE werkende te krijgen zou dus een klein beetje JavaScript en wat extra CSS nodig zijn.
Klik om te vergroten...

Kun je dus andere elementen ook een hover state meegeven? :wtf:

Bijvoorbeeld:

Code: 
#box {
   background-color:#FFFFFF;
}
#box:hover {
   background-color:#000000;
}

???

Groeten.
h

horse_99

Legacy Member
Da Turtle zei:
Is niet zo ingewikkeld met javascript denk ik, als ik zo denk hoe ik het zou doen. Waarom wil je precies geen javascript gebruiken?
Of vraag je dit gewoon uit interesse? :p
Klik om te vergroten...

Gewoon uit interesse :).
s

servi

Legacy Member
Kun je dus andere elementen ook een hover state meegeven? :wtf:


ja dat gaat dus.
Het probleem is echter dat IE er niet mee overweg kan.
Z

Zero Grav

Legacy Member
horse_99 zei:
Kun je dus andere elementen ook een hover state meegeven? :wtf:

Bijvoorbeeld:

Code: 
#box {
background-color:#FFFFFF;
}
#box:hover {
background-color:#000000;
}

???

Groeten.
Klik om te vergroten...

Heb'k altijd een zeer interessant onderwerp gevonden. Opent veel deuren op vlak van opvallendheid. Op dit moment kan je zo een dingen "faken" door een link als block element te zetten en de volledige ruimte op te laten vullen. (Als je echt vies bent van Javascript dan wel ;)) maar het op deze manier kunnen oplossen zou alles stukken gemakkelijker maken.

Achja.. Ik ben alleszins zeer benieuwd naar Internet Explorer 7.
Which reminds me: <zerograv> [T.Net] (Internet) Nieuwe informatie over IE 7.0 bekend gemaakt - http://tweakers.net/nieuws/37609
`

`SeriOUs

Legacy Member
Als IE7 uitkomt verandert er toch niks. IE-gebruikers zijn mensen die niet snel updaten. Het zal dus weer 2 jaartjes duren eerdat de meerderheid met IE7 werkt... Tegen dan zijn er weer enorm veel veranderingen door het W3C doorgedrukt (en in gebruik genomen door opensource-browsers) en staan we terug bij af.
L

Lashknife

Legacy Member
serious -> windowsupdate zal voor velen mss een belletje doen rinkelen dat ze dat best installeren.

buiten dat kleine icoontje rechtsboven in firefox zie ik ook geen info dat er updates beschikbaar zijn hoor (en daar let ik echt niet op)

Het probleem zal altijd bij de user blijven, niet bij de delivery van nieuwe browserversies.
d

deadlock

Legacy Member
`SeriOUs zei:
Als IE7 uitkomt verandert er toch niks. IE-gebruikers zijn mensen die niet snel updaten. Het zal dus weer 2 jaartjes duren eerdat de meerderheid met IE7 werkt... Tegen dan zijn er weer enorm veel veranderingen door het W3C doorgedrukt (en in gebruik genomen door opensource-browsers) en staan we terug bij af.
Klik om te vergroten...
1) IE7 wordt automatisch geinstalleerd bij windows update (je moet wel SP2 heben)
2) MS gaat ongelooflijke campagne voeren om veiligheid van nieuwe browser te promoten (met als neveneffect Firefox de kop proberen indrukken)

Het gaat zo zijn dat IE6 niet meer gaat moeten ondersteund worden (door autom update), maar IE5 en 5.5 nog wel (owv oudere besturingssystemen waar deze op staan)
`

`SeriOUs

Legacy Member
Lashknife zei:
serious -> windowsupdate zal voor velen mss een belletje doen rinkelen dat ze dat best installeren.

buiten dat kleine icoontje rechtsboven in firefox zie ik ook geen info dat er updates beschikbaar zijn hoor (en daar let ik echt niet op)

Het probleem zal altijd bij de user blijven, niet bij de delivery van nieuwe browserversies.
Klik om te vergroten...
Ken maar weinig standaard-gebruikers die iets van windows-update kennen. IE hoort zelfs niet bij de kritieke updates dacht ik. Dus wrschijnlijk gaat een klein percentage die updates zelfs merken.
Het merendeel van Firefox gebruikers zijn gebruikers die al iets weten van computers, en zelf wel op zoek gaan naar updates.

@deadlock: laten we hopen dat het allemaal zo vlot gaat lopen... vraag me zelfs af hoeveel mensen SP2 eigenlijk geïnstalleerd hebben.
Z

Zero Grav

Legacy Member
Hmm `SeriOUs, één van de dingen waar ik ook al vaak aan gedacht heb. Sucks indeed. 'k Ga het alleszins, als de "nerd" in de naaste kringen, zoveel mogelijk proberen te promoten, mensen duidelijk maken DAT er vernieuwingen zijn.

Wat ze wel kunnen doen is iets gelijkaardigs aan firefox of msn. Een popup met daarin "Er is een nieuwe versie van internet explorer beschikbaar" .. Nuja, dat is nog een 2tal maanden (minstens) van ons weg dus niet teveel op voorhand speculeren.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan