Pesquisar na Comunidade
Mostrando resultados para as tags ''javascript''.
Encontrado 600 registros
-
Galera tenho esse codigo e gostaria que as impressao das latitudo e longitudo aparecesse em dois inputs diferentes para depois eu manda para um banco de dados com um insert. meu codigo: <p id="demo"></p> <body onload="getLocation()"> <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="O seu navegador não suporta Geolocalização.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; } </script> </body>
-
Ajuda com aprendizado em javascript - babylonjs - webpack. Classe náo compila com variaveis da classe.
Blackbeard postou um tópico no fórum Desenvolvimento de Games
Ola, boa tarde. Estou tentando montar um projeto de game de cartas em webgl usando babylonjs+webpack. O problema é que na hora de compilar uma classe, o webpack não esta deixando se eu declaro variaveis da classe logo acima do construtor, retornando o seguinte erro: Erro: RROR in ./src/game.js 33:9 Module parse failed: Unexpected token (33:9) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | export default class Game { | > scene; | clickedButtonBJ; | @ ./src/index.js 3:0-29 17:15-19 Segue meus arquivos de configuração do webpack e do package.json e o código especifico da classe game.js. Webpack.config.js const path = require('path') const { CleanWebpackPlugin } = require('clean-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: './src/index.js', output: { filename: 'main.js', path: path.resolve(__dirname, 'dist') }, plugins: [ new CleanWebpackPlugin(), new HtmlWebpackPlugin({ filename: 'index.html', inject: true, template: path.resolve(__dirname, 'src', 'index.html'), }), ], module: { rules: [ { test: /\.jsx?$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['es2015'] } } ] } } package.json: { "name": "synthgaming.tech", "version": "1.0.0", "description": "", "main": "index.ts", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "run-dev": "npx webpack-dev-server", "build": "webpack --config=webpack.config.prod.js", "build-dev": "webpack --config=webpack.config.dev.js", "start": "webpack-dev-server --config=webpack.config.dev.js --open" }, "author": "", "license": "ISC", "devDependencies": { "@babylonjs/core": "^4.1.0", "@babylonjs/gui": "^4.1.0", "@babylonjs/inspector": "^4.1.0", "@babylonjs/loaders": "^4.1.0", "@babylonjs/materials": "^4.1.0", "@babylonjs/post-processes": "^4.1.0", "@babylonjs/procedural-textures": "^4.1.0", "@babylonjs/serializers": "^4.1.0", "clean-webpack-plugin": "^3.0.0", "html-webpack-plugin": "^4.2.0", "ts-loader": "^7.0.0", "typescript": "^3.8.3", "webpack": "^4.42.1", "webpack-cli": "^3.3.11", "webpack-dev-server": "^3.10.3" }, "dependencies": { "babel-cli": "^6.26.0", "babel-preset-env": "^1.7.0" } } game.js: import { Vector3, Color3 } from "@babylonjs/core/Maths/math"; import { ArcRotateCamera } from "@babylonjs/core/Cameras/arcRotateCamera"; import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight"; import { Mesh } from "@babylonjs/core/Meshes/mesh"; import { GridMaterial } from "@babylonjs/materials/grid"; import { Sound, HighlightLayer } from "@babylonjs/core" import { Image, Control, AdvancedDynamicTexture, Button, TextBlock } from "@babylonjs/gui"; import { Scene } from "@babylonjs/core"; export default class Game { scene; clickedButtonBJ; constructor(){ // this.scene = _scene; this.clickedButtonBJ = false; } Start(scene) { var camera = new ArcRotateCamera("gameCamera", 0,0,0, new Vector3(0, 5, -10), scene); camera.setPosition(new Vector3(0,1,-40)); camera.setTarget(Vector3.Zero()); var light = new HemisphericLight("light1", new Vector3(0, 1, 0), scene); light.intensity = 0.49; var tetraMaterial = new GridMaterial("Tetragrid" , scene); var tetra = new Mesh.CreatePolyhedron("tetra", {type: 0, size: 3}, scene); tetra.position.y = 4.8; tetra.position.z = -15; tetra.rotation.z = Math.PI/2; tetra.rotation.x = 4*Math.PI/3; var hl1 = new HighlightLayer("hl1", scene); hl1.addMesh(tetra, Color3.Magenta()); tetra.material = tetraMaterial; var groundMaterial = new GridMaterial("grid", scene); groundMaterial.lineColor = new Color3(2,2,4); var ground = new Mesh.CreateGround("ground1", 600, 600, 3, scene); ground.material = groundMaterial; var advancedTexture = AdvancedDynamicTexture.CreateFullscreenUI("UI", scene); var titleImage = new Image("title","../res/Title.png"); titleImage.width = "800px"; titleImage.height = "300px"; titleImage.top = "-50px"; titleImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER; titleImage.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; advancedTexture.addControl(titleImage); var backMusic = new Sound ("Music", "../res/raia-bellzy.wav",scene, null, { loop: true, autoplay: true }); var alpha = 0; scene.registerBeforeRender(() => { tetra.rotation.y += 0.005; alpha += 0.03; hl1.blurHorizontalSize = 0.3 + Math.cos(alpha) * 0.6 + 0.6; hl1.blurVerticalSize = 0.3 + Math.sin(alpha / 3) * 0.6 + 0.6; }); } createNewScene(_engine) { var scene = new Scene(_engine); scene.autoClear = false; var camera = new ArcRotateCamera("gameCamera", 0,0,0, new Vector3(0, 5, -10), scene); camera.setPosition(new Vector3(0,1,-40)); camera.setTarget(Vector3.Zero()); var light = new HemisphericLight("light1", new Vector3(0, 1, 0), scene); light.intensity = 0.49; return scene; } disposeScene(_scene) { _scene.dispose(); } createPrimaryMenu(_scene) { var advancedTexture = new AdvancedDynamicTexture.CreateFullscreenUI("PrimaryUI", _scene); var buttonBJ = Button.CreateSimpleButton("butBJ","BlackJack"); buttonBJ.width = "250px"; buttonBJ.height = "80px"; buttonBJ.color = "Black"; buttonBJ.cornerRadius = 3; buttonBJ.background = "magenta"; buttonBJ.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; buttonBJ.left = "50px"; buttonBJ.onPointerMoveObservable.add(function(){ textblock.text = "Click to Play BlackJack" }); buttonBJ.onPointerOutObservable.add(function() { textblock.text = ""; }); buttonBJ.onPointerUpObservable.add(function () { //// this.clickedButtonBJ = true; console.log("0.8"); }); advancedTexture.addControl(buttonBJ); var textblock = new TextBlock("textblock", ""); textblock.width = 0.2; textblock.height = "40px"; textblock.color = "White"; advancedTexture.addControl(textblock); } } Eis a questão, Se eu removo as duas linhas: scene; clickButtonBJ; o código roda e eu consigo acessar o site... no entanto, não carrega na página a titleImage e nem a musica. Alguém pode me ajudar? Obrigado. -
Olá, estou quebrando a cabeça para criar um script para gerar uma imagem com o horario atual "horas & minutos" porem o resultado tem que ser em imagem para ser processada no programa ao qual vou utilizada. é uma imagem que a cada minuto se atualiza com as informações. segue exemplo do que estou planejando: https://painel.leveljogos.com/beta/banner/tumb.php?height=266&clima=0att; Lupe
-
Programa Javascript que some todos os divisores de um número
Enzo78 postou um tópico no fórum Javascript
Olá queria saber como posso fazer um progama no Javascript que eu entre com um numero inteiro e ele some todos os divisores q esse número possuí, de preferência usando o Function -
Meu problema está no botão "Baixar", preciso fazer download do link, ou abrir a pagina em nova guia. <div class="modal-body"> <div> //input com o link. <input type="text" class="mb-5 form-control" id="linkIn" readonly> //script resposável por selecionar o link do input <script> function copiar() { $('#linkIn').select(); document.execCommand("copy"); } </script> //botão para copiar o link do input <button type="button" class="btn btn-primary" onclick="copiar()">Copiar</button> //script resposável por selecionar o link do input <script> function download(){ $('#linkIn').select(); document.execCommand("download"); } </script> //botão para copiar o link do input <button type="button" class="btn btn-secondary" onclick="download()">Baixar</button> </div> </div> Abaixo é o script com todas as funções da página. <script> $("#obterLinkdaLista").on('hidden.bs.modal', function (e) { $(".select-users").empty(); }); function obterListaUsuarios(id) { $('#idLista').val(id); $.ajax({ type: "POST", url: "controles/obter-lista-usuarios.php", data: {id: id}, dataType:"json", success: function(data) { var $select = $('<select/>', { 'class':"selectpicker", 'title':"Usuário...", 'name': "idUsuario" }); for (j=0; j < data.length; j++) { $select.append('<option value=' + data[j].id_usuario + '>' + data[j].nome_usuario + '</option>'); } $select.appendTo('.select-users').selectpicker('refresh'); } }); $('#obterLinkdaLista').modal(); } function listaGlobal() { $('#cadastro').modal('hide'); $('#cadastroGlobal').modal(); } function removerConfirma(id,nome) { $('#remover-conteudo').html('<div class="alert alert-danger" role="alert"><strong> Remover </strong>' + nome + '?</div><button onclick="remover(' + id + ')" type="submit" class="btn btn-danger float-right">Remover</button>'); $('#remover').modal(); } function editarGlobalConfirma(id,nome, lista) { $('#idGE').val(id); $('#nomeGE').val(nome); $('#nomeGE').val(nome); $('#categoriaGE').val(lista); $('#categoriaGE').selectpicker('render'); $('#editarGlobal').modal(); } function remover(id) { $.ajax({ type: "POST", url: "controles/remover-lista.php", data: {id: id}, success: function(data) { location.reload(); } }); } $( "#cadastro-form-global" ).submit(function( event ) { $.ajax({ type: "POST", url: "controles/adicionar-lista-global.php", data: $("#cadastro-form-global").serialize(), success: function(data) { location.reload(); }, error: function(data) { resultado(data.responseText); } }); event.preventDefault(); }); $( "#editar-form-global" ).submit(function( event ) { $.ajax({ type: "POST", url: "controles/editar-lista-global.php", data: $("#editar-form-global").serialize(), success: function(data) { location.reload(); }, error: function(data) { resultado(data.responseText); } }); event.preventDefault(); }); $( "#formObterLinkdaLista" ).submit(function( event ) { $.ajax({ type: "POST", url: "controles/obter-link-lista.php", data: $("#formObterLinkdaLista").serialize(), success: function(data) { $('#linkIn').val(data); $('#obterLinkdaLista').modal('hide'); $('#linkLista').modal(); } }); event.preventDefault(); }); function copiar() { $('#linkIn').select(); document.execCommand("copy"); } </script>
-
Boa noite Pessoal, Sou novo no mundo JS. Preciso de um help para fazer um combobox dinamico. Coisa bem simples. Utilizo Javascript no oracle. Se alguem puder me ajudar. Att,
-
Boa noite, alguém sabe qual comando que posso ter na minha página para que ele feche ... eu preciso que ele feche um navegador no celular? normalmente o comando abaixo fecha a página : <script> window.close(); </script> mas em navegadores firefox,chrome no android não fecha... alguém sabe ql comando posso usar ... pode ser fechando a aba dele ou "todo o navegador".. pq estou usando um sistema de qr code que direciona para um link...mas após uns 20 carregamentos de link.. ele trava,presumo que seja pq tem muitas abas abertas do navegador... meu sistema é tipo uma máquina de estacionamento,em q a pessoa coloca o qr code e ele registra a entrada,mas depois ele trava,então se eu tivesse um comando de fechar a pagina do navegador do android após inserir o registro no banco de dados,resolveria meu problema...
-
Pessoal gravei esse tutorial de Gastby.js, espero que gostem:
-
Bom dia, utilizo um sistema de auto complete que funciona quase que perfeitamente, porque quase, se eu tenho 10 Marias cadastradas o autocomplete só inicia após eu colocar uma letra do segundo nome e ou sobrenome, tipo : se eu escrever Maria somente, não aparece opções na lista; agora se eu escrever Maria A - ja começa a aparecer opções na lista; tem como iniciar as opções após uma terceira letra digitada ? segue o código que utilixo. form <label class="field"> <input type="text" name="nomec" id="nomec" class="gui-input"> <input type="hidden" name="idc" id="idc"> </label> ajax $( "#nomec" ).autocomplete({ source: function( request, response ) { $.ajax({ url: "../lista/autocli.php", type: 'post', dataType: "json", data: { search: request.term }, success: function( data ) { response( data ); } }); }, select: function (event, ui) { $('#nomec').val(ui.item.label); $('#idc').val(ui.item.value); return false; } }); autocli.php require_once('config.php'); if(isset($_POST['search'])){ $search = $_POST['search']; $query = "SELECT DISTINCT nomec AS nomec, idc FROM cli WHERE nomec like'%".$search."%'"; $result = mysqli_query($con,$query); $response = array(); while($row = mysqli_fetch_array($result) ){ $response[] = array("value"=>$row['idc'],"label"=>$row['nomec']); } echo json_encode($response); } exit; desde já agradeço.
-
Senhores(a), por favor, alguém consegue me ajudar a entender como posso fazer para colocar o conteúdo abaixo, dentro de uma DIV, separando ou criando como se fosse uma tabela com o campo HostGroup e Licenças? {"GFUnificado":14,"APIGateway":22,"OSBSegregado1":202,"Portal":14,"OAM":30,"MicroServicos":68,"Loja":58.5,"60-Lojas":46,"-Callcenter":37,"360-Dealers":24,"SOAMecsol":30,"MeuEmpresas":40,"OSBFarm4":89,"Prisma":8,"EricssonRevenueManager":50.75,"N":80,"Atl":10,"OSBEAI":2,"Next":208.5} Segue meu código: <!DOCTYPE html> <html lang="pt-br"> <title>API Management</title> <head> <meta charset="8"> </head> <body> <script> var urlapi = 'http://xxxxx.xxxx; function fazerRequisicao(){ var url = urlapi + document.getElementById('hostgroup').value; //var url = urlapi; var xhttp = new XMLHttpRequest(); xhttp.open("GET", url, false); xhttp.send(); var obj = JSON.parse(xhttp.responseText); var data_map = new Map(); var index = 0; for (i = 0; i < obj.length; i++) { if(data_map.has(obj[i].hostGroup.name)) { data_map.set(obj[i].hostGroup.name, data_map.get(obj[i].hostGroup.name) + +obj[i].consumedHostUnits); } else { data_map.set(obj[i].hostGroup.name, +obj[i].consumedHostUnits); } } const objConverted = Object.fromEntries(data_map); var myJSON = JSON.stringify(objConverted); document.getElementById("div-responsetext").innerHTML = myJSON; } var len = myJSON.hostGroup.name.length, aryHostGroup = []; </script> <button onclick="fazerRequisicao();">Pesquisar</button> <input type="text" id="hostgroup" style="width: 100px;"> <hr/> <div id="div-responsetext"></div> </body> </html>
-
Boa noite habilitei meu required, para quando o campo B da minha picklist estiver vazio ele não poder salvar, adicionei uma mensagem no meu Bean e já tentei requiredMessage e validatorMassage e nada , mas fica me retornando a mensagem padrão do richfaces do mesmo jeito, OBS: fora a mensagem padrão do richfaces ele me retorna o componente da form frEditForm:colunaCustomizada Erro de validação: o valor é necessário. Código: <h:outputLabel for="colunaCustomizada" value="#{messages.colunas_selecionadas}" /> <rich:pickList id="columnCustomization" value="#{defaultMBean.colunasSelecionadas}" var="colunas" sourceCaption="#{messages.colunasDisponiveis}" targetCaption="#{messages.selecionarColunas}" addAllText="#{messages.coluna_addall}" addText="#{messages.coluna_add}" removeAllText="#{messages.coluna_removeall}" removeText="#{messages.coluna_remove}" listHeight="310px" required="true" orderable="true" downText="" downBottomText="" upText="" upTopText="" itemClass="rf-pick-item"> <rich:message for="colunaCustomizada"> </rich:message> Ajax, JS.. <a4j:jsFunction name="validateRequiredFields" action="#{defaultMBean.validarCamposObrigatorios(nome, produto, dataFormato, colunaDataSelecionada)}" oncomplete="btnSaveClick()" reRender="pnlMenssagem"> <a4j:param name="param" assignTo="#{nome}"/> <a4j:param name="param1" assignTo="#{produto}"/> <a4j:param name="param2" assignTo="#{dataFormato}"/> <a4j:param name="param3" assignTo="#{colunaDataSelecionada}"/> </a4j:jsFunction> <script type="text/javascript" language="JavaScript"> /*<![CDATA[*/ initializeTemplatePickList(true); $("#ngEditForm\\:btnSave").bind('mousedown', function(event){ this.focus(); var array = assembleChanges(); saveChanges(array); validateRequiredFields( $("#frEditForm:\\:fldNome").val(), $("#frEditForm:\\:fldTipo option:selected").val(), $("#frEditForm:\\:fldDataFormato").val(), templateColumnPicklist.getcolunaDataSelecionada() ); }); function btnSaveClick() { if($('#pnlMenssagem').length == 0) { $("#ngEditForm\\:btnSalvar").click(); } }
-
Caros amigos, saudações... Estou com a seguinte dúvida. Tenho um Formulário em Codeigniter e tenho um Campo: Valor Unitário X Quantidade = Valor Total o Campo Valor Unitário é passado um Valor após uma pesquisa do produto, o campo está como disabled. o Campo Quantidade é informado a quantidade que deseja, esse campo é um INPUT. o Campo Valor Total é passado o resultado, o campo está como disabled. Anexei a imagem abaixo. Minha dúvida: como consigo capturar o Valor automaticamente do campo Valor Unitário, para realizar e multiplicação ? Grato, Cesar
-
Olá amigos, estava testando a API do PasteBin, estava na etapa de resgatar a chave do usuário, e quando faço a requisição, o XMLHttpRequest.status retorna o código 0, o que eu acho estranho... Aqui é o link da documentação da API do PasteBin: https://pastebin.com/api Bem, aqui vai meu código (com meus dados de login retirados, claro): var ajax = new XMLHttpRequest(); ajax.open("POST", "https://pastebin.com/api/api_login.php", true); ajax.setRequestHeader("encoding", "utf-8"); ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); ajax.send("api_dev_key=40e2994f5de3dcae28006cba01318634&api_user_name=MeuUsername&api_user_password=MinhaSenha"); ajax.onreadystatechange = function(){ if(ajax.readyState == 4 && ajax.status == 200){ var data = ajax.responseText; console.log(data); } else{ console.log("erro"); } } De antemão já agradeço a resposta!
-
Boa noite, estou desenvolvendo um sistema onde a tela de consulta esta dividida em três arquivos: 1 - PHP, onde ficam os dados. 2 - HTML, onde fica a visualização para os usuários. 3- JS, onde faz os REQUEST e RESPONSE entre o PHP e o HTML. Minha duvida é se eu posso tratar este código antes de fazer o response para o arquivo HTML? document.getElementById('dados').innerHTML = e.target.responseText; Pois o arquivo PHP tem informações que precisam ser enviadas para ID diferentes. Desde já agradeço a colaboração de todos.
-
Sou iniciante, aprendendo JS. Fiquei com dúvida sobre o funcionamento das referências externas. Coloquei funções no arquivo app.js e funcionam sem problemas. Mas os códigos dentro da tag <script> só funcionam no HTML. Se colocar no arquivo .js (sem as tags obviamente) não está funcionando. Alguém saberia me dizer por quê? Obrigado. <html> <head> <script src="app.js"></script> </head> <body> <p id="sentence" onmouseover="changeSize()" onmouseout="backToSize()">Testing app.js functions. They work!</p> <p id="result"></p> <script> var x = 20; var y = 30; var z = x + y; document.getElementById("result").innerHTML = "The result is " + z; </script> </body> </html>
-
Olá Caríssimos, Não tenho muito conhecimento de javascript, desde já agradeço se alguém puder me ajudar. Preciso criar uma página simples de validação por idade para acessar uma página, a ideia é simples: se a pessoa nasceu antes de 2002 redireciona a página meusite_com_br/maior mas se ela nasceu depois de 2002 redireciona a página meusite_com_br/menor Garimpando achei o código abaixo que fiz alguns ajustes, porém não sei como abrir as respectivas paginas meusite_com_br/menor ou meusite_com_br/maior como resultado, o resultado nesse caso são textos: "MENOR 18" : "MAIOR DE 18" <!DOCTYPE html> <html> <body> <CENTER> <h2>Validador de Idade</h2> <p>Digite o ano que você nasceu para acessar o site:</p> <input id="age" value="Ex: 1990" /> <br> <button onclick="myFunction()">ACESSAR SITE</button> <p id="demo"></p> <script> function myFunction() { var age, voteable; age = Number(document.getElementById("age").value); if (isNaN(age)) { voteable = "Você não inseriu um ano válido. <BR> Exemplo: 2020"; } else { voteable = (age > 2002) ? "MENOR 18" : "MAIOR DE 18"; } document.getElementById("demo").innerHTML = voteable; } </script> </CENTER> </body> </html> Novamente agradeço a ajuda! Luis
-
Caros amigos, saudações... Desculpa em recorrer aos amigos, mas estou com uma dúvida referente a SOMA total de uma coluna da TABELA. Abaixo postei o trecho onde alimento a Tabela via Javascript. os Campos(input) são passado dessa forma: ====[ qtde......: 3 ====[ vlrunit...: 1,01 ====[ vlrtotal..: 3,03 O Problema que estou me deparando é a Soma Total do Campo vlrtotal. $("#btn-agregar").on("click",function(){ //Recebe dados do Forumulário e Atualiza a Tabela var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotal = document.getElementById("vlrtotal").value; if(qtde == "" || vlrunit == "" || vlrtotal == ""){ alert("Atenção! Nenhuma QUANTIDADE ou VALOR foi informado."); } else { html = "<tr>"; html += "<td><input type='hidden' name='idProdutos[]' value='"+infoprd[0]+"'>"+infoprd[1]+"</td>"; html += "<td><input type='hidden' name='descricao[]' value='"+infoprd[2]+"'>"+infoprd[2]+"</td>"; html += "<td style='text-align:center;'>"+infoprd[3]+"</td>"; html += "<td style='text-align:center;'>"+qtde+"</td>"; html += "<td style='text-align:right;'>"+vlrunit+"</td>"; html += "<td style='text-align:right;'>"+vlrtotal+"</td>"; html += "<td style='text-align:center;'>"+ "<button type='button' class='btn btn-danger btn-remove-produto' style='padding: 2px 5px;' title='Remover Item da Lista'>"+ "<span class='fa fa-remove'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); sumar(); $("#btn-agregar").val(null); $("#descricao").val(null); $("#cod_interno").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); } }); O trecho do Código abaixo é a função para realizar a soma. function sumar(){ subtotal = 0; $("#tbventas tbody tr").each(function(){ subtotal = subtotal + Number($(this).find("td:eq(5)").text()); }); $("input[name=subtotal]").val(subtotal.toFixed(2)); } Infelizmente não consigo realizar a Soma do VlrTotal, o sistema mostra apenas NaN, ou apenas 0. Como consigo efetuar a soma correta no Formato MOEDA ? Grato, Cesar
-
fala rapaziada tudo bem? sabe me dizer se tem diferença de performance, de compatibilidade e etc e tal entre o jquery $(this).val() e o javascript puro this.value? tava tentando pesquisar aqui mas não achei nada sobre. grato
-
JavaScript "parseFloat" para exibir resultado... não quer funcionar
Alberto Nascimento postou um tópico no fórum Javascript
i("resultado").innerHTML = ((((parseFloat(c1) * parseFloat(c2)) + ... Quando migrei para o servidor 7.2 parou de funcionar -
css Tirar o zoom/ ampliação da tela com css
SaraAlcaras postou um tópico no fórum Desenvolvimento frontend
Olá galera! Estou criando um jogo da velha para coloca no meu portfólio, porem estou com um pequeno problema que não consigo resolver.. Quando o jogo finaliza a tela da uma ampliada/expandida no tamanho é quase imperceptível porem é algo que eu gostaria de mudar. Qual propriedade posso usar no css pra evitar que isso aconteça? Código CSS: :root{ --O-color: rgb(10, 177, 243); --X-color: rgb(253, 148, 148); --E-color: rgb(0, 0, 0); } * { margin: 0; padding:0; box-sizing: border-box; } body { display: grid; align-items: center; justify-content: center; font-family: grenze; height: 100vh; background-color: rgb(153, 153, 153); } .nextPlayer{ color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); } .players { color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); height: 55px; display: flex; flex-direction: column; justify-content: space-evenly; } .player{ display: flex; } .topo { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; margin-bottom: 20px; } .topo .players, .topo .nextPlayer { font-family: grenze; font-weight: bold; border-radius: 4px; } .title { font-size: 3rem; color: rgb(60, 62, 63); margin-bottom: 0; } .title2 { display: none; } .board { display: grid; grid-template-columns: repeat(3, 178px); grid-template-rows: repeat(3, 130px); gap: 1rem; cursor: pointer; } .board.game-over{ opacity: 0.10; } .cell { display: grid; align-items: center; justify-content: center; background-color: white; border-radius: 4px; font-size: 2rem; font-weight: bold; color: #00000066; } .cell:not(.O):not(.X):hover { box-sizing: 0 20px 25px -5px rgba(0, 0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0, 0.4); } .cell.O, .cell.X, .game-over .cell { cursor: not-allowed; } .cell.O { background-color: var(--O-color); } .cell.X { background-color: var(--X-color); } footer{ text-align: center; font-size: 30px; } .winner-message{ margin: 1rem; } .winner-message span.O{ color: var(--O-color); } .winner-message span.X{ color: var(--X-color); } .winner-message span.E{ color: var(--E-color); } button { padding: 0.9rem 1.5rem; border: none; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0, 0.6); background-color: rgb(68, 255, 146); color: white; font-size: 1.2rem; cursor: pointer; } @media only screen and (max-width: 767px) and (orientation:portrait) { body { width: 100%; text-align: justify; } .board{ grid-template-columns: repeat(3, 88px); grid-template-rows: repeat(3, 80px); -webkit-tap-highlight-color: transparent; } button { font-size: 10px; } .cell { border-radius: 3px; font-size: 1rem; } footer { font-size: 13px; } .title { font-size: 1.5rem; display: none; padding: 0.6em; /* transform: translateY(80%); */ } .title2 { display: flex; font-size: 1.5rem; padding: 0.6em; color: rgb(60, 62, 63); } .topo{ flex-direction: column; } .players { height: 65px; width: 95px; align-items: center; } .nextPlayer{ text-align: center; height: 22px; width: 118px; /* transform: translateY(-150%); */ } } @media only screen and (max-width: 767px) and (orientation:landscape) { body { width: 100%; text-align: justify; } .board { grid-template-columns: repeat(3, 60px); grid-template-rows: repeat(3, 60px); -webkit-tap-highlight-color: transparent; } footer { font-size: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } button { font-size: 0.5rem; } .title { font-size: 0.8rem; } .players{ height: 30px; width: 50px; align-items: center; font-size: 0.5rem; } .nextPlayer{ text-align: center; height: 14px; width: 60px; font-size: 0.5rem; } .cell { border-radius: 3px; font-size: 0.8rem; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { body { width: 100%; text-align: justify; } } -
Não consigo passar uma variável global pra fora da função no Javascript
rnicson postou um tópico no fórum Javascript
Boa tarde Estou com um problema para passar valores de uma variável dentro de uma função pra fora pois preciso usar em outro arquivo. Eu consegui passar os valores dela usando localStorage.setItem('lineCount) dentro da função e recuperando fora com getItem,mas isso não me serve pois está sendo criado cookies e quando eu retorno a fase do game para fazer novamente ele não me traz o valor novo e sim o anterior,a não ser que eu de um CTRL+R para limpar o cache. Tentei também criar o cookie e pegar após isso excluir usando removeItem mas parece que ele está excluindo antes de pegar com isso não me exibe valor nenhum. Eu preciso que o valor da variável seja lido de fora da função mas sempre está retornando undefined todos os valores de variáveis que estão dentro dessa função. Já tentei retirar o var,já tentei usar o window. Mas não funciona. BlocklyDialogs.congratulations = function() { var content = document.getElementById('dialogDone'); // Add the user's code. if (BlocklyGames.workspace) { var linesText = document.getElementById('dialogLinesText'); linesText.textContent = ''; // Line produces warning when compiling Puzzle since there is no JavaScript // generator. But this function is never called in Puzzle, so no matter. var code = Blockly.JavaScript.workspaceToCode(BlocklyGames.workspace); code = BlocklyInterface.stripCode(code); var noComments = code.replace(/\/\/[^\n]*/g, ''); // Inline comments. noComments = noComments.replace(/\/\*.*\*\//g, ''); /* Block comments. */ noComments = noComments.replace(/[ \t]+\n/g, '\n'); // Trailing spaces. noComments = noComments.replace(/\n+/g, '\n'); // Blank lines. noComments = noComments.trim(); var lineCount = noComments.split('\n').length; variavel_global = noComments.split('\n').length; var pre = document.getElementById('containerCode'); pre.textContent = code; if (typeof prettyPrintOne == 'function') { code = pre.innerHTML; code = prettyPrintOne(code, 'js'); pre.innerHTML = code; } if (lineCount == 1) { var text = BlocklyGames.getMsg('Games_linesOfCode1'); } else { var text = BlocklyGames.getMsg('Games_linesOfCode2') .replace('%1', String(lineCount)); } linesText.appendChild(document.createTextNode(text)); } if (BlocklyGames.LEVEL < BlocklyGames.MAX_LEVEL) { var text = BlocklyGames.getMsg('Games_nextLevel') .replace('%1', String(BlocklyGames.LEVEL + 1)); } else { var text = BlocklyGames.getMsg('Games_finalLevel'); } var cancel = document.getElementById('doneCancel'); cancel.addEventListener('click', BlocklyDialogs.hideDialog, true); cancel.addEventListener('touchend', BlocklyDialogs.hideDialog, true); var ok = document.getElementById('doneOk'); ok.addEventListener('click', BlocklyInterface.nextLevel, true); ok.addEventListener('touchend', BlocklyInterface.nextLevel, true); BlocklyDialogs.showDialog(content, null, false, true, style, function() { document.body.removeEventListener('keydown', BlocklyDialogs.congratulationsKeyDown, true); }); document.body.addEventListener('keydown', BlocklyDialogs.congratulationsKeyDown, true); document.getElementById('dialogDoneText').textContent = text; }; var line = variavel_global; -
i("calcula").onclick = function(){ Este comando depois que eu atualizei meu servidor para PHP 7.2 não quer mais funcionar.
-
Olá! Eu gostaria de remover o texto dos links utilizando javascript. <div id='social' class='social section'> <li><a href='http://instagram.com'>Facebook</a></li> <li><a href='http://facebook.com'>Facebook</a></li> </div> Não é possível remover o texto manualmente, pois estou falando da plataforma blogger, e por padrão ele insere o texto. Eu gostaria que ficasse apenas: <div id='social' class='social section'> <li><a href='http://instagram.com'></a></li> <li><a href='http://facebook.com'></a></li> </div> Obrigada.
-
Olá boa tarde, tudo bem? Tenho uma consulta de CEP via AJAX, na qual ele seleciona a cidade no SELECT cidades: $("#cidade").val(dados.localidade); O problema é que tem que estar exatamente igual nos 2 lados, na consulta e no select. Como fazer para não diferenciar minúsculas e maiúsculas, e caracteres especiais? Obrigado!
-
Olá tudo bem? Tenho campos de produtos que somam os valores e multiplicam pela quantidade, na maioria das vezes o valor sai corretamente em um INPUT com MASK de Moeda, mas alguns valores sai por exemplo dessa forma: 8984.960000000001 O que faz com que não fique corretamente para mandar no POST e tratar os dados depois, na maioria das vezes ele vem correto, por exemplo: R$ 8,898.10 Não encontrei uma forma dele tratar quando tiver várias casas ele concertar etc.
.thumb.jpg.62d3082d00f160528d91e0723e7168ad.jpg)
