Appointment form / Oefening
Appointment form where people choose their needed services by dropdown menus and some several steps.
On the first step there are 3 dropdown menus and a button for the next step.
The dropdowns are:
- Brand
- Phone
- Color
Make this first step with the 3 dropdowns and the button for the next step invisible by making 1 slider with the pictures of the phones. By clicking one of those phones the form needs to pop up with step 2!
So: Replace step 1 with a "slider-choice" to make it easy for the customer!
===============
Mijn vraag: Hoe kan ik het beste beginnen? Waar moet ik op letten? Wat heb ik nodig? Hoe moeilijk is dit?
Gewijzigd op 07/05/2018 10:58:43 door Samet Atar
Frank Nietbelangrijk op 08/05/2018 23:52:01:
ben je al een beetje bekend met jQuery?
Ik heb het al voor elkaar gekregen!
$(".device_phone_apple_x").click(function(){
document.getElementById('device_phone_models_apple').style.display='none';
document.getElementById('progress').style.display='none';
document.getElementById('bookly_row1').style.display='block';
$('.bookly-select-mobile.bookly-js-select-category').val(1);
$('.bookly-select-mobile.bookly-js-select-service').val(1);
$('.bookly-next-step.bookly-js-next-step.bookly-btn.ladda-button').trigger('click');
});
Obelix en Idefix op 09/05/2018 12:23:35:
Ja deze topic mag gesloten worden. Deze is dubbel!
Dit topic is gesloten.