Articles of javascript

Manter o estado de Recolhimento do Twitter Bootstrap em Atualização de Página / Navegação

Estou usando o plugin “colapso” do Bootstrap para fazer um acordeão para uma longa lista de links. A tag accordion-body inclui “colapso” para que todos os grupos sejam recolhidos quando a página for carregada. Quando você abre um grupo e clica em um link, ele leva você a uma nova página para ver alguns detalhes […]

Como implementar um formulário dynamic com componentes controlados no React.JS?

Como eu estou olhando os exemplos na referência para controlled form components no site oficial react.js , estou imaginando como é suposto implementar um form no qual você seria capaz de remove e add elementos de input dinamicamente de tal forma que eles são componentes controlados? Isso é possível? Nos exemplos podemos ver: class NameForm […]

javascript: executar um monte de método asynchronous com um callback

Eu preciso executar um monte de methods asynchronouss (database SQLite do cliente) e chamar apenas um retorno de chamada final. Claro que o jeito feio é: execAll : function(callBack) { asynch1(function() { asynch2(function() { … asynchN(function() { callBack(); }) }) }); } Mas eu sei que existem maneiras melhores de fazer isso. Intuitivamente, eu detectaria […]

Ajax postar um arquivo de um formulário com Axios

Usando raw.html quando eu postar um arquivo em um servidor de balão usando o seguinte, posso acessar arquivos da solicitação de flask global: Em flask: def post(self): if ‘file’ in request.files: …. Quando tento fazer o mesmo com o Axios, o pedido de balão global está vazio: uploadFile: function (event) { const file = event.target.files[0] […]

ES6: declarações de importação condicionais e dinâmicas

Condicional É possível ter instruções de importação condicionais como abaixo? if (foo === bar) { import Baz from ‘./Baz’; } Eu tentei o acima, mas recebo o seguinte erro (da Babel) ao compilar. ‘import’ and ‘export’ may only appear at the top level Dinâmico É possível ter instruções de importação dinâmicas como abaixo? for (let […]

Como você lida com várias instâncias de setTimeout ()?

Qual é a maneira mais recomendada / melhor para impedir que várias instâncias de uma function setTimeout sejam criadas (em javascript)? Um exemplo (código psuedo): function mouseClick() { moveDiv(“div_0001”, mouseX, mouseY); } function moveDiv(objID, destX, destY) { //some code that moves the div closer to destination … … … setTimeout(“moveDiv(objID, destX, destY)”, 1000); … … […]

Caixas Modulares de JQuery e Iframe

Eu tenho usado o Simple Modal e sinto que isso não corresponde ao que eu preciso no momento. Existe uma Caixa Modal que suporta o carregamento de arquivos externos e permite que esses arquivos externos fechem a checkbox modal e redirecionem a página principal para algum URL. Um exemplo do que eu quero fazer. Você […]

getSelection & surroundContents em várias tags

Eu tenho um script que muda a cor de fundo do texto que foi selecionado. No entanto, estou encontrando um problema quando o texto é selecionado em vários elementos / tags. O código que eu tenho é: var text = window.getSelection().getRangeAt(0); var colour = document.createElement(“hlight”); colour.style.backgroundColor = “Yellow”; text.surroundContents(colour); E o erro que está sendo […]

O que há de errado com a adição de propriedades aos objects do elemento DOM?

Eu tenho procurado uma resposta direta para isso (eu posso pensar em muitas possibilidades, mas eu gostaria de saber a verdadeira razão): O jQuery fornece um método .data () para associar dados a objects do Elemento DOM. O que torna isso necessário? Existe um problema ao adicionar propriedades (ou methods) diretamente a objects de elemento […]

jquery ui autocomplete posicionamento errado

usando jquery ui 1.8 tentando autocomplete Tudo funciona à parte, desde que o menu não esteja posicionado sob o meu elemento de input, mas sim no canto superior esquerdo. Alguém já se deparou com este problema? Aqui está o meu html: Search for in All Shops … e aqui está meu css: #search { width:100%; […]