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

  1. 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
  2. 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()); }
  3. 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>
  4. 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>
  5. 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.
  6. 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>
  7. 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.
  8. 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
  9. 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
  10. 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>
  11. Artes Ussler

    Editar registro com menu select

    Boa tarde Achei um código na web que permite definir quais itens que aparecem em um menu select através do que é selecionado em outro menu select. Seria como na imagem: Eis o código completo e funcionando: <form method="post" action=""> <select name="categoria" id="sel1" onchange="giveSelection(this.value)"> <option value="1">Item 1</option> <option value="2">Item 2</option> <option value="3">Item 3</option> </select> <select name="subcategoria" id="sel2"> <option data-option="1" value="1">Subitem 1</option> <option data-option="1" value="2">Subitem 2</option> <option data-option="2" value="3">Subitem 3</option> <option data-option="2" value="4">Subitem 4</option> <option data-option="3" value="5">Subitem 5</option> <option data-option="3" value="6">Subitem 6</option> </select> </form> <script type="text/javascript"> var sel1 = document.querySelector('#sel1'); var sel2 = document.querySelector('#sel2'); var options2 = sel2.querySelectorAll('option'); function giveSelection(selValue) { sel2.innerHTML = ''; for (var i = 0; i < options2.length; i++) { if (options2[i].dataset.option === selValue) { sel2.appendChild(options2[i]); } } } giveSelection(sel1.value); </script> Testei este código em um sistema de cadastro de produtos, e funciona muito bem. Esse sistema também possui uma página para a edição dos dados destes produtos, e é aí que surgiu o problema. Ao abrir a página de edição, eu uso esse mesmo código select , mas acrescento nele selected="selected" para então exibir o item correspondente ao produto editado. O problema está no segundo select, que ao invés de imediatamente mostrar o subitem correspondente ao que está marcado no primeiro select, ele mostra sempre o último subitem da lista. Não sei se conseguiram entender tudo isso, mas se alguém puder ajudar, fico grato.
  12. 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,
  13. 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...
  14. Thiago Franchin

    Gatsby.js Tutorial

    Pessoal gravei esse tutorial de Gastby.js, espero que gostem:
  15. 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.
  16. 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>
  17. 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(); } }
  18. 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
  19. 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!
  20. 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.
  21. 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>
  22. binds

    Validador por Idade

    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
  23. 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
  24. marsolim

    $(this).val() versus this.value

    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
  25. i("resultado").innerHTML = ((((parseFloat(c1) * parseFloat(c2)) + ... Quando migrei para o servidor 7.2 parou de funcionar
×

Important Information

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