Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2240 results

  1. Salve salve! Nuca intendi como isso realmente funciona por isso gostaria da ajuda de vcs. Estou desenvolvendo um sistema de historias e acho que seria interessante no envio dessas historia além dos texto imagem ilustrativas, mais ou menos como blogs de noticias fazem, mas como posso enviar texto e imagem e depois retorna-los juntos? Eu sei com enviar imagens em php mas gostaria de enviar a imagem e o texto colocando ambos em um textarea acho que assim ficaria bem mais interessante alguém pode me ajuda?
  2. Galera me ajudem por favor, estou pirando kkkkk Seguinte, tenho um form que realiza o submit via javascrit enviando os dados para uma página php formatada em json. Está gravando perfeitamente porém preciso dos dados do retorno, como Link do boleto, e alguns outros resultados para inserir no banco nesse ponto já pesquisei um monte testei de tudo até a página bugar e nada kkkk o Script que utilizo para o envio é esse: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#frmBoleto").submit(function(){ $.ajax({ type: "POST", url: "https://www.sitedaloja.com.br/action/boleto_bradesco/gerando_boleto.php", data: $(this).serializeArray(), }).done(function( msg ) { }); return false; }); </script> Como fazer para capturar os dados da resposta do json?
  3. luannsr12

    Api Emby JavaScript

    Pessoal, alguém ja trabalhou com a API de integração do emby? Podem me ajudar. O Fato que eu não entendi absolutamente quase nada da documentação deles, que por sinal é mal explicada. http://swagger.emby.media/?staticview https://github.com/MediaBrowser/Emby.ApiClient.Javascript/blob/master/apiclient.js Se alguém ja trabalhou com isso, pode entrar em contato comigo, vai ter remuneração.
  4. Pesquisei mas não encontrei.... talvez vcs tenham algum link ou codigo é so pra enviar o comentario para o banco e mostrar sem recarregar a página onde estou. Sou muito ruim em javascript e sei que tenho que usar ajax(que eu nao intendo nada), alguem pode me dar uma força aae?
  5. clickanapolis

    Finalizar processo

    Boa tarde pessoal, desculpa se postei em lugar errado, mais não sei aonde postar essa minha dúvida. Estou finalizando um projeto que consiste em uma plataforma de processo seletivo e na etapa final os candidatos iram fazer uma prova online. O cliente me perguntou se é possível bloquear o navegador, tipo se ele sair do navegador ou mudar de aba tipo o sistema finalizar a prova do candidato, visto que o sistema irá identificar que ele foi fazer uma pesquisa. Eu particularmente não vi nada igual ate hj e não sei se existe algo seja em javascript ou qualquer outro modo de fazer isso.
  6. Boa tarde pessoal, Eu fiz um código em JavaScript que chama um script em PHP para o envio de um e-mail padrão para uma determinada lista fixa de contatos, anexando neste e-mail um arquivo que está no servidor. Porém, ao executar esse código em JavaScript, o e-mail é enviado, mas o anexo não é colocado na mensagem. Se eu rodar manualmente o script em PHP que é chamado pelo código de JavaScript "# php send.php", o e-mail passa a ser enviado com o anexo. Vocês podem me ajudar, por favor? Acredito que seja algo relacionado à permissões, porém eu não estou encontrando a solução. Aqui está o código em JavaScript: $scope.sendMail = function() { jQuery.ajax({ type: "POST", url: root.root + "send.php", data: $scope.contact, success: function() { console.log('sucesso!'); jQuery('.log-message').html(alert ("Mensagem enviada com sucesso!\n\nEm breve retornaremos seu e-mail com uma resposta. Obrigado.")); } }); } }
  7. Olá, estou fazendo um cálculo de horas para cartão ponto em php e jquery... o cálculo do php já consegui um satisfatório. Preciso agora ao preencher os campos que são gerados dinamicamente de 1 a 31 que são os dias do mês, ao sair do campo Jornada (horas de trabalho), ele envie via ajax os valores preenchidos nesses 4 campos anteriores que são 4 inputs de tempo (time). Eu consegui recuperar individualmente, mas ele passa a chamada da função em todos, se dou um alert por exemplo ele percorre todos os campos dinâmicos para aí ir para o outro input, que no caso acontece a mesma coisa, segue o script que utilizei para pegar o valor do input individual, aí preciso que não percorra todos e pegue apenas o valor de cada um no onblur do campo jornada conforme está na figura e me retorne para os campos específicos com os dados que pegarei no php,. Espero ter sido claro, se alguém puder ajudar eu agradeço. $(document).ready(function() { $(":input").blur(function() { var id = $(this).attr('id'); var value = $(this).val(); alert(id + " " + " " + value); }); }); O que preciso está na figura abaixo: Aguardo, se alguém puder ajudar...agradeço
  8. Olá Sou iniciante em Javascript... Preciso de ajuda para a seguinte questão: Tenho duas FUNÇÕES e preciso executa-las de forma aleatória, já tentei de varias formas, mas sem sucesso, alguém pode me ajudar? Basicamente o que preciso é que toda vez que a pagina WEB for carregada uma das duas funções seja sorteada e executada. As funções são: function vt1(){fireEvent (document.getElementById('bt-1'), 'click');} function vt2(){fireEvent (document.getElementById('bt-2'), 'click');}
  9. galera, no print mostra onde é examente que estou falando. quando eu clico a página recarregar e acaba voltando o menu pro seu estado normal. vou deixar abaixo o html da página. ```` <div class="nav-side-menu"> <div class="brand"> @if(!empty(Auth::user()->usr_foto)) <img id="fotoUsuMenu" src="{{Auth::user()->usr_foto}}"> @else <img id="fotoUsuMenu" src="{{asset('imagens/ImgUsuario.jpg')}}"> @endif <br> <span style="font-variant:small-caps;font-weight:bold;">{{Auth::user()->username}} <b>|</b></span> <a style="color:red; text-decoration: none; font-weight:bold" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> Sair </a> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> @csrf </form> </div> <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i> <div class="menu-list"> <ul id="menu-content" class="menu-content collapse out"> <li> <a href="/dashboard" ><i class="fa fa-tachometer-alt sidebar-icon"></i> Dashboard</a> </li> <li data-toggle="collapse" data-target="#CadPessoas" class="collapsed"> <a><i class="fa fa-life-ring fa-users"></i> Cadastros Pessoas<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="CadPessoas"> <li><a href="/ListaColaboradores" id="psicologo"><i class="fa fa-angle-right"></i> Psicólogos</a></li> <li><a href="/ListaPacientes" id="pacientes"><i class="fa fa-angle-right"></i> Pacientes <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li data-toggle="collapse" data-target="#CadGerais" class="collapsed"> <a><i class="fa fa-life-ring fa-pen"></i> Cadastros Básicos<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="CadGerais"> <li><a href="/ListaTiposAtendimentos" id="tipoAten"><i class="fa fa-angle-right"></i> Tipos de Atendimentos</a></li> <li><a href="/ListaSintomasQueixas" id="sinQuei"><i class="fa fa-angle-right"></i> Sintomas Queixas <small><i class="fa fa-external-link"></i></small></a></li> <li><a href="/ListaSalasLocal" id="salas"><i class="fa fa-angle-right"></i> Salas <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li> <a href="/event"><i class="fa fa-clipboard-list"></i> Marcação de Consultas</a> </li> <li data-toggle="collapse" data-target="#relatorios" class="collapsed"> <a><i class="fa fa-chart-line"></i> Relatórios<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="relatorios"> <li><a href="/RelConsultaPsicologos" id="conPsi"><i class="fa fa-angle-right"></i>Consultas Por Psicólogos</a></li> <li><a href="/RelFormStatusPaciente" id="relStatus"><i class="fa fa-angle-right"></i>Pacientes Por Status <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li data-toggle="collapse" data-target="#config" class="collapsed"> <a><i class="fa fa-cog"></i> Configurações<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="config"> <li><a href="/ListaUsuarios" id="usuario"><i class="fa fa-angle-right"></i>Usuários</a></li> <li><a href="/ConfiguracoesSistema" id="parametro"><i class="fa fa-angle-right"></i>Parâmetros do Sistema <small><i class="fa fa-external-link"></i></small></a></li> <li><a href="/ListaEmpresa" id="dadosEmpresa"><i class="fa fa-angle-right"></i>Cadastro de Empresas <small><i class="fa fa-external-link"></i></small></a></li> </ul> </ul> </div> </div>
  10. Olá, preciso de uma melhoria em um setup operacional de mercado financeiro em linguagem javascript(Tryd) alguém poderia me ajudar? preciso incluir(se for possível) algo parecido com isso (se fechamento da barra for maior que a abertura o centro da barra se mantém da cor já programada, se o o fechamento da barra for menor que a abertura o centro da barra fica preto) // Parametros de configuracao // def len = 65; def red = 4 def orange = 2.5; def yellow = 1; def white = -0.5; // Fim Parametros de configuracao // def barras = BARS(); r = newLines(); r.add( barras ); def vol = sharesVolume(); def mean = MA(vol,len, 0); def std = STDDEV(vol,len); for (int i=0;i<vol.size();i++) { def bar = barras.bar(i); int res = -5; if (i>len) { res = (int) ( (vol.value(i) - mean.value(i-len)) / ( std.value(i-len )) ); } if (res > red) { bar.setFill(255,0,0); bar.setBorder(255,0,0); }else if (res > orange) { bar.setFill(255,128,0); bar.setBorder(255,128,0); }else if (res > yellow) { bar.setFill(250,244,2); bar.setBorder(250,244,2); }else if (res > white) { bar.setFill(255,255,255); bar.setBorder(255,255,255); }else { bar.setFill(0,252,252); bar.setBorder(0,252,252); } }
  11. Guga Alves

    Tornar bottom div meio arredondadas

    Pessoal seguinte, gostaria de saber se é possível fazer este efeito em uma div: Imagem sem utilizar imagens.
  12. Marcos_imasters

    conveter codigo jquery para js puro

    <html> <style> html, body, main { width: 100%; height: 100%; margin: 0; padding: 0; } #carousel { position: relative; height: 400px; top: 50%; transform: translateY(-50%); overflow: hidden; } #carousel div { position: absolute; transition: transform 1s, left 1s, opacity 1s, z-index 0s; opacity: 1; } #carousel div img { width: 400px; transition: width 1s; } #carousel div.hideLeft { left: 0%; opacity: 0; transform: translateY(50%) translateX(-50%); } #carousel div.hideLeft img { width: 200px; } #carousel div.hideRight { left: 100%; opacity: 0; transform: translateY(50%) translateX(-50%); } #carousel div.hideRight img { width: 200px; } #carousel div.prev { z-index: 5; left: 30%; transform: translateY(50px) translateX(-50%); } #carousel div.prev img { width: 300px; } #carousel div.prevLeftSecond { z-index: 4; left: 15%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #carousel div.prevLeftSecond img { width: 200px; } #carousel div.selected { z-index: 10; left: 50%; transform: translateY(0px) translateX(-50%); } #carousel div.next { z-index: 5; left: 70%; transform: translateY(50px) translateX(-50%); } #carousel div.next img { width: 300px; } #carousel div.nextRightSecond { z-index: 4; left: 85%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #carousel div.nextRightSecond img { width: 200px; } .buttons { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; } </style> <body> <main> <div id="carousel"> <div class="hideLeft"> <img src="https://i1.sndcdn.com/artworks-000165384395-rhrjdn-t500x500.jpg"> </div> <div class="prevLeftSecond"> <img src="https://i1.sndcdn.com/artworks-000185743981-tuesoj-t500x500.jpg"> </div> <div class="prev"> <img src="https://i1.sndcdn.com/artworks-000158708482-k160g1-t500x500.jpg"> </div> <div class="selected"> <img src="https://i1.sndcdn.com/artworks-000062423439-lf7ll2-t500x500.jpg"> </div> <div class="next"> <img src="https://i1.sndcdn.com/artworks-000028787381-1vad7y-t500x500.jpg"> </div> <div class="nextRightSecond"> <img src="https://i1.sndcdn.com/artworks-000108468163-dp0b6y-t500x500.jpg"> </div> <div class="hideRight"> <img src="https://i1.sndcdn.com/artworks-000064920701-xrez5z-t500x500.jpg"> </div> </div> <div class="buttons"> <button id="prev">Prev</button> <button id="next">Next</button> </div> </main> </body> <script> window.onload = function(){ function moveToSelected(element) { if (element == "next") { var selected = document.querySelector(".selected").nextElementSibling; } else if (element == "prev") { var selected = document.querySelector(".selected").previousElementSibling; } else { var selected = element; } var next = selected.nextElementSibling; var prev = selected.previousElementSibling; var prevSecond = prev.previousSibling; var nextSecond = next.nextSibling; function matches(elem, filter) { if (elem && elem.nodeType === 1) { if (filter) { return elem.matches(filter); } return true; } return false; } function getNextSiblings(elem, filter) { var sibs = []; while (elem = elem.nextSibling) { if (matches(elem, filter)) { sibs.push(elem); } } return sibs; } function getPreviousSiblings(elem, filter) { var sibs = []; while (elem = elem.previousSibling) { if (matches(elem, filter)) { sibs.push(elem); } } return sibs; } selected.removeAttribute('class'); prev.removeAttribute('class'); next.removeAttribute('class'); selected.classList.add("selected"); prev.classList.add("prev"); next.classList.add("next"); prevSecond.removeAttribute('class'); nextSecond.removeAttribute('class').classList.add("nextRightSecond"); prevSecond.classList.add("prevLeftSecond"); var x = getNextSiblings(nextSecond); var p = getPreviousSiblings(prevSecond); for (var i = 0; i < x.length; i++) { x[i].removeAttribute('class'); x[i].classList.add("hideRight"); } for (var i = 0; i < p.length; i++) { p[i].removeAttribute('class'); p[i].classList.add("hideLeft"); } } document.body.addEventListener("keydown", function (e) { switch(e.which) { case 37: // left moveToSelected('prev'); break; case 39: // right moveToSelected('next'); break; default: return; } e.preventDefault(); }); document.querySelector("#carousel div").addEventListener("click", function () { moveToSelected(this); }); document.querySelector("#prev").addEventListener("click", function () { moveToSelected('prev'); }); document.querySelector("#next").addEventListener("click", function () { moveToSelected('next'); }); } </script> </html> com jquery funciona assim function moveToSelected(element) { if (element == "next") { var selected = $(".selected").next(); } else if (element == "prev") { var selected = $(".selected").prev(); } else { var selected = element; } console.log(selected); } // Eventos teclado $(document).keydown(function(e) { switch(e.which) { case 37: // left moveToSelected('prev'); break; case 39: // right moveToSelected('next'); break; default: return; } e.preventDefault(); }); $('#carousel div').click(function() { moveToSelected($(this)); }); $('#prev').click(function() { moveToSelected('prev'); }); $('#next').click(function() { moveToSelected('next'); });
  13. Gutovr

    Timer

    Galera alguem consegue me dar uma luz de como fazer um timer que pega a data de agora e mostra quanto tempo ate a data do meu banco de dados do evento que ocorrerá ? acredito que tenha que ser com js. Segue a imagem do que quero
  14. Boa tarde, pessoal, estou fazendo um sisteminha de bingo em JS e tudo vai bem, mas travei na hora de eliminar os números já sorteados para evitar repetição. Pensei em jogar cada número sorteado numa array e consultar essa array na hora de sortear o próximo, só que não sei fazer isso. Alguém pode me ajudar, por favor? O script está assim: <script> sorteados = []; function getBingo() { bola = Math.floor(Math.random() * (75 - 1 + 1)) + 1; if (bola < 16) { letra = "B"; } else { if (bola < 31) { letra = "I"; } else { if (bola < 46) { letra = "N"; } else { if (bola < 61) { letra = "G"; } else { if (bola < 76) { letra = "O"; } } } } } document.getElementById("bolinha").innerHTML = letra +" "+ bola; document.getElementById(bola).innerHTML = "<span style='color:red'>" + bola + "</span>"; } </script> O bichinho está funcionando em https://monono.com.br/bingo/ Fiquem à vontade para palpitar. Obrigado!
  15. Vinicius Bazan

    Relógio da violência - usando JS

    Estou precisando de ajuda em um site que eu e mais algumas pessoas estamos desenvolvendo, é um site com finalidade escolar, visto que eu e os demais integrantes desse grupo estamos desenvolvendo ele para obter nota, o tema é produzir um site que aborde a violência contra as mulheres. O ponto aqui é que chegamos a conclusão que seria legal temos um relógio que mede a violência em tempo real, assim ele pegaria a hora do computador e faria um calculo que iria ficar atualizando um número na tela. Por exemplo, digamos que você queira ver quantas mulheres sofreram abuso verbal até agora, e ao mudar o filtro para abuso verbal vai aparecer as seguintes mensagens na tela: A cada 0,00 segundos uma mulher sofre de abuso verbal 0.000.000 Mulheres sofreram até agora. Esse número teria que ficar mudando a todo momento, então digamos que uma mulher sofra um abuso verbal a cada 2 segundos, então de 2 em 2 segundos aquele número aumenta em 1 (usando a hora do PC). Além disso seria possível trocar o filtro para outras formas de abuso como agressão física, psicológica e outras Para vocês entenderem melhor, basicamente o que queremos fazer é isso: relógio da violencia Acontece que a gente não manja muito de javascript pra isso, por isso resolvi pedir ajuda em um fórum, eu possuo conhecimento em HTML, PHP e CSS apenas (me falaram que talvez de para fazer com PHP também, estou pesquisando sobre isso), então minha duvida é como elaborar esse código no java e estilizar ele no css depois?
  16. Ola estou com um problema em JavaScript O objetivo e digitar um ID/Nome em um input e ele buscar em um arquivo XML fazendo autocomplete e preencher outros dois inputs com os atributos associado ao ID/Nome da base XML. GIF de exemplo, obs(exatamente oque pretendo fazer): http://blog-media.chromaticsites.com.s3.amazonaws.com/google-places-autocomplete-3/autocomplete-error.gif Link do XML: https://www.w3schools.com/js/cd_catalog.xm Segue meu código: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> Nome:<input id="idInput"> UF:<input id="idInput02"> Ano:<input id="idInput03"> <script> var ValorXML1 = []; $(document).on('keyup' , '#idInput' ,function(){ var keyvalue = $("#idInput").val(); var xhttp; xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { ValorXML1 = []; CaregarXML(this , keyvalue); } }; xhttp.open("GET", "https://www.w3schools.com/js/cd_catalog.xml", true); xhttp.send(); }); function CaregarXML(xml , key) { var x, i, xmlDoc , key; xmlDoc = xml.responseXML; x = xmlDoc.getElementsByTagName("TITLE"); var cont = 0; for (i = 0; i < x.length; i++) { var valor = x[i].childNodes[0].nodeValue.trim(); var pattern = valor.substring(0 , key.length); if(key.toUpperCase() == pattern.toUpperCase() && cont < 5){ ValorXML1.push(valor); cont++; } } $("#idInput").autocomplete({ source: ValorXML1 }); } $( function() { $( "#idInput" ).autocomplete({ source:ValorXML1 }); }); </script>
  17. Bom dia, boa tarde e boa noite! Estou precisando de ajuda em um site que eu e mais algumas pessoas estamos desenvolvendo, é um site com finalidade escolar, visto que eu e os demais integrantes desse grupo estamos desenvolvendo ele para obter nota, o tema é produzir um site que aborde a violência contra as mulheres. O ponto aqui é que chegamos a conclusão que seria legal temos um relógio que mede a violência em tempo real, assim ele pegaria a hora do computador e faria um calculo que iria ficar atualizando um número na tela. Por exemplo, digamos que você queira ver quantas mulheres sofreram abuso verbal até agora, e ao mudar o filtro para abuso verbal vai aparecer as seguintes mensagens na tela: A cada 0,00 segundos uma mulher sofre de abuso verbal 0.000.000 Mulheres sofreram até agora. Esse número teria que ficar mudando a todo momento, então digamos que uma mulher sofra um abuso verbal a cada 2 segundos, então de 2 em 2 segundos aquele número aumenta em 1 (usando a hora do PC). Além disso seria possível trocar o filtro para outras formas de abuso como agressão física, psicológica e outras Para vocês entenderem melhor, basicamente o que queremos fazer é isso: relógio da violencia Acontece que a gente não manja muito de javascript pra isso, por isso resolvi pedir ajuda em um fórum, eu possuo conhecimento em HTML, PHP e CSS apenas (me falaram que talvez de para fazer com PHP também, estou pesquisando sobre isso), então minha duvida é como elaborar esse código no java e estilizar ele no css depois?
  18. Estou iniciando uns estudos com o TypeScript e estou usando ele em uma aplicação minha que está sendo desenvolvida com o .NET Core Razor. Eu estou precisando de fazer um código em que abra um modal Bootstrap usando apenas o TypeScript. Sem o jQuery... Eu não sei como fazer isso, nao achei função que outras pessoas ja fizeram para isso, apenas com o Angular(que eu nao estou usando). Mas agora estou precisando. Espero que me ajudem nessa. Eu tentei fazer usando "display", mas não consegui. A questão é o seguinte. Eu preciso fazer um <select> em que se o usuario escolher a opção "Sim", abrirá o modal com algumas opções a serem preenchidas, e ao mesmo tempo terei um botão(caso a opção seja "sim"), para ele clicar e poder mudar oque colocou nas opçoes do modal. Como eu tentei fazer: <div class="modal fade d-none" id="modalExemplo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary">Fechar</button> <button type="button" class="btn btn-primary">Salvar mudanças</button> </div> </div> </div> </div> <select class="form-control w-100" id="data_test" onchange="modalOpen()"> <option value="NA">Não analizar</option> <option value="S">Sim</option> <option value="N">Não</option> </select> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalExemplo"> Abrir modal de demonstração </button> function modalOpen() { if ((<HTMLInputElement>document.getElementById("data_test")).value == "S") { (<HTMLInputElement>document.getElementById("modalExemplo")).classList.remove("d-none"); } else { (<HTMLInputElement>document.getElementById("modalExemplo")).classList.add("d-none"); } } Já que estou usando o Bootstrap, por que não usar a classe "d-none"? Então tentei fazer desta maneira... mas não funcionou
  19. Olá estou tendo problemas para compilar e instalar o bootstrap em minhas paginas web, sei que no site do próprio framework existe uma versão já compilada nos arquivos para download, já tenho ela baixada e descompactada na pasta do site e com os devidos links para chamar o css e javascript para a pagina a ser carregada mas ainda sim o botstrap não aplicado a pagina. <!doctype html> <html lang="pt-br"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="/css/bootstrap.css"> <title>Hello, world!</title> </head> <body> <h1>Hello, world!</h1> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html> Segue uma imagem com o caminho até o arquivo bootstrap.css dentro da pasta css na pasta do site. O caminho esta correto mesmo assim ele não atribui o arquivo a pagina subsequentemente não a estiliza. O mesmo ocorre quando chamo o javascript que baixei já compilado mas nessa versão deixei o do CDN apenas para ver se funcionava esta rodando apena do CDN. Compilei eu mesmo usando aplicativos de compilação de sass mesmo assim ele não atribui a estilização a pagina poderia me dizer se este código BASE esta errado ou desponibilizar algum exemplo de um arquivo em que a ligação do bootstrap a uma pagina web esta feita corretamente. Agradeço desde já a quem puder ajudar!
  20. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width-device-width, initial-scale-1.0"> <title>Modelo de exercicio</title> <link rel="stylesheet" href="estilo.css"> <script src="script.js"></script> </body> </head> <body> <header> <h1>Analisador de números</h1> </header> <section> <div> <!--Area que digito os numeros--> <form> <p>Número(Entre 1 e 100):<input type="number" id="num"/> <input type="button" value="Adicionar" onclick="adicionar()"> </p> </form> <select id="add"> <!--Area que aparece o numero adicionado--> </select> </div> <div> <p><input type="button" value="Finalizar" onclick="analise()"></p> <div id="finalizar"> <!--Area de analise de numeros--> </div> </div> </section> <footer> <p>&copy; CursoemVídeo</p> </footer> </html> var lista = [] function adicionar(){ //Function para adicionar o numero digitado pelo usuario no meu select do HTML var n = window.document.getElementById('num').value if(n.length == 0){ window.alert('Digite um número') } else{ if(n < 1 || n > 100){ window.alert('Nada feito, digite um número entre 1 e 100!') } else{ var procuraV = lista.indexOf(n) if(procuraV == -1){ finalizar.innerHTML = '' lista.push(n) var item = document.createElement('option') item.text = `O valor ${n} foi adicionado` add.appendChild(item) //add é o id do select no meu HTML } else{ window.alert('Erro! Valor já adicionado') } } } } //adicionar o lista.sort() e referenciar a posição lista[0] e lista.length[] - 1 na hora de mostrar o menor e o maior function analise(){ if(lista.length == 0){ window.alert('Adicione números antes') } else{ var ind = 1 var soma = lista[0] while(ind < lista.length){ soma = Number(soma) + Number(lista[ind]) ind ++ } lista.sort() var qtdEl = lista.length var media = soma/lista.length finalizar.innerHTML = `Ao todo, temos ${qtdEl} elementos<br>` finalizar.innerHTML += `Somando todos os valores temos ${soma} <br>` finalizar.innerHTML += `A média dos valores é ${media} <br>` finalizar.innerHTML += `O menor numero adicionado foi ${lista[0]} <br>` finalizar.innerHTML += `O maior numero adicionado foi ${(lista[lista.length - 1]}` } } Só queria entender por que quando minha var n recebe o valor 100 e posteriormente eu armazeno em minha var lista = [ ] dentro da function adicionar() através do lista.push() este valor não ordena assim como os outros, comprometenão assim, o perfeito funcionamento da minha function analise() no momento em que informo o maior número dentro do meu vetor lista sendo este o 100 -> finalizar.innerHTML += `O maior numero adicionado foi ${(lista[lista.length - 1]}`. Galera, analisem aí este código e me dêem pfv a solução. Vlw
  21. terra

    Pegar querystring

    Olá, preciso pegar o parameto de state, estou tentando assim if(getQueryVariable("state")) n.params.state(t), i && e.each(i.toLowerCase().split(",") } else n.params.city(t);, i && e.each(i.toLowerCase().split(","){, function(t, i) { agradeço qualquer ajuda.
  22. Fala pessoal. Quero fazer o seguinte: Tenho um campo select e um campo input. Quando eu selecionar um item do meu campo select, quero enviar o ID desse item, e o valor do campo input, que no caso é uma data, para um script PHP, no PHP vou conferir uma situação e dizer se eu posso usar esse item ou não. Alguém pode me mostrar um exemplo? Obrigado.
  23. fabrico 1970

    jivochat

    Estou usando jivochat gratuito e gostaria de usar somente em algumas paginas mas quando carrego ele não consigo mais remove-lo gostaria de saber se alguém já fez isto.
  24. uma função que recebe uma frase e uma palavra antiga e uma palavra nova. A função deve retornar uma string contendo a frase original, mas com a última ocorrência da palavra antiga substituída pela palavra nova. A entrada e saída de dados deve ser feita no programa principal. Exemplo: Frase: “Quem parte e reparte fica com a maior parte” Palavra antiga: “parte” Palavra nova: “parcela” Resultado a ser impresso no programa principal: “Quem parte e reparte fica com a maior parcela” function trocarNome(){ var frase = document.getElementById("frase").value; var strAntiga = document.getElementById("strAntiga").value; var strNova = document.getElementById("strNova").value; //frase = frase.split(" "); var a = frase.lastIndexOf(strAntiga); var fras2 = frase.lastIndexOf(strAntiga).replace(strAntiga,strNova); document.getElementById("demo").innerHTML = "Certo"; }
  25. Marcelo Heinrick

    Criação de Visualizador de Pasta

    Olá a todos, estou com uma dúvida incessante. Gostaria de saber como fazer um explorador de pasta, assim como um file:///C:/Users/Exemplo Onde dá pra visualizar todas suas pastas e abrir seus arquivos, porém esses do Chrome, Vivaldi etc.. Eles cortam os nomes e fica ruim a visualização, e convenhamos é bem feio. Na verdade queria fazer um igual só por estética e por evolução também, estou estudando Javascript e queria saber como fazer tal coisa.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.