diff --git a/examples/lib/defaultHtmlStepUi.js b/examples/lib/defaultHtmlStepUi.js index d337768b..fe4d4619 100644 --- a/examples/lib/defaultHtmlStepUi.js +++ b/examples/lib/defaultHtmlStepUi.js @@ -16,7 +16,7 @@ function stepRemovedNotify() { $('body').append(notification); } - $('#stepRemovedNotification').DOMNotification.fadeIn(500).delay(200).fadeOut(500); + $('#stepRemovedNotification').fadeIn(500).delay(200).fadeOut(500); } function DefaultHtmlStepUi(_sequencer, options) { @@ -108,6 +108,7 @@ function DefaultHtmlStepUi(_sequencer, options) { var description = inputs[paramName].desc || paramName; div.innerHTML = "
\ +
\
"; step.ui.querySelector("div.details").appendChild(div); } function toggleSaveButton(){ $(step.ui.querySelector("div.details .btn-save")).prop("disabled",false); + focusInput(); } - $(step.ui.querySelectorAll(".target")).focus(toggleSaveButton); + $(step.ui.querySelectorAll(".target")).on('change',toggleSaveButton); $(step.ui.querySelector("div.details")).append( "

Press save to see changes

" ); - function saveOptions() { + function focusInput(){ + $(step.ui.querySelector("div.details .target")).focus(); + } + + function saveOptions(e) { + e.preventDefault(); $(step.ui.querySelector("div.details")) .find("input,select") .each(function(i, input) { @@ -146,6 +154,7 @@ function DefaultHtmlStepUi(_sequencer, options) { // on clicking Save in the details pane of the step $(step.ui.querySelector("div.details .btn-save")).click(saveOptions); + $(step.ui.querySelector("div.details .input-form")).on('submit', saveOptions); } if (step.name != "load-image")