Hoe maak ik een selectiebar? Options

[msucimaster]

Ik wil graag iets maken zoals op het bijgevoegde plaatje:



De bedoeling is dat je op elk vlakje kan klikken en dan gaat hij aan en de volgende keer weer uit.

Ik weet dat je zoiets met checkboxes kan doen. Maar op deze manier krijg je een veel strakkere layout.

Alleen: hoe maak je zoiets?

This post has been edited by msucimaster: May 23 2020, 06:12 AM

[pandy]

You've spoken English before so...

[msucimaster]

Sorry, wrong language.

I want to make something like the picture.

The example of the picture allows you to select one or more languages. Click one time and a box is selected. The next time it is unselected.

You can achieve this kind of functionality with checkboxes. But I want a nicer design like this. But how can I make such a thing?

[Christian J]

The example of the picture allows you to select one or more languages.

How can you use several languages at the same time?

You can achieve this kind of functionality with checkboxes. But I want a nicer design like this. But how can I make such a thing?

Here's one idea: https://css-tricks.com/the-checkbox-hack/ (but like the page says, javascript might be more suitable for things like this).

[pandy]

It also depends on what the buttons is supposed to "do" exactly. Do you have several hardcoded copies of the site in different languages? Then a link is enough. Do you have a program with built in language options? A link with a query string could work or be made to work.