Ir para conteúdo

Omar~

Members
  • Total de itens

    1325
  • Registro em

  • Última visita

  • Dias vencidos

    15

Tudo que Omar~ postou

  1. Omar~

    contador progressivo

    counter.value = ++seconds; Você precisará de linguagem backend, para informar ao javascript o valor atual para dar início a contagem a partir desse valor atual. Então se insere o valor ao script antes e enviar-lo ao cliente (renderizar para o browser). Hora que para isso precisamos saber qual é a linguagem backend e de onde esse valor.
  2. Omar~

    Função para somar (problemas)

    Isso porque meu exemplo não foi feito um teste sobre o mesmo apenas escrevi aqui e aplicando a lógica. No caso as variáveis dos elementos no meu exemplo pertencem ao um objeto window e não a um protótipo de função. Isso é uma condição ternária que significa: Se X for Y seja "zero" caso não seja X isNaN: estou verificando se o valor não é inteiro, ou seja se ele é null ou qualquer coisa; se for, eu quero que o valor atribuído a variável dentro da condição seja "zero" do contrário seja um INT que assuma então o valor INT da variável. No caso quando se insere pela primeira vez o calculo o valor de resultadoValor será nulo então a condição diz que calcular deve ser inputValor incrementado com zero ao invés de um valor nulo. Em outras palavas a condição ternária: var a = "Olá mundo", b; if (a === "Olá mundo") { b = "É o termo que queremos"; } else { b = "Não é o termo"; } // Simplificando com a condição ternária var a = "Olá mundo", b; b = (a === "Olá mundo" ? "É o termo que queremos" : "Não é o termo"); Ambos dão o mesmo resultado.
  3. Omar~

    Questionário em html e javascript

    Qual a linguagem back-end ou irá fazer algo simples pelo front validando por javascripts. Porque a resposta para sua pergunta é essa: Se não sabe fazer o que podemos lhe ajudar é indicar onde pode aprender a fazer comparação de dados, pois é o básico do básico da logica de um programa, a partir da linguagem que irá usar (apesar que em todas linguagem a lógica é a mesma) a = 'João'; b = 'Maria'; if (a != b) { // "A" não é "B" } else if (a !== b) { // "A" não é idêntico ao "B" } else { // "A" equivale a "B" }
  4. Ver se ajuda esse meu script: https://github.com/Spell-Master/sm-web/tree/master/javascript/AjaxRequest Obs.: Não usa jQuery e pode-se acessar qualquer método da classe usando protótipos de funções, objetos, callbacks etc...
  5. Omar~

    Função para somar (problemas)

    Sua função está interpretando os valores como STR e não como INT. Por isso quando você anexa o valor usando += ele apenas adiciona novo conteúdo a string já existente. O que tens de fazer é converter os valores para INTERGER antes de calcular. podemos usar tanto o parseInt quanto o parseFloat, esse segundo sendo mais aconselhável para tal fim pois podemos ter que calcular valores abstratos. var input = window.document.getElementById('input'); var resultado = window.document.getElementById('resultado'); function somar() { /* var inputValor = parseInt(input.value); // usando parseInt */ var inputValor = parseFloat(input.value); var resultadoValor = parseFloat(resultado.value); var calcular = inputValor += (isNaN(resultadoValor) ? 0 : resultadoValor); resultado.value = calcular; }
  6. Omar~

    fim do scroll infinito

    Basta que limite a quantidade de vezes que pode executar a partir de uma variável fazendo a comparação antes de chamar a funçao carrega: var maximo = 3; // Quer dizer que só irá funcionar 3 vezes var pagina = 0; if (pagina < maximo) { carrega(); } Porém como você está usando jQuery mesmo que não carregue o o scroll será ativo mas não fará nada. Entretanto isso sobrecarrega a execução da página que irá fazer algo que não precisaria fazer.
  7. Como essa imagem será gerada? Veja isso: https://github.com/Spell-Master/sm-web/tree/master/javascript/FileTransfer
  8. Omar~

    Erro ao Editar campo CPF

    Faço minhas as palavras do @Felipe Guedes Coutinho .... Use o input type text para essa finalidade. Possivelmente incompatibilidade cross-browser. Correção? Talvez, isso depende do aparelho, navegador estudar e identificar a origem de acordo com as configurações de cada um desses aparelhos... Enfim tente usar diretamente o javascript nativo pois funciona bem melhor que depender do jQuery para o fazer. <p>CPF ou CNPJ</p> <input type="text" minlength="14" maxlength="18" placeholder="Forneça seu cpf ou cnpj" onkeypress="mask(this, cpfCnpj)" onblur="clearTimeout()" pattern="([0-9]{2}[\.]?[0-9]{3}[\.]?[0-9]{3}[\/]?[0-9]{4}[-]?[0-9]{2})|([0-9]{3}[\.]?[0-9]{3}[\.]?[0-9]{3}[-]?[0-9]{2})" required /> <script> function mask(o, f) { v_obj = o; v_fun = f; setTimeout('obMask()', 1); } function obMask() { v_obj.value = v_fun(v_obj.value); } function cpfCnpj(v) { var v = v.replace(/\D/g, ''); if (v.length <= 13) { // CPF v = v.replace(/(\d{3})(\d)/, '$1.$2'); v = v.replace(/(\d{3})(\d)/, '$1.$2'); v = v.replace(/(\d{3})(\d{1,2})$/, '$1-$2'); } else { //CNPJ v = v.replace(/^(\d{2})(\d)/, '$1.$2'); v = v.replace(/^(\d{2})\.(\d{3})(\d)/, '$1.$2.$3'); v = v.replace(/\.(\d{3})(\d)/, '.$1/$2'); v = v.replace(/(\d{4})(\d)/, '$1-$2'); } return v; } </script> Nesse caso mesmo que o script não funcione temos uma expressão no patern do input que obrigará o usuário a digitar corretamente o campo para validar o formulário. Isso combinado com uma verificação back-end é o que normalmente necessitamos. Pois o uso de uma máscara no input é apenas uma mordomia que damos ao usuário.
  9. Omar~

    Posts em grid

    Não seu o que você quis dizer com isso: Porém olhando a imagem e o código CSS apresentado, deduzo é que o post da direita não fica na direita e sim empilha. O fato disso acontecer é pela alta de espaço no documento para alinhar cada um. Pelo fato de ter definido seu width:48.8% e uma margem de 30 pixels hora que isso ultrapassou os 100% da extensão do documento. Bom para deixar conforme a imagem: .post:first-child{width:100%;position:relative} .post { margin: 0 15px 60px; width:calc(48.8% - 30px); float:left; background:#eee } /* Isso se torna desnecessário .post:nth-child(2n+2){margin-right:30px;} */
  10. Omar~

    Buscar todas $ variaveis do documento automaticamente

    @11closed Você pode está optando pelo uso de IDE's pois as mesmas já provém de recursos que identificam quando determinado dado existem onde formam criados se seus valores. Você pode está optando por: NetBeans (É a que uso a anos e a melhor que existe) PhpStorm (Muito bom também só que não é gratuito) DreamWeaver (Eficiente também, mas com recursos muito falhos)
  11. Eu tenho a mim que o problema não é o retorno da PDO. Mas enfim se quiser o retorno em objeto: PDO::FETCH_OBJ
  12. Seria isso? <p>Escreva alguma coisa</p> <input id="exemplo" type="text" /> <p>Resultados</p> <input class="resultado" type="text" /> <input class="resultado" type="text" /> <script> var exemplo = document.getElementById('exemplo'); var resultado = document.getElementsByClassName('resultado'); exemplo.addEventListener('keyup', function (e) { for (var i = 0; i < resultado.length; i++) { resultado[i].value = e.target.value; } }, false); </script>
  13. Omar~

    getElementsByClassName Imcompativel com IE11

    Pode e tenho quase certeza absoluta que é problema do sistema operacional windows (como todos produtos microsoft o que inclui o IE) e não devidamente o problema é seu script. Se fosse meu caso eu tentaria as seguintes coisas: Limpar todos dados de navegação do IE e execute a aplicação novamente. Não deu certo o anterior, novamente limparia os dados de navegação se seguiria esses passos. Painel de Controle > Rede e Internet > Opções de internet > Segurança > Nível Personalizado Na caixa procure por: "Script Ativo" e "Scripts de miniaplicativos Java" Marque ambos como desabilitados. Acesse novamente a aplicação em seguida feche e acesse todo o processo anterior e habilite como estava antes e veja se o erro persiste. Caso sim tente isso: https://support.microsoft.com/pt-br/help/308260/how-to-troubleshoot-script-errors-in-internet-explorer Mas duvido que irá resolver pois todas soluções da microsoft sempre dão em nada.
  14. Omar~

    Ler itens XML em PHP

    Fica difícil mostrar com clareza a solução sem o arquivo XML de leitura, pois seria necessário a arquitetura do mesmo, mas criei um exemplo. <?xml version="1.0" encoding="UTF-8"?> <exemplo> <indice> <valor>Exemplo A</valor> <valor>Exemplo B</valor> <valor>Exemplo C</valor> </indice> </exemplo> Então com esse xml aí quero pegar cada valor dentro do índice: <?php $xml = simplexml_load_file('arquivo.xml'); foreach ($xml->indice->valor as $value) { echo $value . '<br>'; } Ou seja o $value é cada valor dentro do índice no xml. E como está dentro de um loop de repetição ele vai me indexar cada valor existente. Então é simples bastando executar a query dentro dessa repetição. No entanto queria levantar uma coisa aqui. Qual a necessidade de registrar um ou mais xml, ir lendo eles e registrar suas características? Porque a única forma de executar seria dentro de um loop, e dependendo da quantidade de fluxo ao qual deverá lançar registros, pode sobrecarregar seu SQL só com um arquivo XML o que dirá vários.
  15. Eu ficaria com isso. Pelo fato de termos mais agilidade não só no desenvolvimento como na praticidade de uso, além como você mesmo disse o caso de manutenções futuras. Ao meu ver e pelo que já me deparei utilizar diferentes bancos de dados somente a para situações onde temos que gerenciar diferentes outros db's digamos um shopping que gerencia diversas lojas cuja cada qual possui seu sistema independente e seu banco próprio. Nesse termo não teríamos diversos bancos apenas estaríamos usando do banco de cada loja. Quantidade de registro não importa já peguei sistemas para dar manutenção que uma única tabela tinha quase dois milhões de registros. (Que diga o Banco de dados aqui do iMasters mesmo que deve haver milhares de registros) O tamanho máximo (não sei ao certo corrijam-me se estiver errado) varia de acordo com o sistema operacional a versão do SQL, o que pode alternar entre 2GB a 8TB. Sobre funcionar bem depende do sistema operacional que está a executar o SQL. Em resumo imagine o banco de dados como um arquivo enorme digamos 1TB compactado com milhares de arquivos dentro, sendo manuseado por um computador pessoal/notebook, quanto melhor for essa máquina pessoal dessa pessoa, mais ágil é a manipulação do arquivo. Ou seja quanto mais massivo um banco/tabela mais exigirá da máquina para acessar/manipular.
  16. Tente desenhar como quer em um editor de imagens o resultado final e apresente-a aqui. Fica mais fácil a pessoa ter com exatidão o que deseja.
  17. Na verdade acho usar onload no body ridículo document.addEventListener('load', NomeDaFuncao, false); Adicione isso a um script antes do fechamento da tag <body>. Normalmente depois de todos os elementos (Mas isso não é necessário).
  18. Omar~

    Usar uma variável de um arquivo .js em outro.

    Não pode/ Não dar... A não ser que a função executada retorne a variável. Pode usar objetos. https://developer.mozilla.org/pt-BR/docs/Aprender/JavaScript/Objetos/Object-oriented_JS https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript <button onclick="verVariavel()">Exemplo</button> <script> var a = 'Eu sou um objeto window'; function defineVariavel() { var b = "Olá mundo"; var c = window.a + ', e fui manipulado e redefinido por uma função'; window.a = c; return (b); } function verVariavel() { var d = defineVariavel(); console.log(d); console.log(window.a); } </script>
  19. Omar~

    ocultar caminho do link ao encostar o cursor

    Não dar para fazer isso. Porém... <a class="esconder" href="pagina1.php?id=8">linkA</a> <a class="esconder" href="pagina2.php">linkB</a> <a class="esconder" href="pastaK/pagina3.php">linkC</a> <script> var EsconderLinks = function () { var botao = document.getElementsByClassName('esconder'); for (var i = 0; i < botao.length; i++) { botao[i].setAttribute('data-link', botao[i].href); botao[i].removeAttribute('href'); botao[i].addEventListener('click', redireciona, false); } function redireciona(e) { window.location.href = e.target.dataset.link; } }; var esconder = new EsconderLinks(); </script> No entanto é necessário estilizar os links pelo CSS, e não funciona enquanto o javascript não é completamente carregado.
  20. Omar~

    Erro ao chamar div usando style via javascript

    Isso ocorre quando tenta manipular um elemento inexistente. do caso vamos ao questão: <div id="detalhesExemplo">detalhes</div> <button onclick="exemplo('Teste')">Executar</button> <script> function exemplo(id) { /* * Note que como parâmetros estamos enviando a string "Teste" * Logo a consulta no DOM será pelo elemento #ID "detalhesTeste" * No entanto o único elemento existente é "detalhesExemplo" */ var A = document.getElementById('detalhes' + id); // O resultado disso será "NULL" A.style.display = 'none'; // Segue o erro de manipulação por "A" ser null } </script>
  21. Omar~

    Colagem de fotos online

    Recentemente fiz exatamente isso! Com correção da orientação de imagens no caso imagens tiradas em sistemas IOS, etc... Dar uma olhada no que fiz, pode ser o norte que você procura: https://github.com/Spell-Master/sm-web/tree/master/exemplos/corte-e-salvamento-de-imagens O exemplo que coloquei é só para imagens JPG mas fiz testes com PNG ou ambos e o resultado foi o mesmo.
  22. Omar~

    ValueChange em Elemento oculto

    Pois cá estava eu fazendo algumas coisinhas e me deparei com uma questão. Que o o javascript não detecta mudanças em elementos não visíveis. Para ser mais coeso vamos ao exemplo: <select id="teste"> <option value="a">Opção A</option> <option value="b">Opção B</option> </select> <button onclick="mudar()">Alterar</button> <script> var teste = document.getElementById('teste'); teste.addEventListener('ValueChange', function (e) { console.log(e.target); }); function mudar() { teste.value = teste.value === 'a' ? 'b' : 'a'; console.log('Mudou para:' + teste.value); } </script> Simples né, temos um seletor que contém um evento que detecta quando ele é modificado. E uma função que irá modificar o valor do seletor. Até aqui tudo bem.... Então ao X do problema. Adicionamos isso na função que altera o seletor: teste.style.display = 'none'; Logo quando pelo botão alteramos o valor temos no console a exibição do elemento, e ocultando o seletor. Uma vez oculto o evento que detecta se seu valor é alterado não mais dispara. Alguém teria alguma ideia de como contornar isso, fazendo com que o evento sempre dispare ao alterar o seletor (mesmo ele oculto)? Para ser franco, o único jeito que pensei em solucionar é: Alterar o opacidade do seletor para 0(zero), assim ele está visível mas transparente, então alterar suas dimensões height e width também para zero, assim não ocupando espaço no documento. Porém acho que essa minha solução não é a mais ideal.
  23. Omar~

    ValueChange em Elemento oculto

    @Maujor Não importa cara, o evento change não é acionado por ação externa independente do elemento oculto ou não. Somente se o o próprio elemento em si o dispara. Que seja consegui resolver minha situação aqui simulando a tag label, pelo fato dela se vincular a outro elemento, usei a mesma lógica que os browsers usam para a tag label.
  24. Omar~

    ValueChange em Elemento oculto

    É um evento específico que só funciona em alguns elementos em situações como a que eu definitivamente quero chegar, no caso uma ação externa. change só detecta se o o evento é disparado pelo próprio elemento em questão e não por ação externa. Na verdade a questão está sobre a tag <progress> e não no <select>, mas usei um seletor pois assim o script de exemplo ficaria mais simples de demostrar. Enfim em todo caso o ValueChange só é disparado no MozillaFirefox
  25. Omar~

    Bloqueio de download de imagem e bloqueio de impressão

    Pois é né, o bloqueio como nós já dissemos não funciona é algo completamente ineficaz.... Está aí a imagem diretamente do website citado. Olha o link: https://receitasdeamigas.com.br/wp-content/f15d/uploads/receitasdeamigas.com.br/2019/04/56500794_724983317896589_2784152540348940288_n-960x400.jpg Se quiser posto prints também da impressão do mesmo (Ctrl + P).
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.