Loading...
KatyaMarincheva avatar KatyaMarincheva 572 Точки

[Homework] JavaScript DOM & Events - Problem 1. Webinar registration form

Открих начин да постигна toggle effect в  Webinar registration form - да има div visibility change и при check и при uncheck на check box; както и начин да се добавят звездички в цвят, различен от този на основния label text (червените звездички):

Problem 1. Webinar registration form

кайто иска може да покаже и други идеи - може ли например без да променям index.html, без да добавям това onClick="toggleVisibility('invoiceDetails') в input кода?

Тагове:
1
JavaScript Advanced
tormi avatar tormi 7 Точки

без да добавяш "onClick="toggleVisibility('invoiceDetails') "

HTML:

<input type="checkbox" name="invoice" value="ifInvoce" id="chk-invoice"> Желая фактура<br>

JS :

'use strict';

function attachCheckboxHandlers() {
    // get reference to element containing toppings checkboxes
    var el = document.getElementById('chk-invoice');

    el.onclick = updateShowHide;
}

// called onclick of toppings checkboxes
function updateShowHide(e) {
    if (this.checked) {
        document.getElementById('data-for-invoice').style.visibility = 'visible';
    } else {
        document.getElementById('data-for-invoice').style.visibility = 'hidden';
    }
}

attachCheckboxHandlers();

 

1
11/02/2016 00:28:09
KatyaMarincheva avatar KatyaMarincheva 572 Точки

@tormi

с loose function coupling, стана така:

https://github.com/KatyaMarincheva/JavaScript-Advanced/blob/master/HW%20JavaScript%20DOM%20%26%20Events/Problem%201.%20Webinar%20registration%20form/script.js

и това 
    el.onclick = function() {
        toggleVisibility('invoice', 'invoiceDetails');
    }

работи само както съм го написала - и в stackoverflow съветват същото - не знам как си го направил с el.onclick = updateShowHide;

директно аssign-нато не работи.

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.