Início / user-5369794

user500665's questions

Martin Hope
user500665
Asked: 2025-03-10 06:44:09 +0800 CST
  • 5

Tenho um formulário HTML que filtra uma lista de resultados em uma div.

O que eu quero é que apenas o conteúdo do div seja recarregado em vez da página inteira, e usando apenas JavaScript puro.

Isto é o que tenho até agora e não está retornando os resultados filtrados:

document.querySelector('form[name="filters"]').addEventListener('submit', function (e) {
    
    e.preventDefault();
    var xhttp = new XMLHttpRequest();
    var action = document.querySelector('form[name="filters"]').getAttribute('action');
    var list = document.querySelector('.list');
    xhttp.responseType = "document";
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          list.innerHTML = this.response.querySelector('.list').innerHTML;
        };
    };
    xhttp.open("POST", action, true);
    xhttp.send();

});
javascript
Martin Hope
user500665
Asked: 2025-02-14 11:02:35 +0800 CST
  • 4

Tenho duas entradas de alcance. A primeira nunca deve ser maior que a segunda, e a segunda nunca deve ser menor que a primeira.

O problema com meu script é que os controles deslizantes pulam ou se encaixam no mínimo ou máximo. Funciona perfeitamente se eu alterar o limite para um número fixo, mas não com o valor de entrada...

Aqui está um exemplo do que tentei:

function minRange(input) {
    let limit = document.getElementById('max').value;           
    if(input.value >= limit) {
        input.value = limit;
    };
};

function maxRange(input) {
    let limit = document.getElementById('min').value;   
    if(input.value <= limit) {
        input.value = limit;
    };
};
<div><input id="min" type="range" min="0" max="100" value="0" step="1" onInput="minRange(this)" /></div>
<div><input id="max" type="range" min="0" max="100" value="100" step="1" onInput="maxRange(this)" /></div>

javascript
Martin Hope
user500665
Asked: 2024-05-28 06:49:27 +0800 CST
  • 5

Usando MatterJS eu tenho uma pilha de círculos e um retângulo de chão:

var stack = Composites.stack(300, 0, 3, 3, 10, 10, function(x, y) {
    return Bodies.circle(x, y, Common.random(10, 20), {friction: 0, restitution: 0.2, density: 0.001 });
}); 

Composite.add(world, stack);

Composite.add(world, [
    Bodies.rectangle(300, 300, 600, 20, { isStatic: true, friction: 0, render: { fillStyle: '#060a19' } }),
]);

Como faço para que esses círculos se ignorem e colidam apenas com o retângulo do meu chão?

javascript