Novas respostas marcadas com a tag javascript
0
Acredito que você esteja se aproximando do problema da forma errada, é possível limitar a quantidade de dígitos no 'input' de uma forma bem mais simples e local.
Segue um código funcional (JS vanilla/puro).
var cpf_input;
var cpf;
function input_check(){
if(document.querySelector('#input').value.length < 11) // sendo 11 o número máximo de ...
0
Coloque a tag script com os códigos embaixo da tag body, pois colocar um <script> no final do body , por outro lado, permite que o conteúdo antes dele já apareça para o usuário sem ter de esperar sua execução, e addEventListener não funcionam com a tag de <script> antes da tag body pois ele ainda não tem o conhecimento do conteúdo dos elementos ...
0
Não sei se se entendi bem o problema 🤓...mas se a intenção for estocar os paths das suas logos de uma maneira fácil de usar (e reusar), ao invés de usar um array [ ... ], vc poderia guardá-los dentro de um Objeto { ... } já com os caminhos das prontos inclusive. Assim:
let cobrandUrls = {
informatica: '@/assets/images/logos/lojas-informatica.png',
...
2
"querySelector() que pode ser chamado em qualquer elemento da arvore DOM, mas com uma limitação enorme: ELA NÃO PERMITE ALTERAÇÃO DOS ELEMENTOS."
Baseado em que está afirmando isso?
querySelector aplica um seletor e retorna a referência um elemeto, assim como getElementById, nenhum deles altera nada, quem altera são os comandos a seguir, que podem ...
respondida 14 horas atrás
Ricardo Pontual
18,7mil11 medalhas de ouro2222 medalhas de prata5252 medalhas de bronze
0
Em vez de você usar max-height use o data-size do selectpiker, já é prontinho só implementar veja este exemplo acho que vai te servir:
<select class="selectpicker" data-size="2">
<option value="Nenhum">Nenhum</option>
<option value="100.00">Até R$ 100,00</option>
<option ...
1
De acordo com o erro mostrado, uma ou mais linhas estão sem o atributo id.
A estrutura deve ser algo assim:
{ id: 1, lastName: 'Snow', firstName: 'Jon', age: 35 }.
Suponho que o linha.push(response.data[i]) seja aonde você "monta" o rows.
Se o data não contem o ID, você pode inserir um assim: linha.push({id: 1, ...response.data[i]})
Lembrando que ...
2
A pergunta é um tanto genérica, então aí vai uma resposta genérica em 3 passos (mas que espero que seja útil :))
Digamos que seu cardápio de produtos tenha esse formato aqui:
const productsMenu = {
prod01: {name: 'camisa', value:100},
prod02: {name: 'calça', value:200},
prod03: {name: 'boné', value:50}
}
Precisamos primeiro de um array pra receber os ...
1
Primeiro você pode criar um componente que colapsa, e chamar esse componente na sua vew.
Depois você pode usar o 'v-for' que é uma diretiva do vue.js para fazer um laço, esse laço deve recebe as informações do json.
Esse laço vai renderiza seu componente que tem o colapser quantas vezes for necessário, ou quantas vezes a sua variável do v-for tiver para ...
1
Acredito que isso irá resolver. Só fiquei na dúvida de onde vem a variável pais. A minha solução não é a melhor possível, porém irá resolver. Pelo o que entendi ele acontece o loop pois não existe uma validação se já foi setada o language para a página e por isso na minha solução eu busco os parâmetros da URL e verifico se ele existe
<script>
function ...
respondida ontem
Gabriel Schmidt Cordeiro
73011 medalhas de ouro88 medalhas de prata2121 medalhas de bronze
-2
Resolvi o problema de outra forma, eu esta passando este valor via GET na url, troquei para POST e ele não converteu o valor para Windows-1252 e foi correctamente para consulta SQL, Obrigado pela ajuda, só testei isso depois da resposta do Augusto Vasques
2
A propriedade selectedIndex (como você já deve saber), contém o índice do elemento selecionado em uma caixa <select>. Desse modo, de acordo com o seu HTML:
<select name="nome" id="nome" required="">
<option value="">Nenhum</option>
<option value="Camiseta">Camiseta</option&...
respondida ontem
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
2
sei que essa reposta poderia ser um comentário, mas eu quis tentar elaborar uma explicação clara do assunto abordado...
O seu caso é um grave problema de escopo por causa do var, ele não mantém o escopo da variável i dentro do for, ou seja, o valor de i fica acessível em todo o escopo do script, o que gera em resultados inesperados. No final do loop, o i ...
3
Inicialmente, creio que não.
Como visto na MDN, que traduzi (elementarmente) abaixo, a informação é de que o componente é estilizado e exibido pelo navegador, e não conseguimos alterá-los. Não obstante, cada navegador exibe conforme seus próprios padrões de interface.
A apresentação do elemento pode variar substancialmente de um navegador e/ou plataforma ...
respondida ontem
Marcos Alexandre
1.02711 medalhas de ouro88 medalhas de prata1919 medalhas de bronze
0
Na validação de if() {} está atribuindo um valor e não comparando!
Você usou if(operacao = adicao), um único sinal de igual = é atribuição e == é igualdade no Javascript.
Corrija o erro de sinais no seus 2 (dois) if(). E não sei por que você criou uma variável op e não utilizou em nenhum momento.
Espero ter ajudado. :)
2
Sua pergunta precisa de mais esclarecimentos, mas supondo que seu elemento com a classe "email" é um input e não um elemento como DIV, a forma correta de buscar o valor do campo é usando value, não innerHTML
if (email_box.value == '') {
alert ("Campo vazio");
} else {
alert("Redirecionando")
}
innerHTML e innerText são ...
0
Solução para a minha resposta foi a seguinte: Eu uso em meu sistema um mecanismo de template voltada para PHP (Twig) e com ele eu consigo retornar o valor do id de cada produto (atraves do {{product.id}} ), então a minha solução foi passar como parametro da função quando ele é clicada a quantidade a ser incrementada ou decrementada e o id do produto. Ai na ...
0
Fiz um exemplo aqui totalmente baseado no que você postou.
Alterei o event listener de myBtn2 conforme abaixo e nos testes que realizei aqui funcionou corretamente.
Edit. Adicionei a função isElementInViewport baseada nesse post
https://stackoverflow.com/a/7557433/4623423
Link recomendado para leitura https://developer.mozilla.org/pt-BR/docs/Web/API/Element/...
0
Já tentou mandar um click direto nesse ID "reg"?
Pode também clicar antes nesse ID "mainMenu" e depois no ID "reg"
Ou tentar executar o JavaScript desta forma:
Call IE.document.parentWindow.execScript("setUrl(document.getElementById('reg'), 'http://siga.saude.prefeitura.sp.gov.br:80/sms/preenchimentoLaudo.do?method=...
0
Leonardo, no próprio model vc poderia fazer isso
dinheiro = models.DecimalField(max_digits=10, decimal_places=2)
caso o usuário coloque 3 casas ou mais, aparece mensagem de erro informando a quantidade máxima de casas decimais que se pode usar.
-1
Isso acontece porque você precisa inicializar uma variável para realizar uma operação numérica pois em total = total + numeros[i]; você está somando um undefined com um valor
1
Não consigo informar que nenhum resultado foi encontrado dentro de uma pesquisa/filtro em javascript
Para mostrar a primeira linha (#not-found"), você precisa saber quantos elementos o filtro retornou.
Caso esse número seja 0, basta exibir a linha #not-found.
Segue o código.
var $rows = $('#table tr:not(:first)');
$('#search').keyup(function() {
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase().split(' ');
//abaixo, salvo o ...
respondida 2 dias atrás
Marcos Alexandre
1.02711 medalhas de ouro88 medalhas de prata1919 medalhas de bronze
2
Existem diferenças semânticas entre nomear um arquivo como .test.ts e .spec.ts?
Não formalmente. O Jest não convenciona nenhum tipo de "sufixo" no nome do arquivo. Acaba sendo uma convenção adotada por alguns grupos de pessoa para organizar melhor as próprias suites de testes.
A maioria das pessoas, pelo que vejo, utiliza somente um dos sufixos. ...
respondida 2 dias atrás
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
2
Cara.. você não pode usar o useState dentro do render, você deve passar essa informação antes do render.. dentro de um constructor como diz a documentação...
Exemplo:
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
count: 0
};
}
render() {
return (
<div>
<p>You ...
0
var botaoA = document.getElementById('bt-a')
var botaoB = document.getElementById('bt-b')
var botaoC = document.getElementById('bt-c')
var total = 0
botaoA.addEventListener('click', function() {add(botaoA)})
botaoB.addEventListener('click', function() {add(botaoB)})
botaoC.addEventListener('click', function() {add(botaoC)})
function add(botao) {
var ...
0
Tente assim:
<script>
function process_geral(quant, element){
var classValue = parseInt(element.parentElement.querySelector('.quanti').value);
classValue+=quant;
//console.log(classValue);
if(classValue < 1){
element.parentElement.querySelector("input.quanti").value = 1;
}else{
element.parentElement....
0
Olá.
Todo desenvolvedor WEB deve aprender a utilizar o console do navegador. Bastaria você pressionar F12 e olhar o console para ver que está dando erro no seu script:
Uncaught TypeError: document.getElementByid is not a function
Aconteceu porque o método getElementsById está com o "i" minúsculo
Dicas
Evite usar var, use let ao invés disso. Você ...
-2
Olá.
Você pode fazer um 'map' nos dados. Lembrando que os dados devem estar em algum vetor ou similar:
objs = [{
"id": 12345,
"live_mode": true,
"type": "payment",
"date_created": "2015-03-25T10:04:58.396-04:00",
"application_id": 123123123,
"user_id": ...
respondida 24/02 às 12:31
Marcos Alexandre
1.02711 medalhas de ouro88 medalhas de prata1919 medalhas de bronze
1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Cadastrar produto </title>
</head>
<body>
<script>
document.addEventListener("DOMContentLoaded", function(){
document.getElementById("nome").addEventListener("change", function(){
if(document.getElementById("...
1
Se estivesse usando um framework como Angular ou React, isso seria uma regras simples que seria controlada pela mudança de estado do primeiro select.
Como está fazendo manualmente, precisa por a validação no evento change do primeiro select, faltou só validar os valores:
document.addEventListener("DOMContentLoaded", function(){
document....
respondida 24/02 às 11:31
Ricardo Pontual
18,7mil11 medalhas de ouro2222 medalhas de prata5252 medalhas de bronze
7
Não importando os valores de um array, são métodos válidos para esvaziar um array arr:
Alternativa 1: Redefinir a variável (ou propriedade) com um array vazio
arr = [];
Esse código vai redefinir a variável arr para um novo array vazio. Note que a mesma coisa também pode ser feita se ele estiver definido em uma propriedade de um objeto.
É ideal se você não ...
respondida 24/02 às 9:47
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
2
Para conseguir detectar um zalgo text, primeiro precisamos entender como ele é feito.
Unicode Combining Characters
No Unicode existe a definição de combining characters. Basicamente, de maneira bem resumida, são caracteres que podem ser combinados com outros, para formar caracteres diferentes.
Um exemplo existente no português são os acentos (agudo e ...
respondida 24/02 às 1:42
hkotsubo
50,1mil1616 medalhas de ouro4949 medalhas de prata102102 medalhas de bronze
-1
ta faltando a desestruturação das props
assim como coloquei a baixo:
export default function Cart({chosen, plus}){
seu componente ou console.log(typeof(plus))
}
2
Tenha em mente que o próprio código já é a descrição mais adequada que você pode ter.
Traduzindo este código, em JavaScript:
for (let i = 1; i <= 3; i++) {
let linha = '';
for (let j = 1; j <= 3; j++) {
linha += `[${i}, ${j}]`;
}
console.log(linha);
}
Para uma das infinitas traduções em português, poderíamos fazer algo como:
Enquanto i ...
respondida 23/02 às 22:01
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
0
Vou deixar um pequeno source para estudo e melhor entendimento quanto a requisção ajax utilizando jquery.
Para esse post utilizei isto https://jsonplaceholder.typicode.com/
Veja os logs no console do navegador.
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<...
0
Adicione um contador no início e vá somando nele os resultados:
var contador = 1;
var subtracao = 0;
var numeroMaximo = 10;
var somaTotal = 0; // aqui a soma total
for (; contador <= numeroMaximo / 2; contador++, subtracao++) {
// aqui calcula a soma
var soma = contador + (numeroMaximo - subtracao);
// aqui adiciona ao total
...
respondida 23/02 às 18:12
Ricardo Pontual
18,7mil11 medalhas de ouro2222 medalhas de prata5252 medalhas de bronze
1
Olá,
Desconsiderando outras possíveis falhas, creio que o problema está na função print_r.
Conforme a documentação, ela imprime o conteúdo da variável de maneira "legível para humanos". Mas no seu caso, você quer que ela retorne seu conteúdo. Portanto, deve passar o segundo parâmetro para indicar isso, através de um valor que seja avaliado como ...
respondida 23/02 às 18:01
Marcos Alexandre
1.02711 medalhas de ouro88 medalhas de prata1919 medalhas de bronze
0
Bem vindo ao SO.
Fiz um exemplo bem simples, creio que vai te auxiliar.
Mantive o html que você enviou e removi o javascript inline.
<tr>
<td colspan="3"><b>Descreva aqui suas atribuições:</b></td>
</tr>
<td colspan="3">
<textarea maxlength="5000" style=&...
2
Existe alguma vantagem/desvantagem em se utilizar a função redutiva fora da declaração do componente em comparação em utilizar dentro do componente?
Sim. É mais vantajoso declará-las fora do componente. Não somente funções redutoras, mas qualquer função deveria ser, idealmente, declarada fora do componente.
Isso acontece porque, como componentes React nada ...
respondida 23/02 às 14:13
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
0
O evento onload atua logo após a página ser completamente carregada. Desta forma, você poderia tentar utiliza-lo para carregar os dados automaticamente.
você poderia utilizar este evento no body da págia.
Ex:
<body onload="buscaDados()">
<form method="POST" autocomplete="off" action="../crud/update_funcionario.php&...
1
Presumo que na sua rota esteja declarado:
Route.post('controller', ControllerContact.index)
Acontece que quando você passa o método index para o callback da função Route ele perde o contexto, logo o this passa a ser undefined.
Tente fazer isso:
Route.post('controller', () => ControllerContact.index())
Observe que o index continua atrelado a classe em ...
0
Você pode utilizar o array map, para mapear seu objeto conforme o modelo que deseja apresentar:
let apis = [
{id: "1", name: "api 1"},
{id: "2", name: "api 2"},
{id: "3", name: "api 3"}
];
let applications = [
{id: "1", name: "application 01", apis: ["1", &...
respondida 22/02 às 19:32
Ivan Ferrer
11,9mil33 medalhas de ouro2525 medalhas de prata6868 medalhas de bronze
1
Devido aos inúmeros comentários, para tentar explicar melhor vou redigir uma resposta, se acharem que ajuda fica aqui, senão podemos remover.
Vou pegar por exemplo o código da resposta do @AugustoVasques:
let apis = [
{id: "1", name: "api 1"},
{id: "2", name: "api 2"},
{id: "3", name: "api 3"}
];
let applications = [
{id: "1", name: "...
respondida 22/02 às 18:26
Ricardo Pontual
18,7mil11 medalhas de ouro2222 medalhas de prata5252 medalhas de bronze
2
Com a exceção do cabeçalho da tabela (a primeira "linha"), os valores numéricos posicionam-se nas colunas dois e três (indexadas como 1 e 2, respectivamente).
Desse modo, basta iterar sobre todas as linhas e suas respectivas colunas e converter para número os elementos de colunas cujo índice seja igual a 1 ou 2.
Algo assim:
const table = [
['...
respondida 22/02 às 17:45
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
0
Salve, Diego!
O lugar no qual você vai clicar apenas executa esse script setUrl(this,' http://siga.saude.prefeitura.sp.gov.br:80/sms/preenchimentoLaudo.do?method=initUseCaseAndInsert&subsystem=apac'). Esse script não faz senão navegar para a página. Portanto, eu faria simplesmente o seguinte (...).
EDIT: Como não funcionou, a segunda tentativa é ...
3
Outra alternativa seria indexar cada elemento do array apis pelo seu id e usar cada valor de applications.apis como chave nesse índice.
let apis = [
{id: "1", name: "api 1"},
{id: "2", name: "api 2"},
{id: "3", name: "api 3"}
];
let applications = [
{id: "1", name: "application 01", apis: ["1", "2"]},
{id: "2", name: "application 02", apis: ...
respondida 22/02 às 13:49
Augusto Vasques
12,2mil55 medalhas de ouro1717 medalhas de prata4141 medalhas de bronze
-1
Opa, utilize o método setInterval (https://developer.mozilla.org/pt-BR/docs/Web/API/WindowOrWorkerGlobalScope/setInterval) para encapsular sua chamada, assim ela será executada a cada tempo configurado no setInterval.
Ex.:
window.setInterval(function(){ pularCarousel(); }, 1000 /*A CADA 1 SEG*/);
3
Uma opção seria iterar sobre cada elemento de applications e, para cada iteração, procurar, no array apis, o objeto api correspondente:
function groupApplicationApi(applications, apis) {
// Cria um novo array para não modificar o original:
const resultingArray = [];
for (const application of applications) {
// Também criamos um novo objeto ...
respondida 22/02 às 12:56
Luiz Felipe
26,1mil55 medalhas de ouro3434 medalhas de prata9494 medalhas de bronze
4
Você precisa iterar por todos os elementos de 'applications' e para cada um dele verificar todas as 'apis':
let apis = [{id: "1", name: "api 1"}, {id: "2", name:"api 2"}, {id: "3", name:"api 3"}];
let applications = [{id: "1", name:"application 01", apis: ["1", "2"]}, {id: "2", name: "application 02", apis: ["2", "3"]}];
//pasando por todos os '...
respondida 22/02 às 12:53
Marcos Alexandre
1.02711 medalhas de ouro88 medalhas de prata1919 medalhas de bronze
3
Apesar da expressão ser a mesma, você acabou de perceber uma característica fundamental de regex: elas não funcionam exatamente da mesma forma em todas as linguagens/engines/ferramentas, pois apesar do funcionamento "básico" ser o mesmo (ou, no máximo, similar), cada uma implementa de um jeito e como diz o ditado, "o diabo está nos detalhes&...
respondida 22/02 às 12:02
hkotsubo
50,1mil1616 medalhas de ouro4949 medalhas de prata102102 medalhas de bronze
0
A mensagem de erro diz tudo. Clipboard() não pode ser construído dessa forma. Para escrever no clipboard você precisa acessar o objeto usando navigator
$(function () {
var $btnCopy = $('#copy-button');
$btnCopy.on('click', function () {
navigator.clipboard.writeText('O texto que você quer copiar');
// o texto que vocÊ quer copiar ...
As 50 principais respostas recentes são incluídas
Tags relacionadas
javascript × 26018jquery × 6597
html × 5929
php × 3471
css × 2132
ajax × 1636
html5 × 1575
node.js × 1322
angularjs × 1006
json × 985
react × 628
array × 579
mysql × 464
angular × 446
c# × 433
typescript × 394
asp.net-mvc × 371
funções × 370
vue.js × 348
css3 × 335
regex × 281
twitter-bootstrap × 271
java × 257
google-maps × 255
api × 243