Я создаю внутренний инструмент здесь, на работе, чтобы помочь бэкенд-разработчикам сопоставлять внешний интерфейс. Что я делаю, так это даю разработчикам небольшую панель инструментов в их браузерах, которая будет накладываться на iframe и загружать комп в зависимости от установленного флажка. Они могут включать и выключать это, а также регулировать непрозрачность iframe.
Я столкнулся с проблемой, когда с помощью ползунка он, похоже, не распознает «1.0» как мою непрозрачность. Когда я впервые загружаю его, iframe имеет непрозрачность 100%. Если я использую ползунок для уменьшения значения, iframe уменьшает непрозрачность. Когда я использую ползунок, чтобы вернуться к значению, непрозрачность увеличивается, пока я не дойду до конца, максимальное значение 10. Он работает до 9, но от 9 до 10 изменений нет.
Вот элемент формы/ползунок:
<input id="range" size="1" type="range" min="0" max="10" step="1" value="10">
<label id="range_label" for="range">Comp opacity:</label>
И мой обработчик событий:
$('#range').change(function() {
var val = this.value;
console.log(val);
if (val == 10) {
iframe.style.opactiy = '1.0';
} else {
iframe.style.opacity = '0.' + this.value;
}
});
У кого-нибудь есть идеи?
Редактировать: я обновил диапазон до 0-100 (увеличивая 1 для каждого шага) вместо 0-10, и это немного помогает, так как вместо того, чтобы заканчиваться на 90% непрозрачности, я, кажется, заканчиваются на 99%. Все еще хотел бы знать, как получить непрозрачность в 1.0.