ajax php query
Ik heb op mijn website een lijst met de laatste 100 nieuwsberichten staan.
(die komen uit mijn mysql database).
Nu wil ik daarnaast een paar filter opties maken.
Bijv. op categorie, publicatie datum.
Weet iemand een goede tutorial om dit makkelijk te doen.
Het liefst wil ik dit oplossen met jquery ofzo.
Thanks,
Tim
Wat wil je, ajax, jQuery, JavaScript? In ieder geval iets cliëntside.
Dan de vraag wat voor filteropties? filteropties over de laatste 100 nieuwsberichten. Staan deze nieuwsberichten al op de website: ik bedoel heb je ze al geoutput (gebruik JavaScript/jQuery) of moeten ze nog van de server gehaald worden (gebruik ajax)?
Waarop wil je filteren?
En wat precies, jquert of ajax tja dat is nu net de vraag wat is nu het beste geschikt?!
De data komt dus uit een mysql database, daarin staan de nieuwsberichten de categorieën enz enz.
De bedoeling is dus dat standaard er een lijst staat van de laatste 100 berichten maar als de gebruiker dat wil, hij kan filteren op bij de categorie sport, verkeer, politiek. enz.
Tim
Dan maak je in inputveld van welke gefilterd moeten worden en dan zorg je dat de niet geselecteerde class(es) display:none hebben. Deze zullen dan miraculeus verdwijnen.
Let wel, als JavaScript uitstaat, dat deze functie niet werkt (dit geld ook als je AJAX zou gebruiken)
Weet jij toevallig een tutorial of en voorbeeldje zodat ik een beetje snap hoe het werkt?
Bedankt!
het doel is iets gelijks te maken als:
http://newspulse.cnn.com/
Dus filteren op categorieën, tijdvak.
Gewijzigd op 01/01/1970 01:00:00 door Tim
Doe dan bijvoorbeeld met categorie "sport" en "hobby".
<div id="hobby">item1</div>
<div id="sport">item2</div>
Selecteer je de knop "hobby". Dan moeten alle andere onderdelen van categorie wegvallen. Dit kun je het beste doen met css. Met javascript zoek je alle id's die als waarde "sport" hebben. Dit doe je met een for loop. Heb je het desbetreffende element, gebruik dan element.style.display="none". Zo verdwijnt de div. Selecteer je sport, dan moet hobby verdwijnen, maar sport blijven staan of weer verschijnen.
Ik heb dit ooit een keer gedaan met een fade effect. Als je wil kan ik het voor je maken voor een klein bedrag. Maar dan moet je even een PM sturen.
Ja, alleen moet je dan geen id gebruiken, maar je moet een class gebruiken om twee redenen:
1). Een id moet uniek zijn, anders is je pagina niet W3 Valid en wie weet wat browsers ermee doen. Hierdoor zul je geen twee keer het id 'sport' mogen gebruiken en dit is nogal zinloos, omdat je juist wilt sorteren op categorie.
2). Als je classes hebt hoef je alleen die class te veranderen, bij id moet je anders heel veel id's af, bij class maar een paar classes.