Ir para o conteúdo

Pesquisar na Comunidade

A mostrar resultados para tags ''javascript''.



Mais opções de pesquisa

  • Pesquisa por Tags

    Introduza as tags separadas por vírgulas.
  • Pesquisar por Autor

Tipo de Conteúdo


Fórum

  • Bem-vindos ao Portugal-a-Programar
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
    • Apresentações
  • 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
    • Visual Basic Clássico
    • Visual Basic for Applications (VBA)
    • 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
    • SharePoint
    • Apresentação de Software
  • Informática Extra-Programação
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica
    • Automação Industrial
    • Dúvidas e Discussão de Programação
    • Notícias de Tecnologia
  • Outras Áreas
    • Matemática
    • 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

Categorias

  • 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



Filtrar por número de...

2114 resultados

  1. Funções com Datas

    Boa tarde Estou a tentar criar uma aplicação html, com um campo Date, onde sera inserida a data de nascimento, para calcular a idade da pessoa. Estou convicto que percebi o código de como efectuar a função de calcular a data, no entanto não estou a perceber como "sacar" o ano (getFullYear) dessa caixa de texto/Date, para calcular a diferença Este o código que acredito estar proximo do que pretendo <!DOCTYPE html> <html> <head> <title></title> </head> <body> <form> Nascido a: <input type="date" id="dn" name=""> <script type="text/javascript"> var age = document.getElementByID("dn").value; document.write (age); </script> </form> </body> </html> Obrigado
  2. NodeJS

    Boas, Estou a começar a experimentar NodeJS e então encontro-me com uma dúvida. Tenho um servidor web em node a correr uma pasta estatica no entanto queria devolver o conteudo de uma função no index.html. Segue o código que tenho: SERVIDOR var express = require('express'); var app = express(); var externalFunctions = require('./include/functions.js'); app.use(express.static('public')) app.listen(3000, function () { console.log('Example app listening on port 3000!') }) Ficheiro de Funções exports.myDateTime = function () { return Date(); }; Index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p><!-- Quero apresentar aqui o retorno da função que tenho disponivel no ficheiro functions.js--></p> </body> </html>
  3. Janela Pop up

    Boa noite, Alguem sabe algum código para quando entram no meu site abrir uma pop up de um outro site? A ideia seria abrir apenas uma vez por IP de 24 em 24 horas. Desde já obrigado a quem ajudar.
  4. Hi everyone, We're starting now to use Worflow in SAP Business One Studio and there's something blocking us the way to get through. We've a scenario that we have to create. In this scenario, one of the parts is to verify if a specific sales order has a doctotal that is higher than the business partner limit credit. We've seen almost every video online and every JavaScript examples available for this situation but the script is still not working. We've used a script in the Script Editor, that links to a Exclusive Gateway. The example that we're using is about verifying the stock available, and regarding the result, the workflow returns a delivery or a purchase order creation. So, what I am asking, is that if it's possible for you to see the code that we use has example and the code that we done. Our base code: var order = CurrentProcess.B1Obj('OR1'); var total=0; var itemCode; var query; var recordset; var param; var lineCnt = order.getDocumentLines().size(); for (i=0; i<lineCnt; i++) { itemCode = order.getDocumentLines().get(i).getItemCode(); query = "select onHand from OITM where itemcode = '" + itemCode + "'"; print("The query is: " + query + "\r\n"); recordset=company.getRecordset(); param = company.getRecordsetParams(); param.setQuery(query); recordset.doQuery(param); while (recordset.read()) { print("Reading from OITM\r\n"); var fields = recordset.getFields().toArray(); for (j=0;j<fields.length;j++) { var fld = fields[j]; var onHand = fld.getColumnValue(); print("OnHand=" + onHand + ", quantity=" + order.getDocumentLines().get(i).getQuantity() + "\r\n"); if(onHand< order.getDocumentLines().get(i).getQuantity()) { CurrentProcess.DataObject('do2').putItem('needPurchase', 1); print("set needPurchase=1"); } } // Exit Loop } } Our current code (not working): var order = CurrentProcess.B1Obj('Encomenda'); var total=0; var cardCode; var query; var recordset; var param; var docTotal; var lineCnt = order.getDocument().size(); for (i=0; i<lineCnt; i++) { cardCode = order.getDocument().get(i).getCardCode(); docTotal = order.getDocument().get(i).getDocTotal(); query = "select CreditLine from OCRD where CardCode = '" + cardCode + "'"; print("The query is: " + query + "\r\n"); recordset=company.getRecordset(); param = company.getRecordsetParams(); param.setQuery(query); recordset.doQuery(param); while (recordset.read()) { print("Reading from ORDR\r\n"); var fields = recordset.getFields().toArray(); for (j=0;j<fields.length;j++) { var fld = fields[j]; var CreditLine = fld.getColumnValue(); print("CreditLine=" + CreditLine + ", docTotal=" + order.getDocument().get(i).getDocTotal() + "\r\n"); if(CreditLine< order.getDocument().get(i).getDocTotal()) { CurrentProcess.DataObject('Aux').putItem('VerificaLimiteCrédito', 1); print("set VerificaLimiteCrédito=1"); } } // Exit Loop } After this, we put the two outputs as "false" and with the conditions: CurrentProcess.DataObject('Encomenda').getItem('VerificaLimiteCredito')=='0' and CurrentProcess.DataObject('Encomenda').getItem('VerificaLimiteCredito')=='1' If there is someone that could help, let me know please. Thanks in advance. Regards, Catarina
  5. Estudo da linguaguem

    Olá amigos, Estou a começar a estudar esta linguagem. Estive algum tempo a estudar o visual basic e a analisar os fóruns e cheguei à conclusão que existe uma grande tendência para fazer actualizações exclusive de sistema operativo, o que me parece um ciclo vicioso. Tanto quanto percebi, html ou javascript, será o futuro, porque se baseia no browser e basta um bloco de notas, sem ser necessário grandes actualizações, inclusive de sistema operativo, certo? Alguém me pode recomendar um bom livro, para iniciante, destas linguagens (html ou javascript)? Para já, dou os parabéns a toda a equipa que promove este fórum, bem como todos os participantes! Agradecido Cumprimentos Patrício
  6. Scroll no div do chat

    Olá. Tenho uma "template" de um chat em HTML, PHP, JAVASCRIPT E MYSQL, no entanto o scroll desse chat não vai para o fim quando entro na página. Gostaria que isso acontecesse ao entrar na página, quando o scroll já está no fim e recebesse uma mensagem e quando o utilizador estivesse a ler as mensagens que recebesse uma notificação de nova mensagem. Aqui vai o código: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>chat</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" /> </head> <body> <div class="container"> <header class="header"> <h2>a adaptar...</h1> </header> <main> <div class="userSettings"> <label for="userName">Username:</label> <input id="userName" type="text" placeholder="Username" maxlength="32" value="Somebody" > </div> <div class="chat"> <div id="chatOutput"></div> <input id="chatInput" type="text" placeholder="Input Text here" maxlength="128"> <button id="chatSend">Send</button> </div> </main> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="js/chatjs.js"></script> </body> </html> E também o chatjs.js que praticamente liga o HTML aos ficheiros PHP que inserem as informações na base de dados: "use strict"; $(document).ready(function () { var chatInterval = 100; //refresh interval in ms var $userName = $("#userName"); var $chatOutput = $("#chatOutput"); var $chatInput = $("#chatInput"); var $chatSend = $("#chatSend"); function sendMessage() { var userNameString = $userName.val(); var chatInputString = $chatInput.val(); $.get("./write.php", { username: userNameString, text: chatInputString }); $userName.val(""); retrieveMessages(); } function retrieveMessages() { $.get("./read.php", function (data) { $chatOutput.html(data); //Paste content into chat output }); } $chatSend.click(function () { sendMessage(); }); setInterval(function () { retrieveMessages(); }, chatInterval); }); Desde já agradeço a atenção!
  7. Estou a construir um site em Wordpress, então gostaria de usar o plugin Download Monitor para gerir e visualizar os conteúdos numa pagina, o problema é que quero que ele filtre em categoria, pois a componente só é valida quando usar um add on, então gostaria de desenvolver à unha, na minha filosofia eu usaria jQuery para filtrar conteúdos via CSS, mas a classe ou "esse algo escrito em PHP" que me da acesso as toxonomias => terms para colocar numa array dentro de jQuery eu não sei ou não faço ideia de como chamá-la e usá-la. Gostaria de entender qual é a lógica destes arquivos, se é possível eu chamar do jQuery uma class ou função escrita em PHP? Agradecia a ajuda. Código PHP de registo de toxonomias que me parece ser uma class. // Register Download Category register_taxonomy( 'dlm_download_category', array( 'dlm_download' ), apply_filters( 'dlm_download_category_args', array( 'hierarchical' => true, 'update_count_callback' => '_update_post_term_count', 'label' => __( 'Categories', 'download-monitor' ), 'labels' => array( 'name' => __( 'Categories', 'download-monitor' ), 'singular_name' => __( 'Download Category', 'download-monitor' ), 'search_items' => __( 'Search Download Categories', 'download-monitor' ), 'all_items' => __( 'All Download Categories', 'download-monitor' ), 'parent_item' => __( 'Parent Download Category', 'download-monitor' ), 'parent_item_colon' => __( 'Parent Download Category', 'download-monitor' ), 'edit_item' => __( 'Edit Download Category', 'download-monitor' ), 'update_item' => __( 'Update Download Category', 'download-monitor' ), 'add_new_item' => __( 'Add New Download Category', 'download-monitor' ), 'new_item_name' => __( 'New Download Category Name', 'download-monitor' ) ), 'show_ui' => true, 'query_var' => true, 'capabilities' => array( 'manage_terms' => 'manage_downloads', 'edit_terms' => 'manage_downloads', 'delete_terms' => 'manage_downloads', 'assign_terms' => 'manage_downloads', ), 'rewrite' => false, 'show_in_nav_menus' => true ) ) ); Código jQuery para imprimir o índice [0] do array. jQuery(document).ready(function ($) { var allterms = get_terms( 'dlm_download_category' ); $("#btnTestar").click(function(){ alert(allterms[0].name); }); }); No PHP seria algo assim e funciona. <?php $terms = get_terms( 'dlm_download_category' ); foreach ( $terms as $term ) { // imprime lista de todas as categorias ou terms // Get the URL of this category $tercat_link = get_term_link( $term ); echo " $term->name"; } ?> Então manipular o CSS da forma mais fácil seria no jQuerry.
  8. Problema com um botão no meio do formulário

    Boa noite, Precisava da vossa ajuda para acerca de um problema que estou a ter com a função funDeleteImage. Eu sei que não deveria de estar a fazer as queries de PHP no meio do HTML (na próxima versão isto será remodelado). O meu problema é o seguinte: Quando clico no botão Eliminar que está por debaixo de uma imagem eu queria que fosse chamada a funDeleteImage. No entanto o que e está acontecer é que "aperece" o formulário é submetido e abre a mesma página mostrando que o id que é passado no $_REQUEST não existe. Será que alguém me pode ajudar? Fica aqui o meu código (removi as partes do include do scripts e dos heads para não ficar demaxiado extenso): <?php include_once('includes/globalVars.php'); include_once('includes/bd/init.php'); $atletaId = $_REQUEST['id']; foreach ($db->query("SELECT * FROM atletas WHERE id=$atletaId") as $atleta) { ?> <!DOCTYPE html> <html> <head> ... </head> <body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> <?php include_once('header.php'); ?> <!-- Left side column. contains the logo and sidebar --> <aside class="main-sidebar"> <!-- sidebar: style can be found in sidebar.less --> <section class="sidebar"> <!-- sidebar menu: : style can be found in sidebar.less --> <?php include_once('menu.php'); ?> </section> <!-- /.sidebar --> </aside> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> Atletas </h1> <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-dashboard"></i>Home</a></li> <li><a href="#">Atletas</a></li> <li class="active">Editar</li> </ol> </section> <!-- Main content --> <section class="content" id="main"> <div class="row"> <div class="col-xs-12"> <div class="box box-primary"> <div class="box-header with-border"> <h3 class="box-title">Editar Atletas</h3> </div> <!-- /.box-header --> <!-- form start --> <form id="editar-atleta" role="form" enctype="multipart/form-data"> <div class="box-body"> <p style="font-weight: bold;">Identificação</p> <div class="form-group col-xs-4"> <label for="exampleInputPassword1">Escalão</label> <select class="form-control select2" name="escalao" id="escalao" required> <?php foreach ($db->query("SELECT * FROM escalao") as $escalao) { ?> <option value="<?php echo $escalao['id']; ?>" <?php if($escalao['id']== $atleta['idEscalao']) { echo "selected";} ?>><?php echo $escalao['nome']; ?></option> <?php } ?> </select> </div> .... <div class="form-group col-xs-4"> <label for="exampleInputPassword1">Contacto</label> <input type="text" class="form-control" id="contactoMae" nome="contactoMae" placeholder="Contacto" value="<?= $atleta['contactoMae'] ?>"> </div> <div class="form-group col-xs-4"> <label for="exampleInputPassword1">E-mail</label> <input type="email" class="form-control" id="emailMae" nome="emailMae" placeholder="E-mail" value="<?= $atleta['emailMae'] ?>"> </div> <div class="form-group col-xs-12"> <label for="fotografia">Fotografia</label> <input type="file" id="fotografia" name="fotografia"> </div> <div class="form-group col-xs-4" id="image"> <img class="img-responsive" style="padding-bottom: 5px" <?= "src='uploads/".$atleta['foto']."'"; ?>> <button class="btn btn-danger" style="max-height: 25px; vertical-align: middle; width: 100%; padding-bottom: 25px" onclick="funDeleteImage(<?= $atletaId ?>, <?= $atleta['foto'] ?>)" >Eliminar</button> </div> </div> <!-- /.box-body --> <div class="box-footer"> <button type="submit" class="btn btn-primary">Editar</button> </div> </form> </div> <!-- /.box --> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <?php include_once ('footer.php') ?> </div> </body> </html> <?php } ?> A minha função funDeleteImage é a seguinte: <script> function funDeleteImage(viAtletaId, viImage){ var url='includes/bd/deleteimage.php?id'+viAtletaId+'&imageName='+viImage; $.ajax({ url: url, type: 'POST', async: false, success: function (data) { document.getElementById("image").hide(); }, error: function(chr, desc, err){ alert("oppsss..Failed"); }, cache: false, contentType: false, processData: false }); } </script>
  9. Javascript

    bom dia precisava de alguém que perceba javascript e que possa ajudar. se for preciso eu pago pela ajuda.
  10. GET Node.js

    Boas, a minha experiência com javascript/ajax não é muita, mas decidi iniciar-me em node.js para desenvolver as minhas capacidades. O que pretendo fazer é um "site simples" para registar as horas semanais que passo em determinados hobbies e o custo dos mesmos, e com a possibilidade de funcionar para vários utilizadores. Estou a usar node.js com jquery e ajax, fiz o require do express, entre outros. Base de dados mysql. Neste momento estou a desenvolver em Windows. Tenho um template para a coisa ficar mais bonita, mas para já ainda estou a tentar perceber melhor como funciona a comunicação cliente-servidor. Neste momento usando o router.post no ficheiro exemplo.js consigo trocar dados entre a página test.ejs (cliente) e o exemplo.js (servidor) e representá-los no .ejs, no entanto para fazer isto uso um router.POST, do lado do servidor, e do lado do cliente (.ejs) da seguinte forma. $(document).ready(function() { ... $('#form_id').on('submit', function(e){ ... $.ajax({ O meu problema é que desta forma, usando o POST, preciso de carregar num botão para enviar e receber dados! Concretizando, para os testes/aprendizagem estou a usar a tabela utilizadores da bd mysql, que tem 2 utilizadores! Isto funciona tal como disse acima! A minha ideia era por exemplo ao entrar na página ao invés de ter que carregar num botão para mostrar os utilizadores da bd, eles serem mostrados de forma automática! Imagino que isto se faça com o método GET, mas o que é facto é que não consigo receber a variável passada pelo servidor do lado do cliente! Ficheiro exemplo.js app.get(PROJECT_NAME + '/test4', function(req, res){ var varenviar="Bananas"; db.query('SELECT uname, level, email FROM user;', (err,rows) => { if(err) throw err; console.log('Data received from Db:'); //varenviar = rows; console.log('var server: ', varenviar); res.render('test4.ejs', {data:data, varenviar:varenviar}); }); }); Ficheiro test4.ejs ... <body> <p> <%= varenviar[0].uname %></p> <label id="print2"></label> </body> ... <script type="text/javascript"> var url = '<%= data["project_name"] %>/test4'; var varenviar2; $.ajax({ url: url, type: 'GET', data: {varenviar: varenviar2}, success: function(success){ var varenviar = varenviar; console.log(varenviar); console.log(success.varenviar); document.getElementById("print2").innerHTML =success.varenviar; } }); </script> Ora bem, como é óbvio este código js não funciona, porque foi criado por mim meio á martelada do que eu tinha no post, e acredito que não funcione assim nem tenha nada haver. Tal como disse devido à falta experiência gostava que me indicassem a forma correta de o fazer se fosse possível. De notar que no código HTML, logo na segunda linha <p> desta forma consigo receber a variável passada pelo servidor, mas esta é passada de forma direta, e no caso de eu querer efetuar alguma transformação/processamento com js ou ajax e depois mostrar no HTML, que era o que estava a tentar fazer com a linha seguinte <label> mas que não estou a ter sucesso; tanto na label como no console.log o que me aparece é: undefined! Peço desculpa se a forma como me refiro ou algum termo em concreto não é o mais correto.
  11. Sem array jquery

    Boas este é o meu código... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <input id="datepicker"/> <textarea id="datepickertext" type="text" name="datas" value=""></textarea> <script type="text/javascript"> // Maintain array of dates var dates = new Array(); var availableDates = ["5-8-2017","30-8-2017","31-8-2017","1-8-2017","5-8-2017"]; function available(date) { dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); if ($.inArray(dmy, availableDates) != -1) { return [true, "","Available"]; } else { return [false,"","unAvailable"]; } } $('#date').datepicker({ beforeShowDay: available }); function addDate(date) { if (jQuery.inArray(date, dates) < 0) dates.push(date); $('#datepickertext').val($('#datepickertext').val() + date + ", "); } function removeDate(index) { dates.splice(index, 1); if (dates == "") { $('#datepickertext').val(""); }else { $('#datepickertext').val(dates + ", "); } } // Adds a date if we don't have it yet, else remove it function addOrRemoveDate(date) { var index = jQuery.inArray(date, dates); if (index >= 0) removeDate(index); else addDate(date); } // Takes a 1-digit number and inserts a zero before it function padNumber(number) { var ret = new String(number); if (ret.length - 1) ret = "0" + ret; return ret; } jQuery(function () { jQuery("#datepicker").datepicker({ onSelect: function (dateText, inst) { addOrRemoveDate(dateText); }, beforeShowDay: function (date) { dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); console.log(dmy+' : '+($.inArray(dmy, availableDates))); if ($.inArray(dmy, availableDates) != -1) { return [true, "","Available"]; } else { return [false,"","unAvailable"]; } var gotDate = jQuery.inArray(dateString, dates); if (gotDate >= 0) { // Enable date so it can be deselected. Set style to be highlighted return [true, "ui-state-highlight"]; } // Dates not in the array are left enabled, but with no extra style return [true, ""]; } }); }); </script> </body> </html> quando tiro o array e das funçoes aparece o calendário bloqueado... alguma ajuda ? obrigado
  12. Chart.js click event

    Boas pessoal, Estou a começar a utilizar a framework chart.js para desenvolvimento de gráficos. Deparei-me com um problema de interação. Não consigo elaborar um click a não ser com um console.log igual para todos. Queria um console-log que me individualiza-se cada um deles, alguma ideia? (segue o código partindo do principio que o html é um simples canvas) var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] } } }); document.getElementById("myChart").onclick = function(evt){ console.log(123) };
  13. PHP + simplePagination.js

    Boa tarde dando continuação ao tópico, estou aqui com um problema que não consigo resolver. Tenho o seguinte Código. Quando executado mostra o seguinte: Eu consigo introduzir e remover os participantes da atividade, agora quando vou para as outras páginas ele introduz o participantes mas volta para a página numero 1 e não muda o numero da página na numeração. O que pretendia era que ele ao introduzir o participante se mantivesse na mesma página. Código de quando introduz o participante: simplePagination.js: Algumas sugestões? Cumprimentos, Fábio Peixeiro
  14. INSERIR COMENTARIO SEM REFRESH DA PAGINA

    Ola amigos, alguem me podia ajudar neste scripr que aqui puz, para inserir comentarios sem fazer refresh da pagina? INICIO.PHP <!-- BIBLIOTECA JQUERY(OFF-LINE)--> <script src="JQuery/jquery-1.11.3.js"></script> <!--JAVASCRIPT--> <script type="text/javascript" language="javascript"> $(document).ready(function() { //quando o utilizador clicar em button... $('button').click(function(){ var txt_comentario = $('#txt_comentario').val(); $.ajax({ url: 'inserir_comentario.php', <!--URL que desejamos solicitar--> type: 'POST', <!--metodo usado--> data: {txt_comentario:txt_comentario}, <!--dados a enviar no pedido--> function(resposta_da_url){ <!--conteúdo da página solicitada--> $('#mostrar_comentarios').prepend(txt_comentario + '<br>'); }); }); }); }); </script> <form id="form_comentario" action="javascript: func()" method="post"> <textarea name="txt_comentario" id="txt_comentario" onKeyDown="autoResize()" maxlength="500" placeholder="Digite o seu comentario..."></textarea> <br> <div id="status" style="display: none;"></div> <button>Comentar</button> <!--NOTA - Vale ressaltar que para fazer isso você não pode usar o botão submit, pois por mais que sua ação seja nula ele irá atualizara página...--> <!--<input type="submit" name="btn_comentar" value="comentar">--> </form> <div id="mostrar_comentarios"> <?php require_once 'ligacao_BaseDados.php'; $buscar_comentario = $ligacao->query("SELECT * FROM comentarios ORDER BY id_comentario DESC") or die(mysqli_error() ); while($mostrar = mysqli_fetch_array($buscar_comentario)) { $id_comentario = $mostrar['id_comentario']; $comentario = $mostrar['text_comentario']; echo $comentario ; } ?> </div> INSERIR_COMENTARIO.PHP <?php require_once 'Ligacao_BaseDados.php'; $comentario = $_POST['txt_comentario']; if (empty($comentario)) { echo '<span class="msg" style="color:red">Não pode comentar em branco! </span>'; } // Se não houver nenhum erro else { // Inserimos no banco de dados $inserir_comentario = $ligacao->query("INSERT INTO comentarios (text_comentario) VALUES ( '".$comentario."' ) ")or die(mysqli_error() ); echo '<span class="msg" style="color:green">Obrigado pelo comentario! </span>'; $buscar_comentario = $ligacao->query("SELECT * FROM comentarios ORDER BY id_comentario DESC") or die(mysqli_error() ); while($mostrar = mysqli_fetch_array($buscar_comentario)) { $id_comentario = $mostrar['id_comentario']; $comentario = $mostrar['text_comentario']; } echo $comentario; } ?>
  15. Jogo LOGOQUIZ

    Boa noite, preciso de ajuda com alguma urgencia. Tenho que realizar um jogo "logoquiz" em java. Tenho uma página index, onde tem 2 botoes um que leva ao novo jogo e outro que leva aos diferentes logotipo. Ao clicar no botao novojogo, aparece um logotipo, e queria que ao decifrar o nome do logotipo no botao seguinte aparece-se um novo logotipo sem ser necessario criar mais páginas. Agradeço ajuda!! Mando codigo por email se me conseguirem ajudar index.html <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Logo Quiz Game</title> <!-- Bootstrap ------------------------------------------------------------------------------------> <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Minhas/Css ------------------------------------------------------------------------------------> <link href="css/style.css" rel="stylesheet"> <link href="novojogo.html" rel="stylesheet"> <link href="escolherlogotipo.html" rel="stylesheet"> </head> <!-- Titulo --> <div class="row"> <div class="col-sm-12"> <div class="jumbotron jumbo"> <center><h2>Logo Quiz Game</h2></center> </div> </div> </div> <body background="imagens/imagem1.png"> <!-- Botao Novo Jogo -----------------------------------------------------> <div class="row"> <div class="col-sm-12"> <div class="col-sm-5"> <img src="imagens/imagem2.png" class="img-responsive imagens" height="300px" width="300px"></div> <div class="col-sm-6"> <a href="novojogo.html"> <button type="button" class="btn botao1 btn-lg"><span class="glyphicon glyphicon-play-circle"></span> Novo Jogo</button></a> <!-- Botao Escoler logotipo -----------------------------------------------------> <div class="row"> <a href="escolherlogotipo.html"> <button type="button" class="btn botao2 btn-lg"><span class="glyphicon glyphicon-signal"></span> Escolher Logótipo</button></a> </div> <div class="col-sm-1"> </div> </div> </div> </div> novojogo.html <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Logo Quiz Game</title> <!-- Bootstrap ------------------------------------------------------------------------------------> <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Minhas/Css ------------------------------------------------------------------------------------> <link href="js/novojogo.js" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <!-- Titulo --> <div class="row"> <div class="col-sm-12"> <div class="jumbotron jumbo"> <center> <h2> Logo Quiz Game</h2></center> </div> </div> </div> <body background="imagens/imagem1.png"> <!-- lOGOTIPO 1 --------------------------------------------------------------------------------------------------> <div class="row"> <div class="col-sm-12 "> <div class="col-sm-4"></div> <div class="col-sm-4 fundo"> <img src="logotipos/chorme.png" class="img-responsive logotipo" height="200" width="200"> </div> <div class="col-sm-4"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="col-sm-4"></div> <div class="col-sm-4"> <!-- classe utilizada para a ordem das letras --> <div class="chars sortable"></div> </div> <!-- JQuery--> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script> <script src="js/novojogo.js"></script> <div class="col-sm-4"></div> </div> </div> <!-- Botao Seguinte -----------------------------------------------------> <div class="col-sm-12"> <div class="col-sm-4"></div> <div class="col-sm-4"> </div> <div class="col-sm-4"> <a href="#"> <button type="button" class="btn botaoseguinte btn-lg"><span class="glyphicon glyphicon-arrow-right"></span> Seguinte</button></a> <div></div> <!-- <img src="logotipos/instagram.png" id="instagram" onclick="seguinte"> --> </div> </div> <!-- Botao Desistir -----------------------------------------------------> <div class="col-sm-12"> <div class="col-sm-4"></div> <div class="col-sm-4"> </div> <div class="col-sm-4"> <a href="index.html"> <button type="button" class="btn botaodesistir btn-lg"><span class="glyphicon glyphicon-remove"></span> Desistir</button></a> </div> </div> </body> </html> novojogo.js /*função para embaralhar as letras */ function shuffle(o) { for (var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o = o[j], o[j] = x); return o; } function createPuzzle() { var word = "CHROME"; /*Indica qual é a palavra que vai ser utilizada */ var word_arr = word.split(''); var letters = word.split(''); letters = shuffle(letters); /*baralha as letras */ /* forma as letras */ for (var i in letters) { $(".chars").append('<div class="char">'+letters+'</div>'); } $('.sortable').sortable({ update: function(event, ui) { var current_word = ""; $(".char").each(function(i, val) { current_word += $(val).text(); }); if (current_word == word) { /* quando a palavra está correta coloca um fundo verde */ $(".chars").css("background-color", "lightgreen"); } } }); } createPuzzle();
  16. Boas pessoal, Estou com o seguinte problema, tenho um modal, da jquery a ir buscar um formulário a uma página em php. O problema surge quando eu quero incluir nesse formulário uma função jquery autocomplete. Se tiver a tabela numa pagina normal (sem modal), a função autocomplete funciona que nem uma beleza. Se Não aparece o seguinte erro: VM459:2 Uncaught TypeError: $(...).autocomplete is not a function at HTMLDocument.eval (eval at globalEval (jquery.js:328), <anonymous>:2:26) at j (eval at globalEval (jquery.js:328), <anonymous>:2:26925) at Object.fireWith [as resolveWith] (eval at globalEval (jquery.js:328), <anonymous>:2:27738) at ready (eval at globalEval (jquery.js:328), <anonymous>:2:29532) O curioso disto é que funciona no internet explorer e no firefox, mas no chrome da esse erro manhoso....
  17. Imprimir outra página

    Boas, Eu queria criar um botão para imprimir outra página html, já andei à procura de uma solução mas não encontro nada. Eu conheço a função window.print(), mas o problema é que esta função apenas imprime a minha página e não a do link que quero... Além disso não força a previsão do que vai imprimir e isso era algo que gostaria de ter tambem. Vai uma ajuda?
  18. infowindow.setContent - google maps

    Olá, boas tardes! Alguém me pode ajudar/indicar como poderei fazer um if dentro do infowindow.setContent ? google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent( "<div class='info-window'>" + "<h1 class='fsize16 text-uppercase mtop5 fw700 mb5'>"+estabelecimentos[i][0]+"</h1>" + "<p>"+estabelecimentos[i][3]+ "</p>" + "<img src='"+estabelecimentos[i][1] +"' width='250' class='mb10'>" + "<p>"+estabelecimentos[i][2]+ "</p>" + "<a class='btn btn-xs' href='https://www.google.pt/maps/dir/" + estabelecimentos[i][5] + "," + estabelecimentos[i][6] + "' target='_blank' class='c-black'>"+ "<?php echo trans('geral.obter_direcoes'); ?>" + "</a>" + "<a class='btn btn-xs pull-right' href='https://www.google.pt/maps/dir/" + estabelecimentos[i][5] + "," + estabelecimentos[i][6] + "' target='_blank' class='c-black'>"+ "<?php echo trans('geral.ver_mais'); ?>" + "</a>" + "<div class='clearfix'></div>" + "</div>"); infowindow.open(map, marker) } })(marker, i)); No código acima, é possível colocar um if dentro do infowindow.setContent? A linha "<p>"+estabelecimentos[ i ][3]+ "</p>" + corresponde à classificação do estabelecimento (1,2,3,4,5 estrelas). Pretendia verificar se a classificação for maior que ZERO. No caso de ser maior ainda precisava de colocar um FOR dentro do IF para desenhar as estrelas necessárias. É possível? Obrigado.
  19. alternar entre imagem e video

    Para o seguinte codigo abaixo, quando digito vid, aparece somente o video, e quando digito foto, aparece a foto e o video. Como posso fazer para ter somente um video ou somente uma imagem? <html> <body> <h2>My First JavaScript</h2> <div id="video" class="UJAwNkhbYWM"><iframe id="caixa" allowfullscreen="" frameborder="0" height="200" width="250"></iframe> </div> <div id="div"><img id="img"></div> <br> Enter Text To Play: <input id="text" value=""> <br> <button class="btn btn-success" onclick="talk()">Atenas Falar!</button> <button type="button" onclick="document.getElementById('demo').innerHTML = Date()"> Click me to display Date and Time.</button> <p id="demo"></p> <script> var nota = document.getElementById("text").value; function limparimg() { document.getElementById("div").innerHTML=""; } function limparvid() { document.getElementById("video").innerHTML=""; } function videoof(){ var video = document.getElementById("video"); var video = video.className; var iFrame = document.getElementById("caixa"); iFrame.src = "https://www.youtube.com/embed/" + video; } function mostracav(){ var foto=new Array(10); foto[0]="<img src=http://www.ficasimples.com.br/eliza/cavit.jpg>"; foto[1]="<img src=http://www.ficasimples.com.br/eliza/cavit1.jpg"; foto[2]="<img src=http://www.ficasimples.com.br/eliza/cavit2.jpg>"; foto[3]="<img src=http://www.ficasimples.com.br/eliza/cavit3.jpg>"; foto[4]="<img src=http://www.ficasimples.com.br/eliza/cavit4.jpg>"; foto[5]="<img src=http://www.ficasimples.com.br/eliza/cavit5.jpg>"; foto[6]="<img src=http://www.ficasimples.com.br/eliza/cavit6.jpg>"; foto[7]="<img src=http://www.ficasimples.com.br/eliza/cavit7.jpg>"; foto[8]="<img src=http://www.ficasimples.com.br/eliza/cavit8.jpg>"; foto[9]="<img src=http://www.ficasimples.com.br/eliza/cavit9.jpg>"; foto[10]="<img src=http://www.ficasimples.com.br/eliza/cavit10.jpg>"; num=0 sorteia=Math.random(num)*6 ok=Math.round(sorteia) document.getElementById("div").innerHTML = foto[ok]; } function talk(){ var nota = document.getElementById("text").value; var vid ="vid"; if (nota == "vid") { limparimg(); videoof();} var qya ="foto"; if (nota == "foto" ) { mostracav();} } </script> </body> </html> Carlos
  20. Mensagem de alerta de remoção

    Boas, Tenho um bloco de código para remover, mas precisava que me aparece-se uma mensagem de confirmação de eliminação. Código: <body> <?php if(isset($_GET['idd'])){ $idd=$_GET['idd']; $result = mysqli_query($con,"delete from categoria where idcategoria='$idd'"); if($result){ header("locattion: categoria.html"); }else{ ?> <script> alert ("Fail to delete data"); window.locattion.href='categoria.html'; </script> <?php } } ?> </body> Ajuda? Cumprimentos
  21. Fetch

    Boas. Estou aqui com um pequeno problema. Estou a usar o fetch para fazer um pedido http a um localhost, mas assim que faz o pedido dá este erro: TypeError: Failed to fetch Contudo, ele vai ao servidor com os dados que eu quero. O ponto de entrada é o setAuth const headers = new Headers({ 'Access-Control-Allow-Origin':'*', 'Content-Type': 'application/json' }) function option(path, headers, method, body) { let host = 'http://localhost:8080/' return new Request(host + path, { method: method !== undefined ? method : 'GET', mode: 'cors', redirect: 'follow', headers: headers, body: body }) } function setAuth(email, password) { const req = 'users/login' let obj = {email: email, password: password} const opt = option(req, headers, 'POST', JSON.stringify(obj)) return getData(opt) } function getData(option) { return fetch(option) .then((resp) => { console.log(resp) return resp.json() }) .then((data) => { console.log(data) return data }) } Desde já obrigado
  22. Explicação

    Boas, Eu não sou muito entendido em javascript, e gostaria que alguém me explica-se se possível este código. Obrigado pela compreensão. Cumps var buttonFilter = { // Declare any variables we will need as properties of the object $filters: null, groups: [], outputArray: [], outputString: '', // The "init" method will run on document ready and cache any jQuery objects we will need. init: function(){ var self = this; self.$filters = $('.cd-main-content'); self.$container = $('.cd-gallery ul'); self.$filters.find('.cd-filters').each(function(){ var $this = $(this); self.groups.push({ $inputs: $this.find('.filter'), active: '', tracker: false }); }); self.bindHandlers(); }, // The "bindHandlers" method will listen for whenever a button is clicked. bindHandlers: function(){ var self = this; self.$filters.on('click', 'a', function(e){ self.parseFilters(); }); self.$filters.on('change', function(){ self.parseFilters(); }); }, parseFilters: function(){ var self = this; // loop through each filter group and grap the active filter from each one. for(var i = 0, group; group = self.groups[i]; i++){ group.active = []; group.$inputs.each(function(){ var $this = $(this); if($this.is('input[type="radio"]') || $this.is('input[type="checkbox"]')) { if($this.is(':checked') ) { group.active.push($this.attr('data-filter')); } } else if($this.is('select')){ group.active.push($this.val()); } else if( $this.find('.selected').length > 0 ) { group.active.push($this.attr('data-filter')); } }); } self.concatenate(); },
  23. Jogo Logo Quiz

    Boa Tarde, estou a fazer um trabalho para uma disciplina na minha universidade. Consiste num jogo do logoquiz onde se pretende que apareça um logotipo e as letras por baixo, e quando as letras tivessem pela ordem correta dava entao acesso a um novo logotipo. Queria saber se alguem tem algo do genero mesmo que seja de feito de outra forma, só para me ajudar a começar, já que eu não percebo muito de javascript. Agradeço desde já, obrigada!
  24. Filtering Options

    Boas , Tenho estado a desenvolver um projeto para a minha PAP de final de curso. O projeto consiste num sistema de orçamentos para uma empresa. Tenho uma galeria de fotos com um menu estilo "Hamburger" na qual abre uma aba com os devidos campos "combo boxes" que a medida que o utilizador vai escolhendo opção a opção eu queria que fossem ficando todas as fotos respetivas a escolha. Ex: O utilizador tem de escolher um carro e tem a oportunidade de poder escolher qualquer peça do carro, ou seja, quando escolher o banco fica na galeria uma imagem do banco quando no select a seguir escolher qual as rodas ficaria na galeria uma imagem das rodas e do banco, tudo isto para que no fim se tenha um conjunto de imagens cada uma relacionada com a opcao do utilizador. Eu optei por um sistema de "filtering" do estilo dos sites de compras que consoante os filtros vão sendo dispostas imagens correspondentes, mas o problema que eu tenho é: 1º Select- Opções -PVC -ALUMINIO -PVC REVESTIDO A ALUMINIO Caso ele escolha o pvc o pretendido seria ficar uma imagem pvc na galeria e quando ele fosse para o segundo select "combo box" 2º Select- Opções -Padrao granito -Padrao Madeira -Branco Após ele escolher a segunda opção e imaginemos que seria o "padrao madeira", teria de estar na galeria uma foto "pvc" e mais uma foto de um "padrao madeira" O meu problema é que quando ele escolhe por exemplo o pvc e depois por exemplo o branco, n fica imagem nenhuma pois o sistema é de filtering ou seja n existe imagens pvc brancas. O que eu quero é que ap´s todas as escolhas serem feitas que fique uma galeria com a respetiva seleção de imagens. Penso que fui claro, caso aja alguem que me pudesse ajudar, eu ficaria eternamente grato por tal feito, Caso seja necessário o codigo poderei fornece-lo com todo o gosto. Por favor alguém que me ajude, todos sabemos penso eu o quanto importante é uma PAP e eu estou quase a terminar a minha , basicamente só tenho isto como problema principal. Obrigado pela Compreensão, Comprimentos
  25. Mudar de Página

    Boa noite Tenho aqui uma duvida num sistema de logins eu tenho o registo e o login a funcao quando se carrega no botao login ele valida os dados e em vez de ficar na pagina de login eu queria que fosse imediatamente para outra como posso fazer isso atraves de javascript? Desde ja obrigado
×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade