CSS vraag: H3 automatisch opsommen

Vragen over html, css en aanverwante onderwerpen die met het maken van 'n site te maken hebben. In principe, vanwege tijdgebrek, alleen over code op deze site, maar je kunt natuurlijk altijd proberen...
Plaats reactie
Roeckie
Berichten: 2
Lid geworden op: ma 23 sep 2019, 09:58

CSS vraag: H3 automatisch opsommen

Bericht door Roeckie » ma 23 sep 2019, 10:02

Beste,

Voor de vormgeving van een specifieke pagina zouden we graag alles wat H3 is, laten opsommen. Kan dit d.m.v. een code ?
Opsomming in de vorm van bolletjes.

Verneem het graag. Alvast bedankt voor het meedenken.

grt

Goeroeboeroe
Beheerder
Berichten: 257
Lid geworden op: zo 21 nov 2010, 02:08
Contacteer:

Re: CSS vraag: H3 automatisch opsommen

Bericht door Goeroeboeroe » ma 23 sep 2019, 10:25

Hallo,

Eigenlijk is dit forum meer bedoeld voor vragen over de voorbeelden op deze site. Dat is verder geen probleem, maar omdat ik eigenlijk de enige ben die reageer, kan het even duren voor je 'n antwoord krijgt.
Opsommen van een h3 (of welke <h> dan ook) kan niet met alleen html en/of css. Je hebt daar JavaScript voor nodig, of je moet het handmatig in de html invoeren.
Er bestaan wel extensies die alle <h>'s laten zien, zoals headingsMap (bestaat in ieder geval voor Firefox en Chrome).
Als het vanwege schermlezers is, is opsommen niet nodig. Elke schermlezer heeft de mogelijkheid om een lijstje van <h>'s te laten zien en kan gelijk van de ene <h> naar de volgende <h> springen. (Daarvoor is het wel belangrijk dat de <h>'s de juiste volgorde hebben, van <h1> naar <h6>.)

Op zich is het niet heel erg ingewikkeld om met JavaScript alle <h3>'s in te lezen en die ergens op de pagina in te voegen. Ook het vooraf laten gaan door een bolletje is niet al te ingewikkeld. Mocht je daar belangstelling voor hebben, dan moet je het maar even laten weten. Maar het kan dus wel even duren, voordat zoiets af is.

Vriendelijke groet
Peter

Roeckie
Berichten: 2
Lid geworden op: ma 23 sep 2019, 09:58

Re: CSS vraag: H3 automatisch opsommen

Bericht door Roeckie » ma 23 sep 2019, 10:48

Beste,

Bedankt voor je reactie.. sorry dat ik eigenlijk verkeerd zit.

Zoals je zegt, dit kan ook in de html verwerkt worden ? Javascript gaat vermoedelijk niet werken in ons CMS.
Gaat puur om een gewenste vormgeving, mbt de h1-h2-h3-etc is bekend bij ons. Toch bedankt voor je opmerking.

Grt

Goeroeboeroe
Beheerder
Berichten: 257
Lid geworden op: zo 21 nov 2010, 02:08
Contacteer:

Re: CSS vraag: H3 automatisch opsommen

Bericht door Goeroeboeroe » ma 23 sep 2019, 10:56

Hallo,

Geen probleem dat je het hier vraagt, alleen kijken er op grotere forums meer ogen mee en gaat het vaak sneller.
Met een CMS gaat het waarschijnlijk inderdaad heel lastig worden, omdat je mogelijk bijwerkingen gaat krijgen. Je zou het kunnen vragen bij het forum of zoiets van het CMS. Als het een groter CMS is, bestaat er misschien zelfs al een extensie.

Je kunt met JavaScript alle elementen van een bepaalde soort (of class, of id, of...) opzoeken en als het ware opslaan. Daar voeg je dan 'n bolletje aan het begin aan toe, maakt er een <div> of zoiets met alle gevonden elementen (hier de <h3>'s) erin. Dan heb je 'n stuk gewone html. Vervolgens zoek je de plaats op, waar die html moet worden ingevoegd en ziedaar: er verschijnt een inhoudsopgave (of wat jullie ook aan het maken zijn).
Omdat er iets wordt toegevoegd aan een bestaande pagina, zal de pagina wel verspringen onder de toevoeging. Dat zou je zelfs nog kunnen opvangen door de <h3>'s alleen te laten zien als 'n vakje wordt aangevinkt of zoiets. Dan zie je het later invoegen, en dus de verspringing, niet.

Succes
Peter

Plaats reactie