Hallo allemaal,


Op dit moment ben ik bezig een website te maken rondom festivals. Ik probeer een zo compleet mogelijke festival agenda aan te bieden,
en ik wou het zo maken dat gebruikers deze festivals kunnen filteren, bijvoorbeeld op muziekgenre, prijs, locatie e.d.
Voor de locatie moeten ze bijvoorbeeld hun woonplaats/postcode in kunnen vullen en aan kunnen geven hoe ver het festival maximaal bij hun vandaan mag zijn.
Eigenlijk is dit een beetje hetzelfde systeem als bij Tweakers (zie hier: https://tweakers.net/categorie/215/s...nes/producten/).

Hebben jullie een idee hoe ik dit het makkelijkst kan realiseren? Het liefst zou ik geen CMS gebruiken, maar mocht het niet anders kunnen dan is dat natuurlijk geen probleem.

Alvast bedankt voor de hulp!

Over de afstand: Sla de coördinaten op van het festival. Als je dan de coördinaten van de locatie van de gebruiker hebt kun je de afstand berekenen.

Verder is de vraag over het maken van de filters wel erg algemeen.

Thanks voor je antwoord Wilbert.
Laat ik het anders stellen, ik heb nog geen idee hoe ik users de content moet laten filteren. Mijn idee was om de festivals allemaal te tonen op de homepage, in een soort lange tabel, met een aantal kolommen zoals de naam, muziekgenre, prijs, locatie, e.d.
De bezoekers kunnen dan filters aanklikken, net zoals bij Tweakers, en de festivals die niet aan de eisen voldoen verdwijnen dan uit de tabel.
Ik hoop dat het zo wat duidelijk is :)

http://codyhouse.co/gem/content-filter/

Locatie kun je met geodata opvragen en restricten tot aantal km

Dat is precies wat ik zocht Arjen! Thanks! :)

Oke, ik ben nu bezig met het integreren maar het lukt me niet helemaal. Als ik de verwijzingen naar de stylesheets van content filter bij mijn head in plak, is de opmaak van mijn website niet goed meer. Ik probeer het html bestand wat meegeleverd is bij content filter als het ware in een div op mijn homepage te krijgen (www.festivalagenda.info). Iemand die weet hoe ik dit kan fixen?

Edit: het gaat hierbij om de volgende regels:

Code:

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>


	<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
	<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
	<script src="js/modernizr.js"></script> <!-- Modernizr -->

Arjan,

Bedankt ik zocht nog eens zo source. :)

@Stan, er zijn zat programmeurs die jou willen helpen misschien moet je dit gewoon uitbesteden? :)

@Jerry dat had ik graag gedaan, maar daar heb ik het budget niet voor ;)