{"id":46021,"date":"2026-03-17T22:30:09","date_gmt":"2026-03-17T21:30:09","guid":{"rendered":"https:\/\/www.filmtheaterfanfare.nl\/site\/?page_id=46021"},"modified":"2026-05-07T20:11:10","modified_gmt":"2026-05-07T18:11:10","slug":"zoekcentrum","status":"publish","type":"page","link":"https:\/\/www.filmtheaterfanfare.nl\/site\/zoekcentrum\/","title":{"rendered":"Zoekcentrum"},"content":{"rendered":"<div class=\"ftfn-zoeker\">\n\n    <div class=\"ftfn-zoeker-kader\">\n\n        <div class=\"ftfn-zoeker-titel\">FILMZOEKER<\/div>\n\n        <p class=\"ftfn-zoeker-uitleg\">\n            Zoek naar films in ons archief. Kies per regel waarop je wilt zoeken \u2014 titel, regisseur, acteur of land \u2014 en typ je zoekterm. Voeg desgewenst extra regels toe om te verfijnen (alle regels worden gecombineerd met &eacute;n). Klik op de titel voor de complete filminfo. Films zoeken voor een bepaald jaar kan ook in de <strong><a href=\"https:\/\/www.filmtheaterfanfare.nl\/site\/filmarchief\/?jaar=2026\">Fanfarepoll<\/a><\/strong>.\n        <\/p>\n\n                <div class=\"ftfn-zoeker-regel\" data-regel=\"1\">\n\n            <div class=\"ftfn-zoeker-regel-radio\">\n                <label><input type=\"radio\" name=\"ftfn-type-1\" value=\"titel\"      checked='checked'> Titel<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-1\" value=\"regisseur\"> Regisseur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-1\" value=\"acteur\">    Acteur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-1\" value=\"land\">      Land van herkomst<\/label>\n            <\/div>\n\n            <div class=\"ftfn-zoeker-vak\">\n                <input type=\"text\"\n                       class=\"ftfn-zoekterm\"\n                       data-regel=\"1\"\n                       placeholder=\"Zoek een titel...\"\n                       autocomplete=\"off\"\n                       maxlength=\"100\">\n                <button type=\"button\" class=\"ftfn-zoeker-wis\" data-regel=\"1\" title=\"Wissen\">&#x2715;<\/button>\n            <\/div>\n\n        <\/div>\n                <div class=\"ftfn-zoeker-regel ftfn-verborgen\" data-regel=\"2\">\n\n            <div class=\"ftfn-zoeker-regel-radio\">\n                <label><input type=\"radio\" name=\"ftfn-type-2\" value=\"titel\"     > Titel<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-2\" value=\"regisseur\"> Regisseur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-2\" value=\"acteur\">    Acteur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-2\" value=\"land\">      Land van herkomst<\/label>\n            <\/div>\n\n            <div class=\"ftfn-zoeker-vak\">\n                <input type=\"text\"\n                       class=\"ftfn-zoekterm\"\n                       data-regel=\"2\"\n                       placeholder=\"Zoek een titel...\"\n                       autocomplete=\"off\"\n                       maxlength=\"100\">\n                <button type=\"button\" class=\"ftfn-zoeker-wis\" data-regel=\"2\" title=\"Wissen\">&#x2715;<\/button>\n            <\/div>\n\n        <\/div>\n                <div class=\"ftfn-zoeker-regel ftfn-verborgen\" data-regel=\"3\">\n\n            <div class=\"ftfn-zoeker-regel-radio\">\n                <label><input type=\"radio\" name=\"ftfn-type-3\" value=\"titel\"     > Titel<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-3\" value=\"regisseur\"> Regisseur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-3\" value=\"acteur\">    Acteur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-3\" value=\"land\">      Land van herkomst<\/label>\n            <\/div>\n\n            <div class=\"ftfn-zoeker-vak\">\n                <input type=\"text\"\n                       class=\"ftfn-zoekterm\"\n                       data-regel=\"3\"\n                       placeholder=\"Zoek een titel...\"\n                       autocomplete=\"off\"\n                       maxlength=\"100\">\n                <button type=\"button\" class=\"ftfn-zoeker-wis\" data-regel=\"3\" title=\"Wissen\">&#x2715;<\/button>\n            <\/div>\n\n        <\/div>\n                <div class=\"ftfn-zoeker-regel ftfn-verborgen\" data-regel=\"4\">\n\n            <div class=\"ftfn-zoeker-regel-radio\">\n                <label><input type=\"radio\" name=\"ftfn-type-4\" value=\"titel\"     > Titel<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-4\" value=\"regisseur\"> Regisseur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-4\" value=\"acteur\">    Acteur<\/label>\n                <label><input type=\"radio\" name=\"ftfn-type-4\" value=\"land\">      Land van herkomst<\/label>\n            <\/div>\n\n            <div class=\"ftfn-zoeker-vak\">\n                <input type=\"text\"\n                       class=\"ftfn-zoekterm\"\n                       data-regel=\"4\"\n                       placeholder=\"Zoek een titel...\"\n                       autocomplete=\"off\"\n                       maxlength=\"100\">\n                <button type=\"button\" class=\"ftfn-zoeker-wis\" data-regel=\"4\" title=\"Wissen\">&#x2715;<\/button>\n            <\/div>\n\n        <\/div>\n        \n        <div class=\"ftfn-zoeker-plus-wrap\">\n            <button type=\"button\" id=\"ftfn-zoeker-plus\" class=\"ftfn-zoeker-plus\">+ Verfijn met extra zoekterm<\/button>\n        <\/div>\n\n        <!-- Jaar-filter (optioneel) -->\n        <div class=\"ftfn-zoeker-jaar\">\n            <span class=\"ftfn-zoeker-jaar-label\">Periode (optioneel):<\/span>\n            <label>\n                van\n                <select id=\"ftfn-jaar-van\">\n                    <option value=\"\">\u2014 alle jaren \u2014<\/option>\n                                            <option value=\"2026\">2026<\/option>\n                                            <option value=\"2025\">2025<\/option>\n                                            <option value=\"2024\">2024<\/option>\n                                            <option value=\"2023\">2023<\/option>\n                                            <option value=\"2022\">2022<\/option>\n                                            <option value=\"2021\">2021<\/option>\n                                            <option value=\"2020\">2020<\/option>\n                                            <option value=\"2019\">2019<\/option>\n                                            <option value=\"2018\">2018<\/option>\n                                            <option value=\"2017\">2017<\/option>\n                                            <option value=\"2016\">2016<\/option>\n                                            <option value=\"2015\">2015<\/option>\n                                            <option value=\"2014\">2014<\/option>\n                                            <option value=\"2013\">2013<\/option>\n                                            <option value=\"2012\">2012<\/option>\n                                            <option value=\"2011\">2011<\/option>\n                                            <option value=\"2010\">2010<\/option>\n                                            <option value=\"2009\">2009<\/option>\n                                            <option value=\"2008\">2008<\/option>\n                                            <option value=\"2007\">2007<\/option>\n                                            <option value=\"2006\">2006<\/option>\n                                            <option value=\"2005\">2005<\/option>\n                                            <option value=\"2004\">2004<\/option>\n                                            <option value=\"2003\">2003<\/option>\n                                            <option value=\"2002\">2002<\/option>\n                                            <option value=\"2001\">2001<\/option>\n                                            <option value=\"1998\">1998<\/option>\n                                            <option value=\"1996\">1996<\/option>\n                                            <option value=\"1994\">1994<\/option>\n                                            <option value=\"1992\">1992<\/option>\n                                            <option value=\"1984\">1984<\/option>\n                                            <option value=\"1983\">1983<\/option>\n                                            <option value=\"1982\">1982<\/option>\n                                            <option value=\"1981\">1981<\/option>\n                                            <option value=\"1980\">1980<\/option>\n                                            <option value=\"1979\">1979<\/option>\n                                            <option value=\"1975\">1975<\/option>\n                                            <option value=\"1974\">1974<\/option>\n                                            <option value=\"1973\">1973<\/option>\n                                            <option value=\"1972\">1972<\/option>\n                                            <option value=\"1969\">1969<\/option>\n                                            <option value=\"1963\">1963<\/option>\n                                            <option value=\"1958\">1958<\/option>\n                                            <option value=\"1956\">1956<\/option>\n                                            <option value=\"1953\">1953<\/option>\n                                            <option value=\"1942\">1942<\/option>\n                                            <option value=\"1924\">1924<\/option>\n                                    <\/select>\n            <\/label>\n            <label>\n                tot\n                <select id=\"ftfn-jaar-tot\">\n                    <option value=\"\">\u2014 alle jaren \u2014<\/option>\n                                            <option value=\"2026\">2026<\/option>\n                                            <option value=\"2025\">2025<\/option>\n                                            <option value=\"2024\">2024<\/option>\n                                            <option value=\"2023\">2023<\/option>\n                                            <option value=\"2022\">2022<\/option>\n                                            <option value=\"2021\">2021<\/option>\n                                            <option value=\"2020\">2020<\/option>\n                                            <option value=\"2019\">2019<\/option>\n                                            <option value=\"2018\">2018<\/option>\n                                            <option value=\"2017\">2017<\/option>\n                                            <option value=\"2016\">2016<\/option>\n                                            <option value=\"2015\">2015<\/option>\n                                            <option value=\"2014\">2014<\/option>\n                                            <option value=\"2013\">2013<\/option>\n                                            <option value=\"2012\">2012<\/option>\n                                            <option value=\"2011\">2011<\/option>\n                                            <option value=\"2010\">2010<\/option>\n                                            <option value=\"2009\">2009<\/option>\n                                            <option value=\"2008\">2008<\/option>\n                                            <option value=\"2007\">2007<\/option>\n                                            <option value=\"2006\">2006<\/option>\n                                            <option value=\"2005\">2005<\/option>\n                                            <option value=\"2004\">2004<\/option>\n                                            <option value=\"2003\">2003<\/option>\n                                            <option value=\"2002\">2002<\/option>\n                                            <option value=\"2001\">2001<\/option>\n                                            <option value=\"1998\">1998<\/option>\n                                            <option value=\"1996\">1996<\/option>\n                                            <option value=\"1994\">1994<\/option>\n                                            <option value=\"1992\">1992<\/option>\n                                            <option value=\"1984\">1984<\/option>\n                                            <option value=\"1983\">1983<\/option>\n                                            <option value=\"1982\">1982<\/option>\n                                            <option value=\"1981\">1981<\/option>\n                                            <option value=\"1980\">1980<\/option>\n                                            <option value=\"1979\">1979<\/option>\n                                            <option value=\"1975\">1975<\/option>\n                                            <option value=\"1974\">1974<\/option>\n                                            <option value=\"1973\">1973<\/option>\n                                            <option value=\"1972\">1972<\/option>\n                                            <option value=\"1969\">1969<\/option>\n                                            <option value=\"1963\">1963<\/option>\n                                            <option value=\"1958\">1958<\/option>\n                                            <option value=\"1956\">1956<\/option>\n                                            <option value=\"1953\">1953<\/option>\n                                            <option value=\"1942\">1942<\/option>\n                                            <option value=\"1924\">1924<\/option>\n                                    <\/select>\n            <\/label>\n            <button type=\"button\" id=\"ftfn-jaar-wis\" class=\"ftfn-zoeker-jaar-wis\">Wissen<\/button>\n        <\/div>\n\n        <div id=\"ftfn-zoeker-count\" class=\"ftfn-zoeker-count\"><\/div>\n\n    <\/div>\n\n    <div id=\"ftfn-resultaten\"><\/div>\n\n<\/div>\n\n<script>\n(function(){\n    const ajaxurl    = \"https:\\\/\\\/www.filmtheaterfanfare.nl\\\/site\\\/wp-admin\\\/admin-ajax.php\";\n    const nonce      = \"b8b3972af2\";\n    const resultaten = document.getElementById('ftfn-resultaten');\n    const countEl    = document.getElementById('ftfn-zoeker-count');\n    const plusBtn    = document.getElementById('ftfn-zoeker-plus');\n    const jaarVan    = document.getElementById('ftfn-jaar-van');\n    const jaarTot    = document.getElementById('ftfn-jaar-tot');\n    const jaarWis    = document.getElementById('ftfn-jaar-wis');\n\n    const placeholders = {\n        titel:     'Zoek een titel...',\n        regisseur: 'Zoek een regisseur...',\n        acteur:    'Zoek een acteur...',\n        land:      'Zoek een land van herkomst...'\n    };\n\n    let timer;\n\n    function allRegels()      { return document.querySelectorAll('.ftfn-zoeker-regel'); }\n    function zichtbareRegels(){ return Array.from(allRegels()).filter(r => !r.classList.contains('ftfn-verborgen')); }\n\n    function regelType(regel) {\n        const checked = regel.querySelector('input[type=\"radio\"]:checked');\n        return checked ? checked.value : '';\n    }\n    function regelTekst(regel) {\n        return regel.querySelector('.ftfn-zoekterm').value.trim();\n    }\n\n    \/\/ \u2500\u2500 Plus-knop: volgende verborgen regel zichtbaar maken \u2500\u2500\n    plusBtn.addEventListener('click', function() {\n        const verborgen = Array.from(allRegels()).find(r => r.classList.contains('ftfn-verborgen'));\n        if (!verborgen) return;\n\n        verborgen.classList.remove('ftfn-verborgen');\n\n        const gebruikt = new Set(zichtbareRegels()\n            .filter(r => r !== verborgen)\n            .map(regelType)\n            .filter(Boolean)\n        );\n        const radios = verborgen.querySelectorAll('input[type=\"radio\"]');\n        for (const r of radios) {\n            if (!gebruikt.has(r.value)) { r.checked = true; break; }\n        }\n\n        const t = regelType(verborgen);\n        verborgen.querySelector('.ftfn-zoekterm').placeholder = placeholders[t] || '';\n\n        updateGedimd();\n        updatePlusBtn();\n        verborgen.querySelector('.ftfn-zoekterm').focus();\n    });\n\n    function updatePlusBtn() {\n        const heeftVerborgen = Array.from(allRegels()).some(r => r.classList.contains('ftfn-verborgen'));\n        plusBtn.disabled = !heeftVerborgen;\n        plusBtn.style.display = heeftVerborgen ? '' : 'none';\n    }\n\n    \/\/ \u2500\u2500 Dimmen van radiobuttons op andere regels \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function updateGedimd() {\n        const gebruikt = {};\n        zichtbareRegels().forEach(r => {\n            const t = regelType(r);\n            const tekst = regelTekst(r);\n            if (t && tekst.length >= 3) {\n                gebruikt[t] = r.dataset.regel;\n            }\n        });\n\n        zichtbareRegels().forEach(r => {\n            const eigen = r.dataset.regel;\n            r.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\n                const label = radio.closest('label');\n                const elders = gebruikt[radio.value] && gebruikt[radio.value] !== eigen;\n                if (elders) {\n                    radio.disabled = true;\n                    label.classList.add('ftfn-gedimd');\n                } else {\n                    radio.disabled = false;\n                    label.classList.remove('ftfn-gedimd');\n                }\n            });\n        });\n    }\n\n    \/\/ \u2500\u2500 Per regel: events op invoer en radio \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    allRegels().forEach(regel => {\n        const input  = regel.querySelector('.ftfn-zoekterm');\n        const wisBtn = regel.querySelector('.ftfn-zoeker-wis');\n\n        input.addEventListener('input', function() {\n            wisBtn.style.display = this.value.length > 0 ? 'block' : 'none';\n            updateGedimd();\n            clearTimeout(timer);\n            timer = setTimeout(zoek, 400);\n        });\n\n        wisBtn.addEventListener('click', function() {\n            input.value = '';\n            wisBtn.style.display = 'none';\n            updateGedimd();\n            zoek();\n            input.focus();\n        });\n\n        input.addEventListener('keydown', function(e) {\n            if (e.key === 'Enter') { clearTimeout(timer); zoek(); }\n        });\n\n        regel.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\n            radio.addEventListener('change', function() {\n                const t = regelType(regel);\n                input.placeholder = placeholders[t] || '';\n                updateGedimd();\n                if (regelTekst(regel).length >= 3) zoek();\n            });\n        });\n    });\n\n    \/\/ \u2500\u2500 Jaar-dropdowns \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    [jaarVan, jaarTot].forEach(sel => {\n        sel.addEventListener('change', function() {\n            clearTimeout(timer);\n            timer = setTimeout(zoek, 200);\n        });\n    });\n\n    jaarWis.addEventListener('click', function() {\n        jaarVan.value = '';\n        jaarTot.value = '';\n        zoek();\n    });\n\n    function toonInKader(html) {\n        resultaten.className = 'ftfn-zoeker-resultaten-kader';\n        resultaten.innerHTML = html;\n    }\n\n    function leegKader() {\n        resultaten.className = '';\n        resultaten.innerHTML = '';\n        countEl.innerHTML = '';\n    }\n\n    \/\/ \u2500\u2500 Zoeken \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function zoek() {\n        const actief = [];\n        zichtbareRegels().forEach(r => {\n            const t = regelType(r);\n            const tekst = regelTekst(r);\n            if (t && tekst.length >= 3) {\n                actief.push({ type: t, term: tekst });\n            }\n        });\n\n        const jvan = jaarVan.value.trim();\n        const jtot = jaarTot.value.trim();\n        const heeftJaar = jvan !== '' || jtot !== '';\n\n        if (actief.length === 0) {\n            if (heeftJaar) {\n                countEl.innerHTML = '';\n                toonInKader('<p class=\"ftfn-zoeker-melding\">Voer minstens &eacute;&eacute;n zoekterm in (een jaar-filter alleen is niet genoeg).<\/p>');\n            } else {\n                leegKader();\n            }\n            return;\n        }\n\n        countEl.innerHTML = '';\n        toonInKader('<p class=\"ftfn-zoeker-melding\"><span class=\"ftfn-spinner\"><\/span> Zoeken...<\/p>');\n\n        const data = new FormData();\n        data.append('action', 'ftfn_zoek_v3');\n        data.append('nonce',  nonce);\n        data.append('filters', JSON.stringify(actief));\n        if (jvan !== '') data.append('jaar_van', jvan);\n        if (jtot !== '') data.append('jaar_tot', jtot);\n\n        fetch(ajaxurl, { method: 'POST', body: data })\n            .then(r => r.json())\n            .then(json => {\n                countEl.innerHTML = json.count_text || '';\n                if (json.html) {\n                    toonInKader(json.html);\n                } else {\n                    resultaten.className = '';\n                    resultaten.innerHTML = '';\n                }\n            })\n            .catch(() => {\n                toonInKader('<p class=\"ftfn-zoeker-melding\">Er ging iets mis. Probeer opnieuw.<\/p>');\n            });\n    }\n\n    updatePlusBtn();\n    updateGedimd();\n\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":45,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46021","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages\/46021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/comments?post=46021"}],"version-history":[{"count":4,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages\/46021\/revisions"}],"predecessor-version":[{"id":47728,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages\/46021\/revisions\/47728"}],"wp:attachment":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/media?parent=46021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}