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 2446 results

  1. Estou fazendo minha primeira grande aplicação em react, e estou com um problema onde TODOS meus componentes estão sendo renderizados desnecessariamente, causando trava na UI por 1 ou 2 segundos. Tenho 2 grandes problemas no momento: 1. Estou renderizando uma lista com varios componentes, essa lista possui um checkbox individual e um checkbox geral para selecionar a lista inteira. Ao selecionar a lista inteira, vejo que a ui trava por um tempo (nesse tempo ela esta renderiznado todos os componentes novamente) 2. Ao buscar mais itens para a lista, a UI tambe trava por um tempo, acredito que ele esteja renderizando novamente os componentes da lista que ja estavam renderizados, mais os novos itens que foram buscados. Eu estou usando a context API para fazer algumas chamadas HTTP e buscar todas as informações que preciso, e salvando elas em um estado. Depois estou iterando esse estado para renderiar as informações. Quando busco mais itens para a lista, estou dando um push nesse array de estado ja existente. Dentro do meu componente de lista, estou usando useMemo para tentar bloquear essas renderizações desnecessárias, porém não parece estar funcionando. ```javascript const memoizedCardBaseInfo = useMemo(() => { return ( <CatalogCardBaseInfo response={response} tags={tags} checkCard={checkCard} checkedAll={checkedAll} singleChecked={singleChecked} setSingleChecked={setSingleChecked} setCheckedAll={setCheckedAll} indexRef={indexRef} /> ); }, [singleChecked, checkedAll]); const memoizedCatalogChartGroup = useMemo(() => <CatalogCardChartGroup response={response} />, [response]); const memoizedCatalogCardMktpExpd = useMemo(() => <CatalogCardMktpExpd response={response} />, [response]); ``` O que estou fazendo de errado aqui ? Como faço para bloquear renderizações desnecessárias ?
  2. Estou utilizando a Autocomplete do w3schools, porem surgiu a necessidade de buscar por aproximação Exemplo Se digito bar ele me retorna Barbados Porem, necessito que alem de retornar Barbados ele também me retorne Antigua & Barbuda pois aqui tambem contem as letras bar Existe alguma forma de adaptar este codigo para que funcione assim ?
  3. Pessoal, bom dia! Estou iniciando no JS e quero automatizar algumas ações realizadas por humanos. Uma delas, preciso acessar um site e fazer o download de arquivo, porém, neste site especifico, não estou conseguindo passar da tela de login. Estou testando essa parte no console do browser mesmo: var username = window.document.getElementById("username") undefined var password = window.document.getElementById("password") undefined var signin = window.document.querySelector(".splButton-primary.btn") undefined username.value = "usuariovalue" "usuariovalue" password.value = "passwordvalue" "password value" signin.click() Mas quando eu disparo o click, da usuário e senha errada e no console da a seguinte mensagem: POST https://siteexemple/en-US/account/login 401 (Unauthorized) common.js:27 Se eu digito o usuário e senha na mão e uso o console apenas para clicar no botão, ele acessa normalmente. Segue abaixo, bloco HTML do site: <form method="post" class="loginForm" action="/en-US/account/login"> <div style="display: none" data-cid="view200" class="account-login-firsttime" data-view="views/account/login/FirstTime" data-render-time="0"> <h2>First time signing in?</h2> <p>If you've forgotten your username or password, please contact your Splunk administrator.</p> <table> <tbody><tr> <td>username</td> <td>admin</td> </tr> <tr> <td>password</td> <td>changeme</td> </tr> </tbody> </table> </div> <fieldset> <div class="control account-login-textcontrol control-default" data-cid="view197" data-view="views/account/login/TextControl" data-name="username" data-render-time="0"> <span class="uneditable-input " data-role="uneditable-input" style="display:none"></span> <input type="text" name="username" class=" " value="" autocomplete="off" id="username" placeholder="Username"> </div> <div class="control account-login-textcontrol control-default" data-cid="view199" data-view="views/account/login/TextControl" data-name="password" data-render-time="0"> <span class="uneditable-input " data-role="uneditable-input" style="display:none"></span> <input type="password" name="password" class=" " value="" autocomplete="off" id="password" placeholder="Password"> </div><input class="splButton-primary btn" type="submit" value="Sign in"> <input type="hidden" name="cval" value="1900007162"> <input type="hidden" name="return_to" value="/en-US/"> </fieldset> </form> Conseguem me ajudar? Estou iniciando no JS. Agradeço, desde já!
  4. mbs.dev

    Collapse no arquivo jsx

    Bom estou fazendo um collapse porem ele esta show/hide todos os elementos, quando eu clico em sensores chief ele abre todos os sensores chief era para ser apenas aquelas sensores chief q pertence aquele gateway. como eu poderia fazer para mostra/esconder apenas naqueles certo. tela: assim esta montado minha função: butão: é coloquei aki:
  5. EnigmaOficial

    Node.Js var JavaScript

    Uma pergunta quando faço e var por q o meu resultado esta juntando com a escrita exemplo no Node.Js var s = "JavaScript" "Eu estou estudando" + s resultado e 'Eu estou estudandoJavaScript' Por favor me ajudem com esse erro so iniciante em JavaScript mais não sei por q esta acontecendo esse erro (Uma pergunta quando faço e var por q o meu resultado esta juntando com a escrita exemplo no Node.Js var s = "JavaScript" "Eu estou estudando" + s resultado e 'Eu estou estudandoJavaScript')
  6. Gustavo Menezes

    Dúvida em DOM id Property

    Bom Dia amigos, duvidas nesse script... id em <a class="page-scroll" e resposta para <input type="text" mas o valor de resposta esta em outra <div class="container" É aqui que me gera a duvida get no caso o document.getElementById("acao") que vai esta apontando la na <a class="page-scroll" vai me retorna com valor $( "resposta").val( text ); segue abaixo todo o script em que ponto errei $( "a" ).click(function() { var text = $( this ).text(); document.getElementById("acao").id = "01"; $( "resposta").val( text ); tenho uma duvida em fazer para ele me retorna esse valor na <input type="text" que no caso recebo do script e me da o valor $( "resposta").val( text ); help ai ✌
  7. Boa noite amigos, tudo bem? Estou montando um site com materialize, inseri um carousel-slider porem ele nao da autoplay, alguem sabe me dizer qual o problema? segue meu codigo para detalhar <!DOCTYPE html> <html lang="pt-BR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" /> <title>Lab Ingressos - Sua Melhor Experiência em Entretenimento</title> <!-- CSS --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" /> <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" /> <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script> </head> <body class="grey lighten-4"> <?php include_once 'inc/menu_nav.php';?> <div class="tabs-content carousel carousel-slider"> <a class="carousel-item" href="#one!"><img src="img/img1.jpg"></a> <a class="carousel-item" href="#two!"><img src="img/logo_LAB_full.png"></a> <a class="carousel-item" href="#three!"><img src="img/img2.jpg"></a> </div> (function ($) { $(function () { $(".sidenav").sidenav(); $('.carousel.carousel-slider').carousel({ fullWidth: true, duration: 200, }); $(".collapsible").collapsible(); $("#textarea1").val(""); M.textareaAutoResize($("#textarea1")); $(document).ready(function () { $("select").formSelect(); }); }); // end of document ready\ })(jQuery); // end of jQuery name space
  8. Estou utilizando rich faces e seu componente JQuery, para realizar formatação de campos decimais, estou utilizando o maskMoney e atribui uma precisão de 3 casas no meu input text, e tenho um campo disabled que é booleano, ele é acionado caso tenha mais coisas associadas a outro item no form abaixo, mesmo sabendo que a função disabled é apenas vísivel ela não faz nada de diferente, quando a minha função disabled é acionada tem como eu tirar as casas decimais dela. Fiz dessa forma abaixo: <f:facet name="header"> <h:outputLabel value="#{messages.conversion}"/> </f:facet> <h:inputText id="fldConversion" value="#{row.vlConversion}" label="#{messages.conversion}" maxLength="25" disabled="#{defaultMBean.canDisabledConversion(row)}"> <a4j:ajax event="change" immediate="true" render="@all, partnerItem, dataModel"/> <f:converter converterId="javax.faces.BigDecimal"/> <f:validateLength maximum="30" /> </h:outputText> <rich:jQuery selector="#fldConversion" query="maskMoney({decimal:''.'',allowNegative:false, showSymbol:false, thousands: '''',precision: 3})"/> E criei esse método para quando estiver desativado o campo: public BigDecimal canDisableConversionE(TypeDTO row) { BigDecimal r = row.getConversionValue().setScale(0, RoundingMode.HALF_EVEN); System.out.println(r); return r; } public Boolean canDisableConversion(TypeDTO row) { if (row.getId() == 1L && !canDisableConversionE()) { return false; } if (IsWeight(row.getId())) { return true; } return getConfigFacade().canDisableConversionE(row.getConversionValue()); }
  9. Preciso de ajuda com infowindow para polygonos multiplos está abrindo popup em todos com nome do ultimo lançamento somente, não estou dando conta em java, alguém se habilita? <?php include 'export_xml.php'; ?> <html> <head> <meta charset='utf-8' /> <title>Google Maps: Storing Polygons in database</title> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDao9cuBBnlx14GWyG8ZnfZ1WjHj9oa6DA&callback=initMap"></script> <script> function initialize() { var mapOptions = { zoom: 14, center: new google.maps.LatLng(-22.247791, -53.348142), mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var arr = new Array(); var polygons = []; var bounds = new google.maps.LatLngBounds(); var xml = xmlParse(xmlString); var subdivision = xml.getElementsByTagName("subdivision"); for (var i = 0; i < subdivision.length; i++) { arr = []; html = []; var name = xml.documentElement.getElementsByTagName("subdivision").getAttribute("name"); var address = xml.documentElement.getElementsByTagName("subdivision").getAttribute("address"); var html = "<b>" + name + "</b> <br/>" + address + "<br><a href=# target=_blank>Clique aqui"; //Tentando pegar dados dos polygons individuais var coordinates = xml.documentElement.getElementsByTagName("subdivision").getElementsByTagName("coord"); for (var j = 0; j < coordinates.length; j++) { arr.push(new google.maps.LatLng( parseFloat(coordinates[j].getAttribute("lat")), parseFloat(coordinates[j].getAttribute("lng")) )); bounds.extend(arr[arr.length - 1]) } polygons.push(new google.maps.Polygon({ paths: arr, title: html, strokeColor: '#FF0000', strokeOpacity: 0.8, strokeWeight: 2, fillColor: '#FF0000', fillOpacity: 0.35 })); polygons[polygons.length - 1].setMap(map); var infowindow = new google.maps.InfoWindow({ content: html // Tentando pegar dados dos polygons individuais }); google.maps.event.addListener(polygons[polygons.length - 1], 'click', function(event) { infowindow.open(map); infowindow.setPosition(event.latLng); }); } // }); map.fitBounds(bounds); } var xmlString = '<?php echo $textolinha; ?>'; /** * Parses the given XML string and returns the parsed document in a * DOM data structure. This function will return an empty DOM node if * XML parsing is not supported in this browser. * @param {string} str XML string. * @return {Element|Document} DOM. */ function xmlParse(str) { if (typeof ActiveXObject != 'undefined' && typeof GetObject != 'undefined') { var doc = new ActiveXObject('Microsoft.XMLDOM'); doc.loadXML(str); return doc; } if (typeof DOMParser != 'undefined') { return (new DOMParser()).parseFromString(str, 'text/xml'); } return createElement('div', null); } google.maps.event.addDomListener(window, 'load', initialize); </script> <style> #map-canvas, body, html { height: 100%; width: 100%; } </style> </head> <body> <div id="map-canvas"></div> </body> </html> O include export_xml.php: Saida do xml <subdivisions> <subdivision name="teste1" address="0" > <coord lat="-22.246906181604235" lng="-53.343656079469014" /> <coord lat="-22.246160343589366" lng="-53.34298025442864" /> <coord lat="-22.246612168987966" lng="-53.34231238438393" /> <coord lat="-22.24577306351632" lng="-53.34163110329415" /> <coord lat="-22.246309297178513" lng="-53.34088544918801" /> <coord lat="-22.24709286679633" lng="-53.34152917935158" /> <coord lat="-22.247917069182467" lng="-53.342210460441365" /> <coord lat="-22.24876923872473" lng="-53.34288149840766" /> <coord lat="-22.248292595053044" lng="-53.343581554960544" /> <coord lat="-22.247442990211773" lng="-53.34287048089961" /> </subdivision> <subdivision name="teste2" address="0" > <coord lat="-22.24744605203327" lng="-53.3428707695716" /> <coord lat="-22.24664667240292" lng="-53.34224581487113" /> <coord lat="-22.24714566457059" lng="-53.341564533781344" /> <coord lat="-22.247922698585814" lng="-53.342200217317874" /> </subdivision> </subdivisions>
  10. Tenho um grafico que eu peguei na internet e pretendo usar no meu site. A unica duvida que eu tenho é como mudar os valores que vem nele por exemplo os números que vem na parte de baixo dele. Os números que eu gostaria de colocar são os 40, 80, 120, 160 e 200 mas não sei como fazer. Código do gráfico abaixo: <!DOCTYPE html> <html lang="pt-br"> <body> <h1>My Web Page</h1> <div id="piechart"></div> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Load google charts google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); // Draw the chart and set the chart values function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Competencia 1', 40], ['Competencia 2', 80], ['Competencia 3', 120], ['Competencia 4', 160], ['Competencia 5', 200] ]); // Optional; add a title and set the width and height of the chart var options = {'title':'My Average Day', 'width':550, 'height':400}; // Display the chart inside the <div> element with id="piechart" var chart = new google.visualization.BarChart(document.getElementById('piechart')); chart.draw(data, options); } </script> </body> </html>
  11. Bom dia, Eu to fazendo um projeto onde preciso ir adicionando eventos. Quando eu adiciono dois ou mas do primeiro setor selecionado da tudo certo. Mas quando removo e altero o setor, o select vem duplicado e os eventos vem duplicado também. Depois de remover e trocar o setor e adicionar novos eventos. --- popular a primeira aba que ja vem na pagina. $(function(){ $('#setor').change(function(){ if( $(this).val() ) { $('#evento').slideUp(); $.getJSON('function_setor.php?search=',{setor: $(this).val(), ajax: 'true'}, function(j){ var options = '<option value="">Escolha Evento</option>'; for (var i = 0; i < j.length; i++) { options += '<option value="'+j.id+'">'+j.desc+'</option>'; } $('#evento').html(options).slideDown(); }); } else { $('#evento').html('<option value="">Escolha Evento</option>'); } }); }); ---poupula as option dos select quando adiciono novo evento. $('#setor').blur(function(){ var sector = $(this).val(); $("#add").click(function(event) { cont ++; $("#new_add").append('<div class="row" id="campo'+cont+'"><div class="col"><div class="row"><div class="col"><button type="button" id="'+cont+'" class="btn btn-outline-secondary tamanho">-</button></div><div class="col"><select class="custom-select" id="evento'+cont+'" name="evento[]" tabindex="2"><option value="">Escolha Evento</option></select></div></div></div><div class="col"><textarea class="form-control" name="relato[]" id="relato'+cont+'" tabindex="3" placeholder="DESCRIÇÃO DO ACONTECIMENTO" required></textarea></div></div>'); $.getJSON('function_setor.php?search=',{setor: sector, ajax: 'true'}, function(j){ for (var i = 0; i < j.length; i++) { $("#evento"+cont+"").append('<option value="'+j.id+'">'+j.desc+'</option>'); } console.log(j); }); }); }); se puder me ajudar com esse problema que so ocorre quando eu troco o setor.
  12. 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>
  13. 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.
  14. lupe

    Imagem com relógio variável

    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
  15. 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
  16. Dinho Nunes LC

    Botão de Download em Javascript

    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>
  17. diogo.camargo

    Combobox dinamico.

    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,
  18. paulaodaregulage

    fechar navegador do celular (android)

    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...
  19. Thiago Franchin

    Gatsby.js Tutorial

    Pessoal gravei esse tutorial de Gastby.js, espero que gostem:
  20. 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.
  21. Rodrigo Biaggio

    Ajuda - Array na DIV

    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>
  22. Luiz Henrique de Sousa

    JSF - Richefaces

    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(); } }
  23. 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
  24. 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!
  25. juniorcunhati

    Request - Response

    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.
×

Important Information

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