Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //
- //
- //
- //
- //
- //
- //
- //
- //GLOBAAL//
- //
- //
- //
- //
- //
- //
- //
- //
- // Alle progress pagina's
- function show_next(id, nextid, bar) {
- var ele = document.getElementById(id).getElementsByTagName("input");
- var error = 0;
- for (var i = 0; i < ele.length; i++) {
- if (ele[i].type == "" && ele[i].value == "") {
- error++;
- }
- }
- if (error == 0) {
- document.getElementById("account_details").style.display = "none";
- document.getElementById("user_details").style.display = "none";
- document.getElementById("qualification").style.display = "none";
- document.getElementById("controlevragen").style.display = "none";
- document.getElementById("contactgegevens").style.display = "none";
- $("#" + nextid).show("slide", {
- direction: "right"
- }, 100);
- document.getElementById(bar).style.backgroundColor = "#008f9d";
- document.getElementById(bar).style.borderColor = "#008f9d";
- } else {
- alert("Vul alles in");
- }
- }
- function show_prev(previd, bar) {
- document.getElementById("account_details").style.display = "none";
- document.getElementById("user_details").style.display = "none";
- document.getElementById("qualification").style.display = "none";
- document.getElementById("controlevragen").style.display = "none";
- document.getElementById("contactgegevens").style.display = "none";
- $("#" + previd).show("slide", {
- direction: "right"
- }, 100);
- document.getElementById(bar).style.borderColor = "#fff";
- }
- // De Accordion
- $(document).ready(function () {
- function close_accordion_section() {
- $('.accordion .accordion-section-title').removeClass('active');
- $('.accordion .accordion-section-content').slideUp(200).removeClass('open');
- }
- $('#accordion-1').show();
- $('.accordion-section-title').click(function (e) {
- // Grab current anchor value
- var currentAttrValue = $(this).attr('href');
- if ($(e.target).is('.active')) {
- close_accordion_section();
- } else {
- close_accordion_section();
- // Add active class to section title
- $(this).addClass('active');
- // Open up the hidden content panel
- $('.accordion ' + currentAttrValue).slideDown(200).addClass('open');
- }
- e.preventDefault();
- });
- });
- //Vermijt submitten via Enter
- $(document).ready(function () {
- $(window).keydown(function (event) {
- if (event.keyCode == 13) {
- event.preventDefault();
- return false;
- }
- });
- });
- // Wanneer de gebruiker op de (desbetreffende)knop klikt gaat hij naar boven
- function topFunction() {
- document.body.scrollTop = 0;
- document.documentElement.scrollTop = 0;
- }
- // Stel er wordt op next gedrukt wordt het eerste rondje van de progress bar blauw
- $('#eerstebutton').click(function () {
- $('#accordion-5').show();
- $('#accordion-6').hide();
- $('#accordion-7').hide();
- $('#accordion-8').hide();
- $('#accordion-9').hide();
- $('#accordion-10').hide();
- $("#bar").css({
- backgroundColor: '#008f9d',
- borderColor: '#008f9d'
- });
- });
- $('#tweedebutton').click(function () {
- $("#barre").css({
- backgroundColor: '#008f9d',
- borderColor: '#008f9d'
- });
- });
- $('#derdebutton').click(function () {
- $("#bar8").css({
- backgroundColor: '#008f9d',
- borderColor: '#008f9d'
- });
- });
- $('#vierdebutton').click(function () {
- $("#bar9").css({
- backgroundColor: '#008f9d',
- borderColor: '#008f9d'
- });
- });
- // Stel er wordt op vorige gedrukt dan gaat de bar terug naar de waarden waarbij de pagina hoort
- $('#eersteterug').click(function () {
- $("#bar").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar1").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- $('#tweedeterug').click(function () {
- $("#barre").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar2").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- $('#derdeterug').click(function () {
- $("#bar8").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar3").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- $('#vierdeterug').click(function () {
- $("#bar9").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar4").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- //
- //
- //
- //
- //
- //
- //
- //
- //EINDE GLOBAAL//
- //
- //
- //
- //
- //
- //
- //
- //
- //------------------------------------------//
- //
- //
- //
- //
- //
- //
- //
- //
- //PAGINA 1//
- //
- //
- //
- //
- //
- //
- //
- //
- // Stel de eerste accordion is niet ingevuld dan kun je niet naar de 2e accordion
- $("#textdeco2").addClass("disabledbutton");
- $("#textdeco3").addClass("disabledbutton");
- $("#textdeco4").addClass("disabledbutton");
- $('#LAMINAAT').click(function () {
- if ($('#LAMINAAT').is(':checked')) {
- $("#textdeco2").removeClass("disabledbutton");
- $("#textdeco3").removeClass("disabledbutton");
- $("#textdeco4").removeClass("disabledbutton");
- }
- });
- $('#PARKET').click(function () {
- if ($('#PARKET').is(':checked')) {
- $("#textdeco2").removeClass("disabledbutton");
- $("#textdeco3").removeClass("disabledbutton");
- $("#textdeco4").removeClass("disabledbutton");
- }
- });
- $('#PVC').click(function () {
- if ($('#PVC').is(':checked')) {
- $("#textdeco2").removeClass("disabledbutton");
- $("#textdeco3").removeClass("disabledbutton");
- $("#textdeco4").removeClass("disabledbutton");
- }
- });
- // Hier reset hij de forms als er een ander type vloer wordt geselecteerd
- function myFunction() {
- document.getElementById("pvcextra").reset();
- document.getElementById("overextra").reset();
- document.getElementById("my_form2").reset();
- document.getElementById("my_form3").reset();
- document.getElementById("my5").reset();
- document.getElementById("my_form5").reset();
- document.getElementById("extraondervloer").reset();
- document.getElementById("my_form6").reset();
- document.getElementById("typeplinten").reset();
- document.getElementById("extraplinten").reset();
- document.getElementById("my_form7").reset();
- document.getElementById("profielmeter").reset();
- document.getElementById("my_form8").reset();
- document.getElementById("olieextra").reset();
- document.getElementById("my_form9").reset();
- document.getElementById("deurinkortenextra").reset();
- document.getElementById("my_form10").reset();
- document.getElementById("keukenplintenextra").reset();
- document.getElementById("my_form11").reset();
- document.getElementById("my_form12").reset();
- document.getElementById("my_form13").reset();
- document.getElementById("my_form14").reset();
- document.getElementById("my_form15").reset();
- document.getElementById("my_form16").reset();
- document.getElementById("my_form17").reset();
- document.getElementById("my_form18").reset();
- $("#overextra").hide(); //HIER MOET HIJ ALLES NOG HIDEN!!!!!!!!!!! /////////////////////////////////////////////////////////////////////////////////////
- }
- // Als er op overbestaandevloer wordt geclickt dan showt hij overextra
- $("#OVERBESTAANDEVLOER").click(function () {
- $("#overextra").show();
- });
- // Hier reset hij de forms als er een ander type overvloer wordt geselecteerd
- function myOndergrond() {
- document.getElementById("overextra").reset();
- }
- function JaNeeFirst() {
- document.getElementById("extraondervloer").reset();
- }
- function JaNeeSecond() {
- document.getElementById("typeplinten").reset();
- document.getElementById("extraplinten").reset();
- }
- function JaNeeThirth() {
- document.getElementById("profielmeter").reset();
- }
- function JaNeeFourth() {
- document.getElementById("olieextra").reset();
- }
- function JaNeeFifth() {
- document.getElementById("deurinkortenextra").reset();
- }
- function JaNeeSixth() {
- document.getElementById("keukenplintenextra").reset();
- }
- // Extra dropdown en hide van de radio buttons van de 1e pagina
- $(document).ready(function () { // laminaat pvc parket
- $("input[name=group1]").change(function () {
- var test1 = $(this).val();
- $(".desc1").hide();
- $("#" + test1).show();
- });
- });
- $(document).ready(function () { // beton hout overbestaande
- $("input[name=group2").change(function () {
- var test2 = $(this).val();
- $(".desc2").hide();
- $("#" + test2).show();
- });
- });
- // Voor de PVC en PARKET dat de visgraat en na-oliën wordt weergeven
- // 1e pagina de visgraat laten zien of verbergen
- $('#PVC').click(function () {
- if ($('#PVC').is(':checked')) {
- $("#Visgraat").show();
- }
- });
- $('#PARKET').click(function () {
- if ($('#PARKET').is(':checked')) {
- $("#Visgraat").show();
- }
- });
- $('#LAMINAAT').click(function () {
- if ($('#LAMINAAT').is(':checked')) {
- $("#Visgraat").hide();
- }
- });
- //2e pagina naolie laten zien of verbergen
- $('#PARKET').click(function () {
- if ($('#PARKET').is(':checked')) {
- $("#olie8").show();
- }
- });
- $('#PVC').click(function () {
- if ($('#PVC').is(':checked')) {
- $("#olie8").hide();
- }
- });
- $('#LAMINAAT').click(function () {
- if ($('#LAMINAAT').is(':checked')) {
- $("#olie8").hide();
- }
- });
- //5e(laatste)pagina naolie laten zien of verbergen
- $('#PARKET').click(function () {
- if ($('#PARKET').is(':checked')) {
- $("#tr1").show();
- }
- });
- $('#PVC').click(function () {
- if ($('#PVC').is(':checked')) {
- $("#tr1").hide();
- }
- });
- $('#LAMINAAT').click(function () {
- if ($('#LAMINAAT').is(':checked')) {
- $("#tr1").hide();
- }
- });
- // Type Vloer
- $(document).ready(function () {
- $('#check7check7').hide();
- $("input").change(function () {
- var eerste7 = $('input[id="LAMINAAT"]:checked').val();
- var tweede7 = $('input[id="PARKET"]:checked').val();
- var derde7 = $('input[id="PVC"]:checked').val();
- var vierde7 = $('input[name="optradio1"]:checked').val();
- if (eerste7 != undefined) {
- $('#check7check7').show();
- $('#grey8').hide();
- } else if (tweede7 != undefined) {
- $('#check7check7').show();
- $('#grey8').hide();
- } else if (derde7 != undefined && vierde7 != undefined) {
- $('#check7check7').show();
- $('#grey8').hide();
- } else {
- $('#check7check7').hide();
- $('#grey8').show();
- }
- });
- });
- // Ondergrond
- $(document).ready(function () {
- $('#check8check8').hide();
- $("input").change(function () {
- var eerste8 = $('input[id="BETON"]:checked').val();
- var tweede8 = $('input[id="HOUT"]:checked').val();
- var derde8 = $('input[id="OVERBESTAANDEVLOER"]:checked').val();
- var vierde8 = $('input[name="optradio2"]:checked').val();
- var vijfde8 = $('input[name="optradio"]:checked').val();
- if (eerste8 != undefined && vijfde8 != undefined) {
- $('#check8check8').show();
- $('#grey9').hide();
- } else if (tweede8 != undefined && vijfde8 != undefined) {
- $('#check8check8').show();
- $('#grey9').hide();
- } else if (derde8 != undefined && vierde8 != undefined && vijfde8 != undefined) {
- $('#check8check8').show();
- $('#grey9').hide();
- } else {
- $('#check8check8').hide();
- $('#grey9').show();
- }
- });
- });
- // Legrichting
- $(document).ready(function () {
- $('#check9check9').hide();
- $("input").change(function () {
- var eerste9 = $('input[name="optradio3"]:checked').val();
- if (eerste9 != undefined) {
- $('#check9check9').show();
- $('#grey10').hide();
- } else {
- $('#check9check9').hide();
- $('#grey10').show();
- }
- });
- });
- // Ruimte
- $(document).ready(function () {
- $('#check10check10').hide();
- $("input").change(function () {
- var quantity10 = $('#hoeveel').val();
- var quantity102 = $('#ruimtes').val();
- if (quantity10 != '' && quantity102 != '') {
- $('#check10check10').show();
- $('#grey11').hide();
- } else {
- $('#check10check10').hide();
- $('#grey11').show();
- }
- });
- });
- // Checkt als alle checks ready zijn zo ja, 'unlock' de ga verder knop(van de eerste pagina)
- $(document).ready(function () {
- $('#eerstebutton').addClass("disabled");
- $('input[class="validatepagina1"]').change(function () {
- if ($('#check7check7').is(":visible") && $('#check8check8').is(":visible") && $('#check9check9').is(":visible") && $('#check10check10').is(":visible")) {
- $('#eerstebutton').removeClass("disabled");
- $('#eerstebutton').addClass("enabled");
- } else {
- $('#eerstebutton').removeClass("enabled");
- $('#eerstebutton').addClass("disabled");
- }
- });
- });
- //
- //
- //
- //
- //
- //
- //
- //
- //EINDE PAGINA 1//
- //
- //
- //
- //
- //
- //
- //
- //
- //------------------------------------------//
- //
- //
- //
- //
- //
- //
- //
- //
- //PAGINA 2//
- //
- //
- //
- //
- //
- //
- //
- //
- // Extra dropdown en hide van de radio buttons van de 2e pagina
- $(document).ready(function () {
- $("input[name=group3").change(function () {
- var test3 = $(this).attr('id')
- $(".desc3").hide();
- $("#form_" + test3).show();
- });
- });
- $(document).ready(function () {
- $("input[name=group4").change(function () {
- var test4 = $(this).attr('id')
- $(".desc4").hide();
- $("#form_" + test4).show();
- });
- });
- $(document).ready(function () {
- $("input[name=group5").change(function () {
- var test5 = $(this).attr('id')
- $(".desc5").hide();
- $("#form_" + test5).show();
- });
- });
- $(document).ready(function () {
- $("input[name=group6").change(function () {
- var test6 = $(this).attr('id')
- $(".desc6").hide();
- $("#form_" + test6).show();
- });
- });
- $(document).ready(function () {
- $("input[name=group7").change(function () {
- var test7 = $(this).attr('id')
- $(".desc7").hide();
- $("#form_" + test7).show();
- });
- });
- $(document).ready(function () {
- $("input[name=group8").change(function () {
- var test8 = $(this).attr('id')
- $(".desc8").hide();
- $("#form_" + test8).show();
- });
- });
- // Voor de Plinten extra tabel, vervolg van de code hierboven...
- $('#PLAKPLINTEN').click(function () {
- if ($('#PLAKPLINTEN').is(':checked')) {
- $("#plintenExtra").show();
- }
- });
- $('#HOGEPLINTEN').click(function () {
- if ($('#HOGEPLINTEN').is(':checked')) {
- $("#plintenExtra").show();
- }
- });
- $('#NEE3').click(function () {
- if ($('#NEE3').is(':checked')) {
- $("#plintenExtra").hide();
- }
- });
- // Stel er wordt op ja gedrukt dan showt extra informatie van de ja zoals hoeveel m2, als hij op nee drukt wordt dit verborgen
- $('#JA2').click(function () {
- if ($('#JA2').is(':checked')) {
- $("#Ondervloer2").show();
- }
- });
- $('#JA3').click(function () {
- if ($('#JA3').is(':checked')) {
- $("#Plinten2").show();
- $("#Plinten3").show();
- }
- });
- $('#JA4').click(function () {
- if ($('#JA4').is(':checked')) {
- $("#Profielen2").show();
- }
- });
- $('#JA5').click(function () {
- if ($('#JA5').is(':checked')) {
- $("#NaOliën2").show();
- }
- });
- $('#JA6').click(function () {
- if ($('#JA6').is(':checked')) {
- $("#DeurenInkorten2").show();
- }
- });
- $('#JA7').click(function () {
- if ($('#JA7').is(':checked')) {
- $("#KeukenplintenInkorten2").show();
- }
- });
- // HIDE
- $('#NEE2').click(function () {
- if ($('#NEE2').is(':checked')) {
- $("#Ondervloer2").hide();
- }
- });
- $('#NEE3').click(function () {
- if ($('#NEE3').is(':checked')) {
- $("#Plinten2").hide();
- $("#Plinten3").hide();
- }
- });
- $('#NEE4').click(function () {
- if ($('#NEE4').is(':checked')) {
- $("#Profielen2").hide();
- }
- });
- $('#NEE5').click(function () {
- if ($('#NEE5').is(':checked')) {
- $("#NaOliën2").hide();
- }
- });
- $('#NEE6').click(function () {
- if ($('#NEE6').is(':checked')) {
- $("#DeurenInkorten2").hide();
- }
- });
- $('#NEE7').click(function () {
- if ($('#NEE7').is(':checked')) {
- $("#KeukenplintenInkorten2").hide();
- }
- });
- $('#tweedebutton').addClass("disabled");
- // Ondervloer
- $(document).ready(function () {
- $('#check1check1').hide();
- $("input").change(function () {
- var eerste = $('input[id="JA2"]:checked').val();
- var tweede = $('input[id="NEE2"]:checked').val();
- var quantity = $('#ondervloer').val();
- if (eerste != undefined && quantity != '') {
- $('#check1check1').show();
- $('#grey1').hide();
- } else if (tweede != undefined) {
- $('#check1check1').show();
- $('#grey1').hide();
- } else {
- $('#check1check1').hide();
- $('#grey1').show();
- }
- });
- });
- // Plinten
- $(document).ready(function () {
- $('#check2check2').hide();
- $("input").change(function () {
- var eerste2 = $('input[id="JA3"]:checked').val();
- var tweede2 = $('input[id="NEE3"]:checked').val();
- var derde2 = $('input[name="optradio4"]:checked').val();
- var quantity2 = $('#plintMeter').val();
- if (eerste2 != undefined && derde2 != undefined && quantity2 != '') {
- $('#check2check2').show();
- $('#grey2').hide();
- } else if (tweede2 != undefined) {
- $('#check2check2').show();
- $('#grey2').hide();
- } else {
- $('#check2check2').hide();
- $('#grey2').show();
- }
- });
- });
- // Profielen
- $(document).ready(function () {
- $('#check3check3').hide();
- $("input").change(function () {
- var eerste3 = $('input[id="JA4"]:checked').val();
- var tweede3 = $('input[id="NEE4"]:checked').val();
- var quantity3 = $('#profielMeter').val();
- if (eerste3 != undefined && quantity3 != '') {
- $('#check3check3').show();
- $('#grey3').hide();
- } else if (tweede3 != undefined) {
- $('#check3check3').show();
- $('#grey3').hide();
- } else {
- $('#check3check3').hide();
- $('#grey3').show();
- }
- });
- });
- // Na-oliën
- $(document).ready(function () {
- $('#check4check4').hide();
- $("input").change(function () {
- var eerste4 = $('input[id="JA5"]:checked').val();
- var tweede4 = $('input[id="NEE5"]:checked').val();
- var quantity4 = $('#naOlie').val();
- if (eerste4 != undefined && quantity4 != '') {
- $('#check4check4').show();
- $('#grey4').hide();
- } else if (tweede4 != undefined) {
- $('#check4check4').show();
- $('#grey4').hide();
- } else {
- $('#check4check4').hide();
- $('#grey4').show();
- }
- });
- });
- // Deuren inkorten
- $(document).ready(function () {
- $('#check5check5').hide();
- $("input").change(function () {
- var eerste5 = $('input[id="JA6"]:checked').val();
- var tweede5 = $('input[id="NEE6"]:checked').val();
- var quantity5 = $('#deurInkorten').val();
- if (eerste5 != undefined && quantity5 != '') {
- $('#check5check5').show();
- $('#grey5').hide();
- } else if (tweede5 != undefined) {
- $('#check5check5').show();
- $('#grey5').hide();
- } else {
- $('#check5check5').hide();
- $('#grey5').show();
- }
- });
- });
- // Keukenplinten inkorten
- $(document).ready(function () {
- $('#check6check6').hide();
- $("input").change(function () {
- var eerste6 = $('input[id="JA7"]:checked').val();
- var tweede6 = $('input[id="NEE7"]:checked').val();
- var quantity6 = $('#keukenplintenInkorten').val();
- if (eerste6 != undefined && quantity6 != '') {
- $('#check6check6').show();
- $('#grey6').hide();
- } else if (tweede6 != undefined) {
- $('#check6check6').show();
- $('#grey6').hide();
- } else {
- $('#check6check6').hide();
- $('#grey6').show();
- }
- });
- });
- // Checkt als alle checks ready zijn zo ja, 'unlock' de ga verder knop(van de tweede pagina)
- $(document).ready(function () {
- $('input[class="validatepagina2"]').change(function () {
- if ($('#LAMINAAT').is(":checked") && $('#check1check1').is(":visible") && $('#check2check2').is(":visible") && $('#check3check3').is(":visible") && $('#check5check5').is(":visible") && $('#check6check6').is(":visible")) {
- $('#tweedebutton').removeClass("disabled");
- $('#tweedebutton').addClass("enabled");
- } else if ($('#PVC').is(":checked") && $('#check1check1').is(":visible") && $('#check2check2').is(":visible") && $('#check3check3').is(":visible") && $('#check5check5').is(":visible") && $('#check6check6').is(":visible")) {
- $('#tweedebutton').removeClass("disabled");
- $('#tweedebutton').addClass("enabled");
- } else if ($('#PARKET').is(":checked") && $('#check1check1').is(":visible") && $('#check2check2').is(":visible") && $('#check3check3').is(":visible") && $('#check4check4').is(":visible") && $('#check5check5').is(":visible") && $('#check6check6').is(":visible")) {
- $('#tweedebutton').removeClass("disabled");
- $('#tweedebutton').addClass("enabled");
- } else {
- $('#vierdebutton').removeClass("enabled");
- $('#tweedebutton').addClass("disabled");
- }
- });
- });
- //
- //
- //
- //
- //
- //
- //
- //
- //EINDE PAGINA 2//
- //
- //
- //
- //
- //
- //
- //
- //
- //------------------------------------------//
- //
- //
- //
- //
- //
- //
- //
- //
- //PAGINA 3//
- //
- //
- //
- //
- //
- //
- //
- //
- // Stel group8 en 9 zijn selected show form14
- $(document).ready(function () {
- $('input[type="radio"]').on('change', function () {
- if ($('input[name="group8"]').is(":checked") && $('input[name="group9"]').is(":checked")) {
- $('#form13').show();
- } else {
- $('#form13').hide();
- }
- });
- });
- // Checkt als alle checks ready zijn zo ja, 'unlock' de ga verder knop(van de derde pagina)
- $(document).ready(function () {
- $('#derdebutton').addClass("disabled");
- $('input[class="validatepagina3"]').change(function () {
- if ($('input[name="group8"]').is(":checked") && $('input[name="group9"]').is(":checked") && $('#check1').is(":checked") && $('#check2').is(":checked") && $('#check3').is(":checked") && $('#check4').is(":checked")) {
- $('#derdebutton').removeClass("disabled");
- $('#derdebutton').addClass("enabled");
- } else {
- $('#vierdebutton').removeClass("enabled");
- $('#derdebutton').addClass("disabled");
- }
- });
- });
- //
- //
- //
- //
- //
- //
- //
- //
- //EINDE PAGINA 3//
- //
- //
- //
- //
- //
- //
- //
- //
- //------------------------------------------//
- //
- //
- //
- //
- //
- //
- //
- //
- //PAGINA 4//
- //
- //
- //
- //
- //
- //
- //
- //
- // Stel alle(2) vlakken tekst zijn ingevuld dan laat hij een hidden div zien
- $(document).ready(function () {
- $('input[type="text"]').keyup('change', function () {
- if ($('input[name="group14"]').val().length == 0 || $('input[name="group15"]').val().length == 0) {
- $('.show_hide').hide();
- } else {
- $('.show_hide').show();
- }
- });
- }).keyup();
- //checkt of alle velden zijn ingevuld en of correct zijn ingevuld ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
- $(document).ready(function () {
- $('#vierdebutton').addClass("disabled");
- var postcodecheck = /^[1-9][0-9]{3}[\s]?[A-Za-z]{2}$/i;
- $('input[type="text"]').change(function () {
- var quantity8 = $('#voornaam').val();
- var quantity82 = $('#achernaam').val();
- var quantity83 = $('#postcode').val();
- var quantity84 = $('#huisnummer').val();
- var quantity85 = $('#adres').val();
- var quantity86 = $('#woonplaats').val();
- var quantity87 = $('#Telefoonnummer1').val();
- var quantity872 = $('#Telefoonnummer2').val(); // moet nog een extra regel maken met minaal zoveel letters/cijfers
- var quantity88 = $('#E-mail1').val();
- var quantity89 = $('#E-mail2').val();
- if (quantity8 != '' && quantity82 != '' && quantity83 != '' && quantity84 != '' && quantity85 != '' && quantity86 != '' && quantity87 != '' && quantity88 != '' && quantity89 != '' && quantity87.length > 9 && quantity89 == quantity88 && quantity89.indexOf('@') >= 0 && quantity89.indexOf('.') >= 0 && quantity83.match(postcodecheck)) {
- $('#vierdebutton').removeClass("disabled");
- $('#vierdebutton').addClass("enabled");
- } else {
- $('#vierdebutton').removeClass("enabled");
- $('#vierdebutton').addClass("disabled");
- }
- });
- });
- //
- //
- //
- //
- //
- //
- //
- //
- //EINDE PAGINA 4//
- //
- //
- //
- //
- //
- //
- //
- //
- //------------------------------------------//
- //
- //
- //
- //
- //
- //
- //
- //
- //PAGINA 5//
- //
- //
- //
- //
- //
- //
- //
- //
- // Wanneer hij bij de laatste pagina komt laat hij alle results zien
- function showValues() {
- var a = $("#my_form1").serializeArray();
- var aa = $("#pvcextra").serializeArray();
- $("#VloerType").empty();
- $.each(aa, function (i, field) {
- $("#VloerType").append(field.value + " ");
- });
- $.each(a, function (i, field) {
- $("#VloerType").append(field.value + "");
- });
- }
- $(":checkbox, :radio").click(showValues);
- $("select").change(showValues);
- showValues();
- //
- function showValues2() {
- var b = $("#my_form2").serializeArray();
- var bb = $("#overextra").serializeArray();
- $("#Ondergrond").empty();
- $.each(b, function (i, field) {
- $("#Ondergrond").append(field.value + "");
- });
- $.each(bb, function (i, field) {
- $("#Ondergrond").append(", " + field.value + "");
- });
- }
- $(":checkbox, :radio").click(showValues2);
- $("select").change(showValues2);
- showValues2();
- //
- function showValues3() {
- var c = $("#my_form3").serializeArray();
- $("#Legrichting").empty();
- $.each(c, function (i, field) {
- $("#Legrichting").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues3);
- $("select").change(showValues3);
- showValues3();
- //
- function showValues4() {
- var d = $("#my_form4").serializeArray();
- var e = $("#my5").serializeArray();
- $("#Ruimte").empty();
- $.each(d, function (i, field) {
- $("#Ruimte").append(field.value + " m<sup>2</sup>, ");
- });
- $.each(e, function (i, field) {
- $("#Ruimte").append(field.value + " ruimtes");
- });
- }
- $(":checkbox, :radio").click(showValues4);
- showValues4();
- //
- function showValues5() {
- var f = $("#my_form5").serializeArray();
- var ff = $("#extraondervloer").serializeArray();
- $("#Ondervloer").empty();
- $.each(f, function (i, field) {
- $("#Ondervloer").append(field.value + "");
- });
- $("#Ondervloer2").empty();
- $.each(ff, function (i, field) {
- $("#Ondervloer2").append(", " + field.value + "m<sup>2</sup>");
- });
- }
- $(":checkbox, :radio").click(showValues5);
- showValues5();
- //
- function showValues6() {
- var g = $("#my_form6").serializeArray();
- var gg = $("#typeplinten").serializeArray();
- var ggg = $("#extraplinten").serializeArray();
- $("#Plinten").empty();
- $.each(g, function (i, field) {
- $("#Plinten").append(field.value + "");
- });
- $("#Plinten2").empty();
- $.each(ggg, function (i, field) {
- $("#Plinten2").append(", " + field.value + " m ");
- });
- $("#Plinten3").empty();
- $.each(gg, function (i, field) {
- $("#Plinten3").append(field.value + "");
- });
- }
- $(":checkbox, :radio").click(showValues6);
- showValues6();
- //
- function showValues7() {
- var h = $("#my_form7").serializeArray();
- var hh = $("#profielmeter").serializeArray();
- $("#Profielen").empty();
- $.each(h, function (i, field) {
- $("#Profielen").append(field.value + "");
- });
- $("#Profielen2").empty();
- $.each(hh, function (i, field) {
- $("#Profielen2").append(", " + field.value + " m");
- });
- }
- $(":checkbox, :radio").click(showValues7);
- showValues7();
- //
- function showValues8() {
- var j = $("#my_form8").serializeArray();
- var jj = $("#olieextra").serializeArray();
- $("#NaOliën").empty();
- $.each(j, function (i, field) {
- $("#NaOliën").append(field.value + "");
- });
- $("#NaOliën2").empty();
- $.each(jj, function (i, field) {
- $("#NaOliën2").append(", " + field.value + " m<sup>2</sup>");
- });
- }
- $(":checkbox, :radio").click(showValues8);
- showValues8();
- //
- function showValues9() {
- var k = $("#my_form9").serializeArray();
- var kk = $("#deurinkortenextra").serializeArray();
- $("#DeurenInkorten").empty();
- $.each(k, function (i, field) {
- $("#DeurenInkorten").append(field.value + "");
- });
- $("#DeurenInkorten2").empty();
- $.each(kk, function (i, field) {
- $("#DeurenInkorten2").append(", " + field.value + " deuren");
- });
- }
- $(":checkbox, :radio").click(showValues9);
- showValues9();
- //
- function showValues10() {
- var l = $("#my_form10").serializeArray();
- var ll = $("#keukenplintenextra").serializeArray();
- $("#KeukenplintenInkorten").empty();
- $.each(l, function (i, field) {
- $("#KeukenplintenInkorten").append(field.value + "");
- });
- $("#KeukenplintenInkorten2").empty();
- $.each(ll, function (i, field) {
- $("#KeukenplintenInkorten2").append(", " + field.value + " stuks");
- });
- }
- $(":checkbox, :radio").click(showValues10);
- showValues10();
- //
- function showValues11() {
- var m = $("#my_form11").serializeArray();
- $("#LeegSchoon").empty();
- $.each(m, function (i, field) {
- $("#LeegSchoon").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues11);
- $("select").change(showValues11);
- showValues11();
- //
- function showValues12() {
- var n = $("#my_form12").serializeArray();
- $("#VoldoendeVlak").empty();
- $.each(n, function (i, field) {
- $("#VoldoendeVlak").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues12);
- $("select").change(showValues12);
- showValues12();
- //
- function showValues13() {
- var o = $("#my_form13").serializeArray();
- $("#VolledigVerwijderd").empty();
- $.each(o, function (i, field) {
- $("#VolledigVerwijderd").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues13);
- $("select").change(showValues13);
- showValues13();
- //
- function showValues14() {
- var p = $("#my_form14").serializeArray();
- $("#Minimaal48uur").empty();
- $.each(p, function (i, field) {
- $("#Minimaal48uur").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues14);
- $("select").change(showValues14);
- showValues14();
- //
- function showValues15() {
- var q = $("#my_form15").serializeArray();
- $("#MaterialenAanwezig").empty();
- $.each(q, function (i, field) {
- $("#MaterialenAanwezig").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues15);
- $("select").change(showValues15);
- showValues15();
- //
- function showValues16() {
- var q = $("#my_form16").serializeArray();
- $("#Restvocht").empty();
- $.each(q, function (i, field) {
- $("#Restvocht").append(field.value + "<br>");
- });
- }
- $(":checkbox, :radio").click(showValues16);
- $("select").change(showValues16);
- showValues16();
- // Edit knoppen
- // Als er op de edit knop van algemeen word gedrukt
- $('#Algemeen').click(function () {
- $("#bar").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#barre").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar8").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar9").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar1").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- $("#bar2").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- $("#bar3").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- $("#bar4").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- // Als er op de edit knop van Meerwerk word gedrukt
- $('#Meerwerk').click(function () {
- $("#barre").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar8").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar9").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar2").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- $("#bar3").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- $("#bar4").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- // Als er op de edit knop van Controlevragen word gedrukt
- $('#Controlevragen').click(function () {
- $("#bar8").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar9").css({
- backgroundColor: '#fff',
- borderColor: '#bcbcbc'
- });
- $("#bar3").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- $("#bar4").css({
- backgroundColor: '#bcbcbc',
- borderColor: '#bcbcbc'
- });
- });
- // Datum pickers
- $('#grey7').hide();
- const fp = flatpickr(".date", {
- minDate: new Date().fp_incr(11), // 11 dagen vanaf nu
- onChange: function () {
- if (this.value == '') {
- $('#grey7').hide();
- } else {
- $('#grey7').show();
- }
- }
- });
- const fp2 = flatpickr(".date2", {
- minDate: new Date().fp_incr(22) // 22 dagen vanaf nu
- });
- const fp3 = flatpickr(".date3", {
- minDate: new Date().fp_incr(41) // 41 dagen vanaf nu
- });
- //checkt of alle velden zijn ingevuld en of correct zijn ingevuld
- $(document).ready(function () {
- $('#submitKnop').addClass("disabled");
- $('input[class="validatiepagina5"]').change(function () {
- if ($('#grey7').is(":visible") && $('#checklaatste5').is(":checked") && $('#checklaatste6').is(":checked")) {
- $('#submitKnop').removeClass("disabled");
- $('#submitKnop').addClass("enabled");
- } else {
- $('#submitKnop').removeClass("enabled");
- $('#submitKnop').addClass("disabled");
- }
- });
- });
- //Form submitters /////////////////HIER MOET ALLES NOG GESUBMIT WORDEN//////////////////////////
- submitForms = function () {
- document.getElementById("my_form1").submit();
- document.getElementById("pvcextra").submit();
- document.getElementById("my_form2").submit();
- document.getElementById("overextra").submit();
- document.getElementById("my_form3").submit();
- document.getElementById("my_form4").submit();
- document.getElementById("my_form5").submit();
- document.getElementById("my_form6").submit();
- document.getElementById("my_form7").submit();
- document.getElementById("my_form8").submit();
- document.getElementById("my_form9").submit();
- document.getElementById("my_form10").submit();
- document.getElementById("my_form11").submit();
- document.getElementById("my_form12").submit();
- document.getElementById("my_form13").submit();
- document.getElementById("my_form14").submit();
- document.getElementById("my_form15").submit();
- document.getElementById("my_form16").submit();
- document.getElementById("my_form17").submit();
- document.getElementById("my_form18").submit();
- document.getElementById("my5").submit();
- }
- //
- //
- //
- //
- //
- //
- //
- //
- //EINDE PAGINA 5//
- //
- //
- //
- //
- //
- //
- //
- //
- //------------------------------------------//
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement