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

  • Bem-vindos ao Portugal-a-Programar
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
  • Comunidade a Trabalhar
    • Wiki P@P
    • Apresentação de Projectos de Programação
    • Downloads
  • Revista PROGRAMAR
    • Revista PROGRAMAR
  • Desenvolvimento Geral
    • C
    • C++
    • Java
    • Haskell
    • Pascal
    • Python
    • Bases de Dados
    • Dispositivos Móveis
    • Outras Linguagens
  • Desenvolvimento Orientado para Web
    • PHP
    • HTML
    • CSS
    • Javascript
    • Outras Linguagens de WebDevelopment
    • Desenvolvimento Web
  • Desenvolvimento .NET
    • C#
    • Visual Basic .NET
    • ASP.NET
    • WPF & SilverLight
  • Software e Sistemas Operativos
    • Software de Produtividade
    • Sistemas Operativos
    • Apresentação de Software
  • Informática
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica
    • Automação Industrial
    • Matemática
    • Dúvidas e Discussão de Programação
    • Notícias de Tecnologia
  • Outras Áreas
    • Dúvidas Gerais
    • Discussão Geral
    • Eventos
    • Anúncios de Emprego
    • Tutoriais
    • Snippets / Armazém de Código
  • Arquivo Morto
    • Projectos Descontinuados
    • System Empires

Blogs

  • Blog dos Moderadores
  • Eventos
  • Notícias de Tecnologia
  • Blog do Staff
  • Revista PROGRAMAR
  • Projectos
  • Wiki

Categories

  • Revista PROGRAMAR
  • Tutoriais
  • Textos Académicos
  • Exercícios Académicos
    • Exercícios c/ Solução
    • Exercícios s/ Solução
  • Bibliotecas e Aplicações
  • Outros

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 1,992 results

  1. Boa tarde, Há alguma forma de ler o cartão de cidadão e enviar essa informação em json para BE? Ou seja, uma aplicação FE (em angular/react) ter um icon "Ler cartão de cidadão" e fazer load dos dados e depois "Criar cliente" e enviar a informação lida para o BE. Cumprimentos, Mr. Rick
  2. tive este dois erros: <br /> <b>Notice</b>: Undefined offset: 0 in <b>C:\xampp\htdocs\proc_pesq_user.php</b> on line <b>47</b><br /> <br /> <b>Warning</b>: mysqli_fetch_array() expects parameter 1 to be mysqli_result, bool given in <b>C:\xampp\htdocs\proc_pesq_user.php</b> on line <b>52</b><br /> {"draw":1,"recordsTotal":2,"recordsFiltered":2,"data":[]} <?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "gl"; $conn = mysqli_connect($servername, $username, $password, $dbname); //Receber a requisão da pesquisa $requestData= $_REQUEST; //Indice da coluna na tabela visualizar resultado => nome da coluna no banco de dados $columns = array( 1 => 'nome', 2 => 'nif', 3 => 'morada', 4 => 'contacto1', 5 => 'contacto2', 6 => 'contacto3', 7 => 'email', 8 => 'codigo_postal' ); //Obtendo registros de número total sem qualquer pesquisa $result_user = "SELECT nome, nif, morada, contacto1, contacto2, contacto3, email, codigo_postal FROM cliente"; $resultado_user =mysqli_query($conn, $result_user); $qnt_linhas = mysqli_num_rows($resultado_user); //Obter os dados a serem apresentados $result_users = "SELECT nome, nif, morada, contacto1, contacto2, contacto3, email, codigo_postal FROM cliente WHERE 1=1"; if( !empty($requestData['search']['value']) ) { // se houver um parâmetro de pesquisa, $requestData['search']['value'] contém o parâmetro de pesquisa $result_users.=" AND ( nome LIKE '".$requestData['search']['value']."%' "; $result_users.=" OR nif LIKE '".$requestData['search']['value']."%' "; $result_users.=" OR (morada LIKE '".$requestData['search']['value']."%' )"; $result_users.=" OR (contacto1 LIKE '".$requestData['search']['value']."%' )"; $result_users.=" OR (contacto2 LIKE '".$requestData['search']['value']."%' )"; $result_users.=" OR (contacto3 LIKE '".$requestData['search']['value']."%' )"; $result_users.=" OR (email LIKE '".$requestData['search']['value']."%' )"; $result_users.=" OR codigo_postal LIKE '".$requestData['search']['value']."%' )"; } $resultado_users=mysqli_query($conn, $result_users); $totalFiltered = mysqli_num_rows($resultado_users); //Ordenar o resultado $result_users.=" ORDER BY ". $columns[$requestData['order'][0]['column']]." ".$requestData['order'][0]['dir']." LIMIT ".$requestData['start']." ,".$requestData['length']." "; $resultado_users=mysqli_query($conn, $result_users); // Ler e criar o array de dados $dados = array(); while( $row_users = mysqli_fetch_array($resultado_users) ) { $dado = array(); $dado[] = $row_users["nome"]; $dado[] = $row_users["nif"]; $dado[] = $row_users["morada"]; $dado[] = $row_users["contacto1"]; $dado[] = $row_users["contacto2"]; $dado[] = $row_users["contacto3"]; $dado[] = $row_users["email"]; $dado[] = $row_users["codigo_postal"]; $dados[] = $dado; } //Cria o array de informações a serem retornadas para o Javascript $json_data = array( "draw" => intval( $requestData['draw'] ),//para cada requisição é enviado um número como parâmetro "recordsTotal" => intval( $qnt_linhas ), //Quantidade de registros que há no banco de dados "recordsFiltered" => intval( $totalFiltered ), //Total de registros quando houver pesquisa "data" => $dados //Array de dados completo dos dados retornados da tabela ); echo json_encode($json_data); //enviar dados como formato json
  3. miguel_macedo

    Erros quando retrocedo

    Bom Dia Quando clico no botão reservar do formulário, os erros aparecem no site.! No entanto quando clico numa foto da galeria ( que tenho em baixo do formulário ) e retrocedo os erros parecem novamente. Como é que faço para que os erros só apareçam quando clico no botão da reserva ? Aguardo Resposta <section class="section section_reservation mt-5" id="reservation"> <div class="container"> <div class="row"> <div class="col"> <h2 class="text-center">Reserva Online</h2> </div> </div> <div class="row justify-content-lg-center section_reservation__row"> <div class="col-lg-8"> <form class="section_reservation__form" method="post"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="sr-only">Nome Completo</label> <input type="text" class="form-control" name="name" placeholder="Nome Completo" value="<?= isset($name) ? $name : ""?>"> </div> <div class="form-group"> <label class="sr-only">Telemóvel</label> <input type="tel" class="form-control" name="tel" placeholder="Telemóvel" maxlength="9" value="<?= isset($tel) ? $tel : ""?>"> </div> <div class="form-group"> <label class="sr-only">E-mail</label> <input type="email" class="form-control" name="email" placeholder="E-mail" value="<?= isset($email) ? $email : ""?>"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="sr-only">Pessoas</label> <select class="form-control" name="people"> <option value="" >Selecione</option> <option value="1" <?= isset($people) && $people == 1 ? "selected" : ""?>>1 pessoa</option> <option value="2" <?= isset($people) && $people == 2 ? "selected" : ""?>>2 pessoas</option> <option value="3" <?= isset($people) && $people == 3 ? "selected" : ""?>>3 pessoas</option> <option value="4" <?= isset($people) && $people == 4 ? "selected" : ""?>>4 pessoas</option> <option value="5" <?= isset($people) && $people == 5 ? "selected" : ""?>>5 pessoas</option> </select> </div> <div class="form-group"> <label class="sr-only">Data</label> <input type="date" class="form-control" name="date" value="<?= isset($date) ? $date : ""?>"> </div> <div class="form-group"> <label class="sr-only">Time</label> <input type="time" class="form-control" name="time" value="<?= isset($time) ? $time : ""?>"> </div> </div> <div class="col"> <div class="text-center"> <button type="submit" class="btn btn-primary">Reserve</button> </div> </div> </div> </form> </div> </div> </div> </section> <?php $html = ""; if(!empty($errors)) { $html.=' <script> window.onload = function() { $("html, body").animate({ scrollTop: $("#val_errors").offset().top }, 2000); }; </script> '; $html.='<div id="val_errors">'; foreach($errors as $error) { $html.='<div class="alert alert-warning" role="alert">' . $error . '</div>'; } $html.='</div>'; print $html; } ?>
  4. lsantos1984

    [Resolvido] Importar dados

    Boas pessoal, Estou a tentar importar dados de este site para excel. http://www.statarea.com/predictions/2014-04-11 mas tenho dois problemas. 1º o Excel não reconhece as tabelas logo apenas vai importar a publicidade 2º Tenho de importar pagina por pagina consoante a data A minha questão é se é possivel importar todos os dados desde o dia http://www.statarea.com/predictions/2011-01-01 até ao dia de hoje e compilar a informaçao num csv? Obrigado e continuação de um bom trabalho
  5. Fala pessoal, boa noite a todos... Sou novo aqui no fórum, e também nessa área de desenvolvimento.. Comecei a estudar um pouco mais focado nessa área a dois meses atrás. Um livro que eu gostei muito quando o vi, foi do autor Jon Duckett (HTML e CSS: Projete e Construa Websites). Só que não consigo achar o livro aqui em Portugal com a edição em português, alguém de vocês sabem onde posso encontrar, na web ou livraria que tenha o mesmo em português? Só achei até agora em alguns sites direcionados para o Brasil. Não encontrei assunto relacionado usando a pesquisa do fórum. Obrigado.. Cumprimentos
  6. Rúben Periquito Developer

    Como criar jogos?

    boa tarde, tenho um pergunta........... desde cedo que eu tenho a ideia de um dia criar um jogo de bronwser do tipo travian, tribal wars, etc... agora que comecei a programar gostava de saber como posso criar um e se posso mesmo o fazer (não importa de ter de contratar uma equipa de profissionais) mas eu queria mesmo saber como posso criar um
  7. shizzzzzzzz

    Mostrar BLOB em src de iframe

    Boa tarde, estou aqui a postar a minha dúvida porque já tentei alguns workarunds para conseguir o que eu quero e não estou a conseguir. O meu objetivo é ocultar em primeira instancia o link principal que está na base de dados. Vamos supor que o link que está armazenado é www.google.com* <img src="img/server.png" class="img-thumbnail servidor" data-videolink="www.google.com" data-server="servername"/> Aqui eu chamo (com echo PHP) o data-videolink que é o link que está armazenado na base de dados. Mas inves de mostrar www.google.com eu gostaria que mostrasse um blob (ou seja, que escondesse o endereco original como ja expliquei) > Este é o meu js $(document).ready(function () { $('#servidores-bg .servidor').click(function () { $('.container > #servidores-bg').hide(); var videolink = $(this).data('videolink'); //$('#servidores-player').prepend("<iframe src='"+videolink+"' id='player' scrolling='no' frameborder='0' allowfullscreen='true' webkitallowfullscreen='true' mozallowfullscreen='true'></iframe>"); <---- PREVIOUS CODE LINE $('#servidores-player').prepend("<iframe id='player'></iframe>"); var html = ``; <-- A ideia que tive foi colocar o iframe com a src original da base de dados ao clicar na imagem com o data-video link mas percebi que não faz sentido isso :( var blob = new Blob([html], {type: 'text/html'}); var iframe = document.querySelector("#player"); iframe.src = URL.createObjectURL(blob); }); }); Alguma ajuda? Estou mesmo preso aqui
  8. Misternave

    resolver problemas em programação

    Olá a Todos, Suponho não ser o único a passar por isto, e que muitos outros tenham o mesmo problema no inicio. Gostaria de saber qual é que acham ser a melhor maneira, para desenvolver a capacidade de resolver problemas em programação. No meu caso, comecei a estudar programação no inicio do ano sozinho em casa e depois de estudar Javascript e querer começar a desenvolver projectos, apercebo me que tenho alguns conhecimentos na linguagem, mas escrever linhas de código de raiz torna-se mais complicado. Eu consigo ver tutorias de projectos e consigo acompanhar e perceber o que esta a ser feito, mas as vezes fico com a sensação que estou apenas a copiar sem dar o passo em frente. Parece que fico com a ideia de que nunca vou conseguir escrever aquilo sozinho. Ou seja, como é que conseguiram dar esse passo em frente, fazer vários projectos diferentes e ir percebendo com a pratica? fazer exercícios mais básicos, por exemplo pequenos algoritmos? Digam me como fizeram no vosso caso Agradeço a vossa ajuda, Cumprimentos
  9. Carlos Rocha

    Animação jQuery

    Então, eu tenho uma ul ul#menuTopo { display: none; } ul#menuTopo > li > a { display: block; width: 50px; } <button id="abrirMenu">Abrir menu</button> <ul id="menuTopo"> <li><a href="">Link 1</a> <li><a href="">Link 2</a> <li><a href="">Link 3</a> <li><a href="">Link 4</a> <li><a href="">Link 5</a> </ul> $("#abrirMenu").click ( function() { var status = $("#menuTopo").css("display"); if ( status == "none") { $("#menuTopo").animate ( $( this ).show() ); } else { $("#menuTopo").animate ( $( this ).hide() ); } }); O objetivo é que, ao clicar em abrir menu, as lis, que contem os itens do menu, aparecem uma após a outra e decima para baixo. Mas não estou conseguindo!
  10. Rúben Periquito Developer

    exame final

    Tenho ficheiros de teste onde eu faço o código para experimentos e depois copio-o para o ficheiro “oficial” Quero saber o que está mal neste trabalho: Se vocêS o experimentarem notam que ao clicar nas “setas” algumas vezes, o trabalho fica “meio-bugado” porquê? P.S- TEM O CÓDIGO HTML, CSS E JAVASCRIPT CÓDIGO HTML: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="teste.css"> <script type="text/javascript" src="teste.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box} body {font-family: Verdana, sans-serif; margin:0} .mySlides {display: none} img {vertical-align: middle;} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: orange; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } </style> </head> <body> <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 2</div> <img src="paisagem/destaque-home-2.png" style="width:100%"> <div class="text">Tuning Luxo</div> </div> <div class="mySlides fade"> <div class="numbertext">2 / 2<</div> <img src="paisagem/destaque-home.png" style="width:100%"> <div class="text">BMW Tuning</div> </div> <a class="prev" onclick="plusSlides(-1)">&#10094</a> <a class="next" onclick="plusSlides(1)">&#10095</a> </div> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> </div> <script> var slideIndex = 0; showSlides(); function showSlides() { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); for (i = 0; i < slides.length; i++) { slides.style.display = "none"; } slideIndex++; if (slideIndex > slides.length) {slideIndex = 1} for (i = 0; i < dots.length; i++) { dots.className = dots.className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; setTimeout(showSlides, 2000); // Change image every 2 seconds } </script> </body> </html> CÓDIGO CSS: * {box-sizing:border-box} body { background-color: #2C3E50; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto background: #000; overflow: hidden; } /* Hide the images by default */ .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: orange; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } CÓDIGO JAVASCRIPT: var slideIndex = 1; showSlides(slideIndex); // Next/previous controls function plusSlides(n) { showSlides(slideIndex += n); } // Thumbnail image controls function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides.style.display = "none"; } for (i = 0; i < dots.length; i++) { dots.className = dots.className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; }
  11. Rúben Periquito Developer

    Projecto Final do tema JAVASCRIPT

    devo fazer um projeto slider mas acho que ainda não me ensinaram tudo do que pedem... quem me pode desenrascar uma ajuda? PROJETO FINAL DO MÓDULO JAVASCRIPT Criação de um banner slider com Javascript Neste projeto vamos continuar a implementar o que aprendemos na secção de JavaScript e incluí-lo no projeto já existente que fizemos no módulo anterior de HTML5/CSS3. O nosso projeto consistia em criar as bases de uma loja online, com páginas, links e imagens. Nesta fase terá de implementar um banner rotativo com imagens (2 ou 3) na página inicial ou homepage (ficheiro index.html). Isto terá de ser feito com código JavaScript. Tem de seguir os seguintes passos: 1. Implementar um banner rotativo no index.html do nosso projeto usando JavaScript. Criar duas imagens, a destaque-home.png e a destaque-home-2.png que queremos trocar a cada 4 segundos; usa a função “setInterval” para fazê-lo. Há várias formas de implementar esta troca de imagens. Uma hipótese é manter um array com os valores possíveis para a imagem e um inteiro que guarda o banner atual. Crie um arquivo “banner.js” e não se esqueça de o adicionar ao HTML do index.html <script type="text/javascript" src="js/banner.js"></script> No ficheiro “banner.js tem de criar o código base javascript para o banner funcionar. 2. Crie um botão de pausa para parar a troca de banner. Dica: use o clearInterval para interromper a execução. 3. Crie um botão de play para reativar a troca dos banners.
  12. Olá, eu estou começando a aprender Jquery, alguém poderia me explicar como funciona esse código abaixo? $(function() { menu = $('nav ul'); $('#openup').on('click', function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function() { var w = $(this).width(); if (w > 480 && menu.is(':hidden')) { menu.removeAttr('style'); } }); $('nav li').on('click', function(e) { var w = $(window).width(); if (w < 480) { menu.slideToggle(); } }); $('.open-menu').height($(window).height()); }); eu tenho a barra de menu em html <header> <nav class='bar'> <ul class='bar'> <li class="screen-small"> <a href="#showcase">Lorem Ipsum</a> </li> <li> <a href='#showcase'>Home</a> </li> <li> <a href='#music'>Music</a> </li> <li> <a href='#video'>Video</a> </li> <li> <a href='#premium'>Premium</a> </li> </ul> <a href='#' id='openup'>myTunes</a> </nav> </header>
  13. N3lson

    Javacript Objects

    Bom dia gostaria de se possível de ajuda no seguinte: Tenho uma página em .asp (classic asp) ao qual eu pretendo criar um object javascript Essa página esta a escrever o seguinte metodo( {'link':'detalhe_roda.asp?item=101168','descricao':'RODA 4/B-RA-260','imagem':'/internet/imagens/rodas/4_breG.gif','diam':'260','rasto':'75','carga':'350','item':'101168'}, {'link':'detalhe_roda.asp?item=101183','descricao':'RODA 4/B-RA-360','imagem':'/internet/imagens/rodas/4_breG.gif','diam':'360','rasto':'67','carga':'400','item':'101183'}, {'link':'detalhe_roda.asp?item=101268','descricao':'RODA 4/B-RE-260','imagem':'/internet/imagens/rodas/4_breG.gif','diam':'260','rasto':'75','carga':'350','item':'101268'} e por ai adiante agora num outro servidor estou a recolher os dados com jquery e jsonp, mas apenas me apanha o 1º objecto os restantes não, se for array simples pega mas estou a tentar em objecto e apenas me da os 1ºs $.ajax({ type : "get", url :"http://link_do_script.asp", contentType: "application/json; charset=utf-8", jsonpCallback: "metodo", success : function(data){ $(data).each(function(e){ console.table(data); }); //console.log(data[0].item) const entr = Object.entries(data); console.log(entr); /*const keys = Object.keys(data); console.log(keys);*/ }, error : function(xhr,estado,erro){ }, complete : function(){ } });
  14. <!DOCTYPE html> <html> <head> <title></title> </script> </head> <body> <h1>Title News</h1> <h2>These are today's news</h2> <div id="news1">Today's news are nothing special. Please come back tomorrow...</div> <script type="text/javascript"> var firstelement = document.getElementById("news1"); alert(firstelement); </body> </html>
  15. Rúben Periquito Developer

    sou novo aqui

    primeiro que tudo não sei se é aqui que devo perguntar isto uma vez que é o meu 1º post então cá vai: recentemente comecei a tirar o curso de Programação WEB e estou a fazer os trabalhos que me pedem vim perguntar duas coisas, primeiro gostava de saber se existe algum recurso que me ajude a encontrar erros no meu código.... segundo e uma vez que ainda não sei a resposta para a primeira pergunta, agradecia se alguém me ajudar a resolver o seguinte código porque já passei 1 hora olu 2 á procura do erro e não encontrei... o código é: <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> var dwarf = { strength: "7", armor: "8", attack: "6", show_properties: function (){ document.write("hero strength: "+dwarf.strength+"<br />"+ "hero armor: "+dwarf.armor+"<br />"+ "hero attack: "+dwarf.attack+"<br />" ); } } dwarf.show_properties(): </script> </head> <body> </body> </html> onde está o erro?
  16. Marta

    Não desenha o grafico

    Tenho este código para desenhar um gráfico de barras, onde vai buscar o id do item e a pontuação do item à base de dados. Quando meto o programa a correr no visual studio 2019 asp.net core 3.0 ele não funciona. O que está a funcionar mal aqui? @model IEnumerable<sia_Final.Models.Item> @inject IJsonHelper Json; @{ ViewData["Title"] = "Grafico"; } <head> <script type="text/javascript"> window.onload = function () { var model =@Html.Raw(Json.Serialize(Model)); var datapoints = []; console.log(String(model)); model.forEach(function (Item) { console.log(String(Item.pontuacao)); }); model.forEach(function (Item) { console.log("id: " + String(Item.idItem)+ " Pontuacao: " + String(Item.pontuacao) ); // aux = [Item.idItem, Item.pontuacao]; //console.log("aux: " + String(aux)); //datapoints.push(aux); var auxx = Item.idItem; console.log("auxx: " + String(auxx)); var auxy = Item.pontuacao; console.log("auxy: " + String(auxy)); datapoints.push({ x: auxx, y: auxy }); }); console.log(datapoints); var chart = new CanvasJS.Chart("Grafico", { theme: "theme2", title: { text: "Gráfico de SIA" }, data: [{ type: "column", datapoints: datapoints }] }); chart.options.data[0].datapoints = datapoints; chart.render(); }; </script> </head> <h1>Grafico</h1> <div Id="Grafico" style="height:360px; width:100%"></div> <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
  17. Gonçalo Costa

    Enviar dados local storage para uma div

    Boa tarde, Sou iniciante em javascript, e estava a fazer um site em que pretendia colocar um carrinho de compras. Não posso usar Jquery. O que fiz foi primeiramente colocar os dados em local storage, e quando se clicar no carrinho de compras, mostrar uma div com os dados que foram guardados em local storage. A minha dificuldade é passar os dados de local storage para o programa, e apresentá los numa div. segue parte do código que fiz. <div class="carrinho_de_compras_total"> <button onclick="mostrar()">carrinho_de_compras</button> <div class="mostrar_carrinho_de_compras" style="height: 200px; width: 100%;"> <div class="itens"></div> <div class="total_dinheiro"></div> </div> </div> function compra_bilhete(n) { if(n==1) { var tipo_bilhete= "espetáculo"; ndias=1; var nome=document.getElementById('tipo_b1').innerHTML; var nadultos=document.getElementById('a_b1').value; var ncriancas=document.getElementById('c_b1').value; if(nadultos==0 & ncriancas==0) { alert("numero de pessoas inválido"); return } preco_dia= 50*nadultos + 30*ncriancas; precoTotal=preco_dia *ndias; } else if(n==2) { var tipo_bilhete= "espetáculo"; ndias=1; var nome=document.getElementById('tipo_b2').innerHTML; var nadultos=document.getElementById('a_b2').value; var ncriancas=document.getElementById('c_b2').value; if(nadultos==0 & ncriancas==0) { alert("numero de pessoas inválido"); return } preco_dia= 50*nadultos + 30*ncriancas; precoTotal=preco_dia *ndias; } else if(n==3) { var tipo_bilhete= "espetáculo"; ndias=1; var nome=document.getElementById('tipo_b3').innerHTML; var nadultos=document.getElementById('a_b3').value; var ncriancas=document.getElementById('c_b3').value; if(nadultos==0 & ncriancas==0) { alert("numero de pessoas inválido"); return } preco_dia= 50*nadultos + 30*ncriancas; precoTotal=preco_dia *ndias; } // else if(n==4) // { // var tipo_bilhete= "espetáculo"; // // var ndias=document.getElementById('dias_b2').innerHTML; // var tipo_espetaculo=document.getElementById('tipo_b3').innerHTML; // var nadultos=document.getElementById('a_b4').value; // var ncriancas=document.getElementById('c_b4').value; // var preco; // preco= 50*nadultos + 30*ncriancas; // } else if(n==5) { var tipo_bilhete= "Parque"; var ndias=document.getElementById('dias_p1').value; var nome=document.getElementById('tipo_p1').innerHTML; var nadultos=document.getElementById('a_p1').value; var ncriancas=document.getElementById('c_p1').value; if(nadultos==0 & ncriancas==0) { alert("numero de pessoas inválido"); return } preco_dia= 50*nadultos + 30*ncriancas; precoTotal=preco_dia *ndias; } else if(n==6) { var tipo_bilhete= "Parque"; var ndias=document.getElementById('dias_p2').value; var nome=document.getElementById('tipo_p2').innerHTML; var nadultos=document.getElementById('a_p2').value; var ncriancas=document.getElementById('c_p2').value; if(nadultos==0 & ncriancas==0) { alert("numero de pessoas inválido"); return } preco_dia= 50*nadultos + 30*ncriancas; precoTotal=preco_dia *ndias; } else if(n==7) { var tipo_bilhete= "Parque"; var ndias=document.getElementById('dias_p3').value; var nome=document.getElementById('tipo_p3').innerHTML; var nadultos=document.getElementById('a_p3').value; var ncriancas=document.getElementById('c_p3').value; if(nadultos==0 & ncriancas==0) { alert("numero de pessoas inválido"); return } preco_dia= 50*nadultos + 30*ncriancas; precoTotal=preco_dia *ndias; } // Pega a lista já cadastrada, se não houver vira um array vazio var carrinho_de_compras = JSON.parse(localStorage.getItem('carrinho-compras') || '[]'); // Adiciona reserva carrinho_de_compras.push({ tipo_de_bilhete: tipo_bilhete, dias: ndias, nome:nome, numero_adultos: nadultos, numero_criancas: ncriancas, preco_total: precoTotal }); // Salva a lista alterada localStorage.setItem("carrinho-compras", JSON.stringify(carrinho_de_compras)); alert("Bilhete adicionado ao carrino de compras"); } function mostrar(){ for (i=0;i<99;i++) { var x=JSON.parse(localStorage.getItem('carrinho-compras')); if(x==null) return; // quando não houver mais dados no local storage, sai do ciclo for } } Se alguém me pudesse ajudar agradecia imenso. Cumprimentos
  18. Ola, Estou a tentar criar um grafico atraves dos dados de uma base de dados no Visual Studio 2019, em ASP.NET CORE Mas estou a ter dificuldades em ligar buscar os dados a base de dados. Estou a colocar o codigo numa view e neste momento tenho isto : @model IEnumerable<SIA_Final.Models.Item> @{ ViewData["Title"] = "Grafico"; } <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div" style="width: 900px; height: 500px;"></div> <script type="text/javascript"> google.charts.load('current', {packages: ['corechart', 'bar']}); google.charts.setOnLoadCallback(CarregaDados); function CarregaDados() { $.ajax({ url: '@Url.Action("create","itens")', dataType: "json", type: "GET", error: function(xhr, status, error) { var err = eval("(" + xhr.responseText + ")"); toastr.error(err.message); }, success: function(data) { GraficoTecnica(data); return false; } }); return false; } function GraficoTecnica(data) { var dataArray = [ ['Tecnica', '2019' , '2020'] ]; $.each(data, function(i, item) { dataArray.push([item.classificacao, item.importancia, item.pontuacao]); }); var data = google.visualization.arrayToDataTable(dataArray); var options = { title: 'Tecnica ', chartArea: { width: '50%' }, colors: ['#b0120a', '#ffab91'], hAxis: { title: 'item', minValue: 0 }, vAxis: { title: 'itens' } }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); return false; } </script> Mas quando corro o codigo a view aparece vazia... Alguem tem alguma ideia de como posso resolver o problema? Ou outra forma de criar um grafico a partir de uma tabela da base de dados ? Agradeço.
  19. Mac

    Declaração IF

    <script> function calcular() { var unit = "45"; var tour = Number(document.getElementById("tour").value); var adults = Number(document.getElementById("adults").value); var child = Number(document.getElementById("child").value); var elemResult = document.getElementById("soma"); // envia para os campos hidden document.getElementById('id_tour').value = Number(document.getElementById("tour").value); document.getElementById('_total').value = String(tour * adults + unit * child)+ ".00"; // calcula if (elemResult.textContent === undefined) { // elemResult.textContent = String(tour * adults + unit * child)+ ".00€"; } else { // IE elemResult.innerText = String(tour * adults + unit * child) + ".00€"; } } </script> A muito custo pois estou a aprender JS, la fui fazendo (com ajudas) esta função de calculo para o meu site. Preciso que a VAR TOUR, alem de ser usada no calculo, possa ser enviada para um campo Hidden (ja consegui) mas não como numero, que e o que me retorna de um select. sei que e com if ou Switch mas nao sei como construir e sem estragar o calculo. Tipo: var Tour: se = a 98 entao var Tour = "TEXTO QUALQUER" se = 118 então = "OUTRO TEXTO"
  20. _junnior0

    Alguém me dá um help?

    1. Dados os vetores A = [15, 44, 23, 1, 0, 18, 17, 37, 35, 54] e B = [32, 115, 48, 55, 51, 0, -48, 85, 15, 99] crie um algoritmos e programa que imprima: 1. A multiplicação dos elementos de A por B; 2. Adição dos elementos de A por B; 3. Subtração dos elementos de A por B; 4. A U B.
  21. arthurhd

    Javascript validação problema

    Olá estou fazendo um trabalho de faculdade e estou fazendo um questinário em html e gostaria que o javascript validasse 2 questões e no final quando apertasse um botao aparecesse uma mensagem de quantas questoes que acertou. Alguem poderia me ajudar nisto? link do questionario em HTML: https://codepen.io/arthurhhdd/pen/MWWqymK
  22. Bom dia queria criar uma applet com 4 botões, sendo que cada um com uma cor diferente e com os textos: On, Off, Stop e Start. A applet tem que ter uma label, uma textArea e um Textfield. E construir 4 botões de rádio. Agradecia a ajuda. Obrigado.
  23. N3lson

    Ajax Call

    Boas estou com este problema Tenho ServidorA e ServidorB (mesmo domínio), tenho um ficheiro *.asp no servidor B que vai buscar ao servidor A os dados via ajax em json, internamente na rede funciona. O servidor B está com acesso do exterior e funciona scripts locais do mesmo, mas neste script que vai buscar os dados via ajax dá erro 404 indicando que o ficheiro a ir buscar os dados não existe. se aceder através da web. Esse ficheiro não é possível aceder directamente fora da rede interna pois encontra-se localmente servidor interno da empresa, mas o que vai pedir os dados sim. Gostaria de saber se alguém já teve o mesmo problema e como resolveu Servidor IIS 7 com permissões CORS aplicadas
  24. Alexandre Rico

    Caracteres

    Olá, estou a iniciar-me em programação e toda a orientação é bem vinda 😊 Para já estou perante o seguinte problema que não consigo resolver: num formulário de ficha de cliente existe uma área de info extra que ao escrever caracteres eles são automáticamente removidos e eu pretendia precisamente o contrário que não fossem removidos. A virgula não é removida mas ao gravar desaparece. Alguem me pode ajudar? Muito obrigado o código no ficheiro php é este: </div> <div id='tabsfxc-3'> <div id="info_extra_fxc_cartao_place"></div> <div id="buttons_info_extra_place"> <a data-role="button" name="gravaFCInfoExtraBt" id="gravaFCInfoExtraBt" data-theme="c">GRAVAR</a> </div> </div> E no JS este: strinfo += '<label for="'+ this.nmcol +'" style="margin-top:10px;">'+ firstToUpperCase( this.nmcol ) +':</label>'; strinfo += '<input type="text" maxlength="50" onkeyup="this.value=strip_accents(this.value)" class="infoedit" value="'+ col_val +'" name="e'+ this.nmcol +'" id="e'+ this.nmcol +'" />'; }); } else { $("#buttons_info_extra_place").css('display', "none"); } info_extra.html(strinfo); $(".infoedit").textinput();
  25. Estou com duvidas sobre como eu posso pega uma função de um determinado controller e colocar em um botão javascript utilizando ajax. Não consegui achar algo de fato me ajudasse com isso. Agradeço desde já!
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.