Support » CSS / opmaak vragen » toggle tussen twee loops via button

  • Opgelost thierry.eamon

    (@thierryeamon)


    Ik ben bezig met me eigen thema en ik wil graag de mogelijkheid om bij een categorie te kunnen kiezen tussen een lijst weergave of een grid weergave van de posts.

    Dus eigenlijk twee buttons waarmee ik wil switchen tussen 2 verschillende loops.

    op deze site kwam ik precies hetgeen tegen wat ik wil : http://www.aisleone.net/

    Weet iemand hoe ik dit voor elkaar kan krijgen?

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Ik heb even een kijkje genomen achter de schermen in de broncode, en zoals ik verwachtte is het te realiseren met Javascript. Dat is een mooie oplossing, echter moet je wel voldoende kennis hebben van Javascript.

    Om het gemakkelijk te houden zou ik gewoon 2 pagina’s (templates) programmeren met 2 query’s en dan in de loop bij de template de Grid, dus alleen de afbeeldingen uitladen, en bij de andere de standaard pagina/lijst met afbeeldingen en tekst.

    Grid maken

    Grid is gemakkelijk te maken, je gebruikt de reguliere template versie en verwijderd de content shortcode, en de codering (div) die de content hold.

    Dan zet je bij de afbeeldingen een css als deze (ongeveer even snel)

    float: left;
    margin-right: 10px;
    margin-bottom: 10px;

    Dit is even snel bedacht in 4 minuutjes maar deze richting lijkt mij het gemakkelijkste.

    Heb je budget enz is het leuk om iemand de javascript te laten programmeren zodat je pagina niet hoeft te verwisselen/refreshen.

    Thanks voor je reply, de loops gaan me wel lukken, dat is het probleem niet.. Echter zoals je al zei

    echter moet je wel voldoende kennis hebben van Javascript.

    zal dat een veel grotere uitdaging worden.

    Hoe zorg ik ervoor dat de juiste loop gebruikt wordt zodra aan de voorwaarde “grid” of “list” voldaan wordt.

    Wat betreft budget… tja geen

    ok ik heb even wat gegoogled en het 1 en ander gecombineerd…
    heb geen ervaring met javascript en weinig tot gemiddeld met php, dus misschien slaat dit wel helemaal nergens op.

    header.php

    <script>
    document.cookie='viewType=grid';
    <script>
    
    <a href="#" onclick="alert(document.cookie);">grid</a>

    category.php

    <?php if ($_COOKIE["viewType"]=="grid");
    { de grid loop };
    
    else
    { de list loop };
    ?>

    Bedenk me net dat de pagina dan gerefreshed moet worden.. Dus dat is m ook niet

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘toggle tussen twee loops via button’ is gesloten voor nieuwe reacties.