Ando reparando de alguns anos pra cá, uma forte tendência em que sites bem dinâmicos e interativos transitam de uma página pra outra sem que a outra página se quer passe por um processo de carregamento, você clica, simplesmente acontece algumas transições nos elementos da página, e de repente, você está em outra página, outro url. De forma suave, nada é carregado, apenas algo acontece e você já está em outra página.
Gostaria de saber como isso é feito pra aplicar em um site que estou desenvolvendo, se é algum framework, alguma ferramenta além do JavaScript...
Trouxe um belo exemplo: https://www.traffic.productions/
Bom dia,
estou quebrando a cabeça já alguns dias com um problema, estou usando a lib cropper.js para cortar e fazer pequenas edições numa imagem, e ao salvar quero adicionar a imagem editada num input file que será submetido juntamente com o form.
Aparentemente a imagem e corretamente criada e carregada no input, porém no servidor (python/django) está gerando excessão informando que a imagem não é válida ou está corrompida, se eu carrego a mesma imagem gerada manualmente (exporto para disco e carrego novamente) o registro é salvo sem problemas.
// Gerando a imagem e carregando no input
let croppedCanvas = this.cropper.getCroppedCanvas();
let data = croppedCanvas.toDataURL();
let file = new File([data], 'foto.png',{type:"image/png", lastModified: new Date().getTime()});
let container = new DataTransfer();
container.items.add(file);
this.inputTarget.files = container.files;
Existe alguma configuração adicional ao criar o File?
Estou tentando criar uma imagem dinamicamente por javascript e carregá-la no input do formulário, apesar da imagem ser gerada corretamente, ao validar o formulário no python é retornado um erro alegando que o arquivo de imagem é inválido ou está corrompido.
Segue gist com o código:
https://gist.github.com/castelhano/bd72947e13421606453798bbf219cc74
Estrou tentando importar a biblioteca Jquery em um projeto que utilizo o slim framework, mas a biblioteca não funciona se a importação dela for na index, (o slim está usando sistema de rotas), não sei se isso influencia em algo, mas para funcionar as aplicações jquery a importação da biblioteca tem que ser na página em uso.
Criei um arquivo teste.js e uma função para dar um alert apenas e funciona até porque o css funciona o problema está com a biblioteca jquery, preciso configurar alguma coisa para que funcione importando ela pela index ou qualquer outro lugar, para que eu possa solicitar apenas 1 vez e não em todas as páginas ao qual utilizarei o jquery?