Задать вопрос

Tema

Ответы пользователя по тегу HTML

  • Как сделать код js меньше так что бы каждая кнопка выполняла только свои функции?

    @Tem_ka
    Не вдавался в принцип работы. Я бы сократил код так:
    $(function() {
    $('[id^="slider"]').each(function() {
        var elWrap = $(this),
            el =  elWrap.find('img'),
            indexImg = 1,
            indexMax = el.length,
            phase = 3000;

        elWrap.append('<span class="next"></span><span class="prev"></span>');
        
        var   btnNext = elWrap.find('span.next'),
                btnPrev = elWrap.find('span.prev');

        btnNext.click(function() {
            indexImg++;
            if(indexImg > indexMax) {
                indexImg = 1;
            }
            change (el, indexImg);
        });
        
        btnPrev.click(function() {
            indexImg--;
            if(indexImg < 1) {
                indexImg = indexMax;
            }
            change (el, indexImg);
        });
    });
});

function change ($img, indexImg) {
    $img.fadeOut(0);
    $img.filter(':nth-child('+indexImg+')').fadeIn(0);
}
    Ответ написан
    3 комментария
    3 комментария

  • Как отловить "89" при вводе в input?

    @Tem_ka 
    // Тут неважно каким образом достаешь из DOM
var input = document.getElementById('...');

// Событие input срабатывает мгновенно при изменении значения текстового поля
input.addEventListener('input', function () {
    if (this.value == 89)
        alert('89!');
});
    Ответ написан
    Комментировать
    Комментировать

  • Как получить данные которые пользователь ввел в форму на js?

    @Tem_ka
    Примерно так:
    var checked = document.querySelectorAll('input[type="checkbox"]:checked');
var sum = 0;
for (var i=0; i<checked.length; i++) {
	sum += checked.item(i).value;
}

    Или так:
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var sum = 0;
for (var i=0; i<checkboxes.length; i++) {
	if (checkboxes.item(i).checked == true)
		sum += checkboxes.item(i).value;
}


    В твоем случае как-то так:
    <!DOCTYPE HTML>
<html>
	<head>
		<title>Тег INPUT, атрибут checked</title>
	</head>
	<body>
		<form method="post" action="input5.php">
		  Какими языками вы владеете:<br>
		  <input type="checkbox" id="lan5" name="lan5" value="0" checked >русский
		  <input type="checkbox" id="lan1" name="lan1" value="2" >английский
		  <input type="checkbox" id="lan2" name="lan2" value="2">немецкий
		  <input type="checkbox" id="lan3" name="lan3" value="2">китайский
		  <input type="checkbox" id="lan4" name="lan4" value="2">арабский<br>
		  <input type="button" id="calculate" onclick="displayResult()" value="Расчитать ">
		</form>
		<div id="result"></div>
	</body>
	<script>
		function displayResult (){
			var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked'),
				result = 0;
			for (var i=0; i<checkboxes.length; i++) {
				result += parseInt(checkboxes.item(i).value, 10);
			}
			document.getElementById('result').innerHTML = result;
		}
	</script>
</html>
    Ответ написан
    1 комментарий
    1 комментарий