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

  1. gnunesleandro

    wPaint.js - globalAlpha

    Senhores, Estou utilizando o wPaint.js ( http://wpaint.websanova.com/ ) em um projeto e preciso incluir uma caneta marca texto na barra de ferramentas. Então inclui o botão necessário e estou utilizando o callback que chama a função caneta ( pencil ). Pesquisei um pouco e vi que existe uma forma de aplicar opacidade na cor usando o globalAlpha do Canvas. Justamente ai que tudo começa. Como incluir isso junto ao wPaint.js para fazer essa caneta marca texto funcionar? Alguém já criou isso de alguma forma?
  2. Boas a todos, Seguinte, eu estou criando um sistema e nele quando eu dou click em uma div ele abre uma outra div, para isso eu usei JavaScript fazendo o seguinte: Eu coloquei um onClick="openStreaming(this)" e ao clicar ele abre a div cujo id é "streaming". function openStreaming(){ if(document.getElementById("streaming").style.display == "block"){ document.getElementById("streaming").style.display = "none"; }else{ document.getElementById("streaming").style.display = "block"; } } Queria saber como fazer para manter essa div aberta, ou fechada, dependendo do jeito que o usuário deixou antes de atualizar a página, após atualizar a página utilizando cookies!!
  3. ronei pires

    resultado entre datas

    Boa tarde a todos, tenho em formulário onde eu comparo duas datas ( dt_ocorrencia e dt_prev_entrega ) e trago o resultado, ate ai ok,,, porem gostaria de ao digitar em uns dos campos atualizasse o resultado. Desde já agradeço segue meu código. </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Dt Ocorrência:</label> <div class="col-sm-10"> <input type="date" required name="dt_ocorrencia" class="form-control" value="<?php echo $data_inicial = date('Y-m-d'); ?>"> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Prev. de Entrega:</label> <div class="col-sm-10"> <input type="date" required name="dt_prev_entrega" class="form-control" value="<?php echo $data_final = date('2016-08-12'); ?>"> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">SLA:</label> <div class="col-sm-10"> <input type="text" required name="sla" Onclick="calc()" class="form-control" value="<?php // Calcula a diferença em segundos entre as datas $diferenca = strtotime($data_final) - strtotime($data_inicial); //Calcula a diferença em dias $dias = floor($diferenca / (60 * 60 * 24)); echo "$dias"; ?>"> </div> </div>
  4. Olá Estou adaptando uma loja de carros em WP - cujo template foi comprado. Ocorre que na apresentação de slides, logo quando entramos, aparecem as 3 imagens dos carros demos juntas. Ainda não coloquei as imagens do site mesmo, pq estou primeiro aprendendo a lidar com o sistema. Nada sei de Javascript. Nada mesmo. Por isto, peguei o início do comando pelo codigo fonte e estou colocando aqui. A pergunta é: É assim mesmo? Onde diz o máximo de slides é o número 1 mesmo? Agradeço se alguém conseguir me ajudar. O site é: http://goo.gl/fre9iZ <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="home_slider "> <div class="slider slider_1" data-settings='{ "auto": true, "slideWidth": 940, "pause": 4000, "minSlides": 1, "infiniteLoop" : true, "maxSlides": 1, "slideMargin": 0, "controls" : false}'>
  5. Olá pessoal , Eu estou fazendo um página em que uso o google maps api. Porém eu quero pegar valores de uma variável PHP ou JSON e que seja incluído na array do Javascript. Eu não tenho ideia de onde começar, por isso peço se alguém aqui pode me dar uma força. O código é da seguinte maneira. dentro da variável ou JSON está a latitude e longitude do endereço, lá no script do mapa tem uma array que deve pegar esses valores e aplicar no mapa. Abaixo eu estou enviando uma imagem com um link do exemplo que quero realizar. Desde já fico agradecido pelas pessoas que me ajudar nesse projeto. link do exemplo. http://oscaraguiar.com/mapa
  6. ola pessoal eu estou com um script de envio de emails por um formulario em php, porem tem uma pagina de validaçao (onde a pagina do formulario chama ela ) que esta em javascript, e no meu formulario tem uma lista de checkbox. No php eu consigo pegar os valores do checkbox através do post e usando o foreach , porem nesse caso, preciso fazer isso na pagina de validaçao que esta toda em js, como faço para pegar os valores do checkbox por meio de javascript? se alguem souber agradeço
  7. Bom dia Pessoal, Ao editar um registro, eu abro uma janela modal que os campos dos form são preenchidos com um select pegando a ID que passo como parâmetro via ajax/jquery que faz a requisição e preenche com o resultado em uma div da minha modal, até ai tudo bem, o problema é que ao clicar no botão editar e quando abre a modal, sempre vem preenchido com os dados do registro que alterei primeiro, preciso que seja preenchido com forme a ID que passo, e a ID passada esta certinho, o problema é quando salvo e fecha a modal e quando edito o próximo registro, a modal vem com os dados do primeiro registro que alterei. Alguém tem alguma dica? Código do botão editar: <td width="35"><button type="button" name="btnAlterarContato" id="btnAlterarContato" class="btn btn-info glyphicon glyphicon-pencil" data-toggle="modal" data-target="#Modal-EndEntrega" onClick="teste('<?php echo $row["CODIGO"];?>')"></button></td> Código da função teste() que faz a requisição e preenche a div na modal: function teste(vCodigo){ $.ajax({ type: 'GET', dataType: 'html', url: 'cadastro/FCadEndEntrega.php', async: true, data: { vCODIGO: vCodigo}, success: function(resposta) { $("#vRetornoTeste").html(resposta); } }); }; Código dos dados preenchido ao abrir a modal: <?php include('../../conexao/FConexao.php'); $vCODIGO = $_GET['vCODIGO']; $vSQL = "SELECT * FROM teste WHERE CODIGO = '{$vCODIGO}'"; $res = $conexao->query($vSQL); $row = $res->fetch(); ?> <div id="vRetornoTeste"></div> <div class="row"> <form class="form-horizontal" id="FCadEndEntrega" name="FCadEndEntrega"> <div class="box-body"> <div class="container-fluid"> <div class="btn-group col-sm-3 pull-right" style="margin-top:-2px;"><!-- pull-right alinha a esquerda da tela --> <button type="button" name="btnAlterar" id="btnAlterar" class="btn btn-success" onClick="__gerenciarCliente('4')">Alterar</button> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="txtENDERECO">Endereço:</label> <div class="col-sm-6"> <input type="hidden" name="txtCODIGO" id="txtCODIGO" value="<?php echo $vCODIGO?>"> <input type="text" name="txtENDERECO" id="txtENDERECO" class="form-control" value="<?php echo $row['ENDERECO']?>"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="txtNUMERO">Número:</label> <div class="col-sm-2"> <input type="text" name="txtNUMERO" id="txtNUMERO" class="form-control" value="<?php echo $row['NUMERO']?>"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="txtPAIS">Pais:</label> <div class="col-sm-6"> <input type="text" name="txtPAIS" id="txtPAIS" class="form-control" value="<?php echo $row['PAIS']?>"> </div> </div> </div> </div> <br> </form> </div> </div> Código da função do botão alterar que salva e fecha a modal: function __gerenciarCliente(vAcao){ $.ajax({ type: 'POST', dataType: 'html', url: 'cadastro/FCadClienteTestAction.php', async: true, data: {vACAO: vAcao, vENDERECO: $('#txtENDERECO').val(), vNUMERO: $('#txtNUMERO').val(), vPAIS: $('#txtPAIS').val(),}, success: function(vResposta) { if(vResposta == 1){ $("#vRetorno").html('<div class="alert alert-success" role="alert">Dados atualizado com Sucesso!</div>'); $('#vRetorno').show(1000); setTimeout(function(){ $('#Modal-EndEntrega').modal('hide');}, 3000); $(this).removeData('modal'); }else{ $("#vRetorno").html('<div class="alert alert-danger" role="alert">'+vResposta+'</div>'); $('#vRetorno').show(1000); } } }); };
  8. ola pessoal eu estou com um script de envio de emails por um formulario em php, porem tem uma pagina de validaçao (onde a pagina do formulario chama ela ) que esta em javascript, e no meu formulario tem uma lista de checkbox. No php eu consigo pegar os valores do checkbox através do post e usando o foreach , porem nesse caso, preciso fazer isso na pagina de validaçao que esta toda em js, como faço para pegar os valores do checkbox por meio de javascript? se alguem souber agradeço
  9. Olá a todos! Criei um pequeno formulário em html e também um arquivo javascript onde é feito a validação dos campos. Este javascript é acionado por um evento onsubmit. Minha dúvida é a seguinte: já que eu peguei todos os valores dos campos e armazenei dentro de variáveis , ainda dentro desta função ( Validator() )eu podeira enviar essas variáveis para outra página usando ajax antes que ele seja submetido? Tendo em vista que eu não coloquei link no action? Se isso for possível, como fica o código para enviar as variáveis com ajax? <form name="frm" action="#" method="post" onSubmit="return validator();"> <fieldset> <div class="row"> <section class="col col-12"> <label class="input"> </label> </section> </div> </fieldset> <fieldset> <div class="row"> <section class="col col-6"> <label class="input"> <i class="icon-prepend fa fa-user"></i> <input type="text" name="first_name" placeholder="First Name" value=""> </label> </section> <section class="col col-6"> <label class="input"> <i class="icon-prepend fa fa-user"></i> <input type="text" name="last_name" placeholder="Last Name" value=""> </label> </section> </div> <div class="row"> <section class="col col-6"> <label class="input"> <i class="icon-prepend fa fa-envelope"></i> <input type="text" name="email" placeholder="Email" value=""> </label> </section> <section class="col col-6"> <label class="input"> <i class="icon-prepend fa fa-phone"></i> <input type="text" name="phone" placeholder="Phone" value=""> </label> <input type="submit" class="btn-u pull-right" value="Enviar" /> </section> </div> </fieldset> </form> Validação com javascript function validator(){ var first_name = document.frm.first_name.value; var last_name = document.frm.last_name.value; var email = document.frm.email.value; var phone = document.frm.phone.value; if(first_name ==""){ alert("The First Name field is required."); return false; } if(last_name ==""){ alert("The Last Name field is required."); return false; } if( email =="" || email.indexOf('@')==-1 || email.indexOf('.')==-1){ alert("The Email field must contain a valid email address."); return false; } if(phone ==""){ alert("The Phone field is required."); return false; } }
  10. marcosasfeijo

    Não carrega 2 componentes SELECT

    Olá. Não tenho experiencia com JAVASCRIPT e estou com um problema. Ao utilizar uma function() para carregar um tipo de componente SELECT do FRAMEWORK (MATERIALIZECSS) apenas o primeiro SELECT que criei está sendo carrgado, os demais não funcionam. Estou utilizando NetBeans template.xhtml <script type="text/javascript" > $(document).ready(function () { $('select').material_select(); }); </script> pagina1.xhtml (funcionando) <div class="input-field col s3"> <select> <option value="" >Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <label>Materialize Select</label> </div> pagina2.xhtml (não funciona) <div class="input-field col s3"> <select> <option value="" >Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <label>Materialize Select</label> </div>
  11. Como inserir um trecho no código abaixo para que o input da função pegue uma classe .error do jquery validate?? <script type="text/javascript"> ;(function( $ ) { // Browser supports HTML5 multiple file? var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined', isIE = /msie/i.test( navigator.userAgent ); $.fn.customFile = function() { return this.each(function() { var $file = $(this).addClass('customfile'), // the original file input $wrap = $('<div class="customfile-wrap">'), $input = $('<input type="text" class="customfile-filename" />'), // Button that will be used in non-IE browsers $button = $('<button type="button" class="customfile-upload">Selecionar</button>'), // Hack for IE $label = $('<label class="customfile-upload" for="'+ $file[0].id +'">Selecionar</label>'); // Hide by shifting to the left so we // can still trigger events $file.css({ position: 'absolute', left: '-9999px' }); $wrap.insertAfter( $file ) .append( $file, $input, ( isIE ? $label : $button ) ); // Prevent focus $file.attr('tabIndex', -1); $button.attr('tabIndex', -1); $button.click(function () { $file.focus().click(); // Open dialog }); $file.change(function() { var files = [], fileArr, filename; // If multiple is supported then extract // all filenames from the file array if ( multipleSupport ) { fileArr = $file[0].files; for ( var i = 0, len = fileArr.length; i < len; i++ ) { files.push( fileArr[i].name ); } filename = files.join(', '); // If not supported then just take the value // and remove the path to just show the filename } else { filename = $file.val().split('\\').pop(); } $input.val( filename ) // Set the value .attr('title', filename) // Show filename in title tootlip .focus(); // Regain focus }); $input.on({ blur: function() { $file.trigger('blur'); }, keydown: function( e ) { if ( e.which === 13 ) { // Enter if ( !isIE ) { $file.trigger('click'); } } else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del // On some browsers the value is read-only // with this trick we remove the old input and add // a clean clone with all the original events attached $file.replaceWith( $file = $file.clone( true ) ); $file.trigger('change'); $input.val(''); } else if ( e.which === 9 ){ // TAB return; } else { // All other keys return false; } } }); }); }; // Old browser fallback if ( !multipleSupport ) { $( document ).on('change', 'input.customfile', function() { var $this = $(this), // Create a unique ID so we // can attach the label to the input uniqId = 'customfile_'+ (new Date()).getTime(), $wrap = $this.parent(), // Filter empty input $inputs = $wrap.siblings().find('.customfile-filename') .filter(function(){ return !this.value }), $file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>'); // 1ms timeout so it runs after all other events // that modify the value have triggered setTimeout(function() { // Add a new input if ( $this.val() ) { // Check for empty fields to prevent // creating new inputs when changing files if ( !$inputs.length ) { $wrap.after( $file ); $file.customFile(); } // Remove and reorganize inputs } else { $inputs.parent().remove(); // Move the input so it's always last on the list $wrap.appendTo( $wrap.parent() ); $wrap.find('input').focus(); } }, 1); }); } }( jQuery )); $('input[type=file]').customFile(); </script>
  12. Shieldseg

    Problemas com myfunction

    Boa Noite! Sou iniciante em Javascript e novo aqui no fórum, estou com um problema para um site de um cliente. não estou conseguindo executar duas "Function" que encontrei no w3c ao mesmo tempo, está dando algum conflito: Segue o exemplo do meu problema a baixo: <!DOCTYPE html> <html> <head> <style> .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { background-color: #3e8e41; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .show {display:block;} .container { display: inline-block; cursor: pointer; } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px) ; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px) ; transform: rotate(45deg) translate(-8px, -8px) ; } </style> </head> <body> <p>Click on the Menu Icon to transform it to "X":</p> <div class="container" onclick="myFunction(this)"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <h2>Clickable Dropdown</h2> <p>Click on the button to open the dropdown menu.</p> <div class="dropdown"> <button id="myBtn" class="dropbtn">Dropdown</button> <div id="myDropdown" class="dropdown-content"> <a href="#home">Home</a> <a href="#about">About</a> <a href="#contact">Contact</a> </div> </div> <script> // Get the button, and when the user clicks on it, execute myFunction document.getElementById("container").onclick = function() {myFunction()}; /* myFunction toggles between adding and removing the show class, which is used to hide and show the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); </script> <script> function myFunction(x) { x.classList.toggle("change"); } </script> </body> </html> Quando um comando funciona, o outro não, se alguém puder dar uma ajuda! desde já, agradeço!
  13. Boa noite, estou desenvolvento um projeto que consiste em mapear uma imagem com area shape, e quando o usuário clicar nessa area, deve abrir uma caixa de dialogo. O problema é que não sei de que maneira eu devo chamar essa caixa de diálogo através do href. Usando JQuery consegui criar a caixa de diálogo <head> <link rel="stylesheet" href="[url=http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css]http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css[/url]" /> <script src="[url=http://code.jquery.com/jquery-1.8.3.js]http://code.jquery.com/jquery-1.8.3.js[/url]"> </script> <script src="[url=http://code.jquery.com/ui/1.9.2/jquery-ui.js]http://code.jquery.com/ui/1.9.2/jquery-ui.js[/url]"> </script> </head> <body> <map name="Mapeamento"> <!-- Primeira caixa de dialogo --> <div id="dialog1" title="Info1"> <p>Informação 1</p> <p>Informação 2</p> </div> <script> $( "#dialog" ).dialog({autoOpen: false}); </script> <area shape="poly" coords="1020,240,1000,225,1020,210,1040,215" href="ABRIR A CAIXA DE DIALOGO2 APARTIR DAQUI"> <!-- Segunda caixa de dialogo --> <div id="dialog1" title="Info1"> <p>Informação 1</p> <p>Informação 2</p> </div> <script> $( "#dialog" ).dialog({autoOpen: false}); </script> <area shape="poly" coords="870,530,820,530,885,474,890,500" href="ABRIR A CAIXA DE DIALOGO2 APARTIR DAQUI"> </map> </body> Preciso saber oque colocar em href para que isso seja possivel, agradeço desde já.
  14. Olá sou novo com o javascript, procurei alguns exemplos na internet, mas não encontrei nada que pudesse me ajudar no que eu preciso, eu quero saber se é possível manipular variáveis criadas no javascript, eu tenho uma página, que realiza uma série de funções, e essas funções possuem variáveis, eu preciso chamar essas funções, e pegar os valores retornados em variáveis especificas, isso seria possível? Seria algo semelhante as linguagens mais comuns como vb.net, c#, eu quero desenvolver uma aplicação, ou página web, em que eu realize essas funções já criadas, e apenas pegue os valores dessas variáveis, preciso coletar informações de um roteador conectado, e tudo o que ele realiza é através do javascript, por isso a necessidade de fazer isso a parte. Desde já agradeço.
  15. Natanael Paiva

    Enviar checkbox sem botao submit

    Olá tenho o sseguinte botao: <input type="checkbox" id="AovivoOno" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked> Este botao com css e javascript: e Quero saber como posso guardar no banco de dados um valo 1 quando este ativo e um valor 0 quando este inativo. Acho que sería bom usar ajax, para nao atualizar toda a página ao enviar. Obrigado
  16. squexy

    Fazendo scrape no Instagram

    Eu gostaria de sabe se é possível "pegar" os link de todas as fotos de um perfil do instragram sem usar a Api? Com o código abaixo eu consigo pegar apenas as 20 fotos mais recentes. $.getJSON('https://crossorigin.me/https://www.instagram.com/nygiants/media', function(data) { console.log(data); });
  17. Pessoal, boa noite! Estou com dificuldade de validar o formulário de contato desse site: www.meupotinhodafruta.com.br Os dados não "apagam" depois de clicar em Enviar. A mensagem não é enviada ao e-mail de destinatário. Como proceder? Sei que estou fazendo algo de errado mas não consegui identificar o erro, por favor, peço ajuda! :mellow:
  18. Lucas482

    Habilitar lista com jquery

    tenho essa lista que começa desabilitada: <div class="input-field col s12"> <select name="selecionatipo" disabled> <option value="" >Selecione uma opção:</option> <option value="1">Psicologia</option> <option value="2">Endocrinologia</option> <option value="3">Pneumologia</option> </select> <label>Sua área:</label> </div> queria habilitá-la quando o check-box fosse marcado: <input type="checkbox" id="medico"/> <label for="medico">Médico</label> tentei usar isso: <script> var update_lista = function () { if ($("#medico").is(":checked")) { $('#selecionatipo').attr('disabled', false); } else { $('#selecionatipo').attr('disabled', 'disabled'); } }; $(update_lista); $("#medico").change(update_pizza); </script> porém não da certo
  19. WHd

    Criar barra de rolagem

    E aí pessoal, beleza? Seguinte.. preciso criar uma barra de rolagem dinamicamente, de acordo com o tamanho de uma <div> e não sei como fazer. O cenário é este: Tenho um p:dialog (primefaces), que representa uma tela mestre/detalhe.. para ser mais específico é uma tela de vendas. Então eu tenho os dados do mestre (cliente, data da venda, etc..) e os dados do detalhe (produtos, quantidade, valor unitário...); Conforme eu vou adicionando produtos (produtoVenda na verdade) na minha venda, eu populo uma tabela de produtos daquela venda.. Acontece que, conforme a tabela cresce, os dados vão ficando escondidos, porque não tenho uma barra de rolagem na página (isso mesmo, não acho legal uma scrollbar na tabela, ou no próprio dialog). Me ajudem com isso por favor!!!
  20. Ola pessoal, nao tenho muita nocao em Javascript, desta forma venho buscar a ajuda da comunidade iMasters. Tenho o seguinte codigo em html: <form ng-submit="ssd.php" class="ssd_drop"> <select id="select_ssd"> <option value="">[Choose...]</option> <option value="1" label="SSD 1 - 5% ENVIO: 100%">SSD 1 - 5% ENVIO: 100%</option> <option value="2" label="SSD 2 - 10% ENVIO: 100%">SSD 2 - 10% ENVIO: 100%</option> <option value="16" label="SSD 3 - 25% ENVIO: 89%">SSD 3 - 25% ENVIO: 89%</option> <option value="14" label="SSD 4 - 25% ENVIO: 15%">SSD 3 - 25% ENVIO: 15%</option> </select> <input type="submit" id="submit" value="Enviar"> </form> Gostaria de saber se ha alguma forma de buscar o VALUE do ultimo '<option>' (de cima pra baixo) com ENVIO: 100%. Neste caso eu estou buscando o VALUE = "2" que esta com 100%. Muito obrigado desde ja.
  21. Eu queria sabe se tem como fazer isso? OUUUUU ativar esse javascript quando entra em alguma pagina ou tipo: Eu tenho o javascript comigo, e quero que ele redirecione pra uma determinada pagina e seja executado sozinho, tem como?
  22. Boa tarde galera, Estou desenvolvendo um sistema e reparei que ao tentar inserir um funcionário que possua acento o mesmo é adicionado de maneira equivocada. O sistema tem um formulário onde se adiciona os dados do funcionário a um "departamento" após isso, ele tem um botão adicionar para se adicionar mais funcionários ao departamento. Após adicionar todos os funcionários ao departamento tenho que envia-los para o banco de dados OBS: Testei enviando apenas 1 funcionário pelo formulário e está indo com acento certo. O problema é quando adiciono os dados do form em uma lista (pré formulário) ae qnd vou passar os dados parece que ele perde a configuração e grava errado Exemplo: Pará está vindo como PaÃj Código onde tem o formulário. <!DOCTYPE html> <?php include_once("conecta.php"); include_once("funcoes.php"); ?> <html lang="pt-br"> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <title>Substituição Temporário</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/corpo.css"> <link rel="stylesheet" href="css/bootstrap.css"> <script src="js/jquery-2.1.3.min.js" type="text/javascript"></script> <script src="js/form.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function(){ // Evento change no campo tipo $("select[name=unidade]").change(function(){ // Exibimos no campo marca antes de concluirmos $("select[name=lotacao]").html('<option value="">Carregando...</option>'); // Exibimos no campo marca antes de selecionamos a marca, serve tamb?m em caso // do usuario ja ter selecionado o tipo e resolveu trocar, com isso limpamos a // sele??o antiga caso tenha feito. // Passando tipo por parametro para a pagina ajax-marca.php $.post("ajax-lotacao.php", {tipo:$(this).val()}, // Carregamos o resultado acima para o campo marca function(valor){ $("select[name=lotacao]").html(valor); } ) }) }) </script> <script type="text/javascript"> function ResetFormValues() { $("#nome, #especialidade, #prazo, #nr_matricula").each(function () { $(this).val(""); }); $("textarea").val(""); $("#cargo, #lotacao").each(function () { $(this).val(""); }); } </script> <div id="interface"> <header id="cabecalho"> <hgroup> <h1>Substituição</h1> </hgroup> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu <span class="glyphicon glyphicon-user pull-right"></span></a> <ul class="dropdown-menu"> <li><a href="principal.php">Principal <span class="glyphicon glyphicon-home pull-right"></span></a></li> <li class="divider"></li> <li><a href="buscarSubstituidoI.php">Cadastrar Substituído<span class="glyphicon glyphicon-plus pull-right"></span></a></li> <li><a href="buscarSubstituido.php">Alterar Substituído<span class="glyphicon glyphicon-pencil pull-right"></span></a></li> <li class="divider"></li> <li><a href="buscarSubstituto.php">Alocar Substituto<span class="glyphicon glyphicon-pencil pull-right"></span></a></li> <li><a href="buscarSubstitutoA.php">Alterar Substituto<span class="glyphicon glyphicon-pencil pull-right"></span></a></li> <li class="divider"></li> <li><a href="buscarMemorando.php">Listar Memorando<span class="glyphicon glyphicon-list-alt pull-right"></span></a></li> <li class="divider"></li> <li><a href="finalizar.php">Desconectar<span class="glyphicon glyphicon glyphicon-log-out pull-right"></span></a></li> <li class="divider"></li> </ul> </li> </ul> </header> <section id="corpo"> <div class="container"> <?php $qntmemo = validaPermissaoSubstituido($conexao, $nr_memorando); $result_total = $qntmemo->fetch(PDO::FETCH_ASSOC); $resultado_total = $result_total[count]; if($resultado_total == 0){ ?> <form role="form" method='post' action='#'> <div class="row"> <div class="panel panel-default"> <div class="panel-body form-horizontal payment-form"> <div class="form-group"> <label for="memorando" class="col-sm-3 control-label">Nº Memorando</label> <div class="col-sm-9"> <input type="text" class="form-control" id="memorando" name="memorando"> </div> </div> <div class="form-group"> <label for="dateM" class="col-sm-3 control-label">Envio do Memorando</label> <div class="col-sm-3"> <input type="text" class="form-control" id="dateM" name="dateM"> </div> <label for="unidade" class="col-sm-3 control-label">Unidade</label> <div class="col-sm-3"> <select class="form-control" id="unidade" name="unidade"> <option value="">Selecione</option> <?php $resultado = comboBoxSecretaria($conexao); while ($linha = $resultado->fetch(PDO::FETCH_ASSOC)){ echo '<option value="'.$linha['cd_secretaria'].'"'.$selected.'>'.$linha['sg_secretaria'].'</option>'; }?> </select> </div> </div> </div> </div> <!-- panel preview --> <div class="col-sm-14"> <div class="panel panel-default"> <div class="panel-body form-horizontal payment-form"> <fieldset id="Form"> <div class="form-group"> <label for="nome" class="col-sm-3 control-label">Nome</label> <div class="col-sm-9"> <input type="text" class="form-control" id="nome" name="nome"> </div> </div> <div class="form-group"> <label for="cargo" class="col-sm-3 control-label">Cargo</label> <div class="col-sm-9"> <select class="form-control" id="cargo" name="cargo"> <option value="">Selecione</option> <?php $resultadoD = comboBoxCargo($conexao); while ($linhaD = $resultadoD->fetch(PDO::FETCH_ASSOC)){ echo '<option value="'.$linhaD['cd_cargo'].'"'.$selected.'>'.$linhaD['ds_cargo'].'</option>'; }?> </select> </div> </div> <div class="form-group"> <label for="especialidade" class="col-sm-3 control-label">Especialidade</label> <div class="col-sm-9"> <input type="text" class="form-control" id="especialidade" name="especialidade"> </div> </div> <div class="form-group"> <label for="lotacao" class="col-sm-3 control-label">Lotação</label> <div class="col-sm-9"> <select class="form-control" id="lotacao" name="lotacao"> <option value="0" selected="selected">Aguardando Unidade...</option> </select> </div> </div> <div class="form-group"> <label for="prazo" class="col-sm-3 control-label">Prazo solicitado em meses</label> <div class="col-sm-3"> <input type="text" class="form-control frm_number_only" id="prazo" name="prazo"> </div> <label for="nr_matricula" class="col-sm-3 control-label">Nº Matrícula</label> <div class="col-sm-3"> <input type="text" class="form-control frm_number_only" id="nr_matricula" name="nr_matricula"> </div> </div> <div class="form-group"> <label for="justificativa" class="col-sm-3 control-label">Justificativa</label> <div class="col-sm-9"> <textarea rows="4" cols="50" class="form-control" id="justificativa" name="justificativa"></textarea> </div> </div> <div id="aviso" style="display: none;"> <p style="color:red; font-size:14px">* Preencha todos os campos!</p> </div> </fieldset> <div class="form-group"> <div class="col-sm-12 text-right"> <input class="btn btn-default pre" type="button" id="limparCampos" onclick="ResetFormValues()" value="Limpar" /> <button type="button" class="btn btn-default preview-add-button"> <span class="glyphicon glyphicon-plus"></span> Adicionar </button> </div> </div> </div> </div> </div> <!-- / panel preview --> <div class="col-sm-14"> <h4>Resumo:</h4> <div class="row"> <div class="col-xs-12"> <div class="table-responsive"> <table class="table preview-table"> <thead> <tr> <th>Nº Memorando</th> <th>Nome</th> <th>Cargo</th> <th>Especialidade</th> <th>Prazo</th> </tr> </thead> <tbody></tbody> <!-- preview content goes here--> </table> </div> </div> </div> <div class="row"> <div class="col-xs-12"> <input type="hidden" class="form-control" id="jsonString" name="jsonString"> <hr style="border:1px dashed #dddddd;"> <!--<input type="submit" onclick="parametros();" class="btn btn-primary btn-block">--> <button onclick="parametros();" class="btn btn-primary btn-block">Enviar</button> </div> </div> </div> </div> </form> <?php }else{?> <form role="form" method='post' action='#'> <div class="row"> <div class="panel panel-default"> <div class="panel-body form-horizontal payment-form"> <div class="form-group"> <label for="mensagem" class="col-sm-9 control-label">Prazo encerrado para adicionar novos servidores ao memorando!</label> </div> </div> </div> </div> </form> <?}?> </div> </section> <footer id="rodape"> </footer> </div> </body> </html> Código que adiciona os elementos numa lista de preview antes de enviar os elementos para o banco: var list = []; $(function(){ $('.preview-add-button').click(function(){ var form_data = {}; form_data["memorando"] = $('.payment-form input[name="memorando"]').val(); form_data["dateM"] = $('.payment-form input[name="dateM"]').val(); form_data["unidade"] = $('.payment-form #unidade').val(); form_data["nome"] = $('.payment-form input[name="nome"]').val(); form_data["nr_matricula"] = $('.payment-form input[name="nr_matricula"]').val(); form_data["cargo"] = $('.payment-form #cargo').val(); form_data["especialidade"] = $('.payment-form input[name="especialidade"]').val(); form_data["lotacao"] = $('.payment-form #lotacao').val(); form_data["prazo"] =$('.payment-form input[name="prazo"]').val(); form_data["justificativa"] = $('.payment-form textarea[name="justificativa"]').val(); list.push(form_data); form_data["remove-row"] = '<span class="glyphicon glyphicon-remove"></span>'; var row = $('<tr></tr>'); if($('.payment-form input[name="nome"]').val() !== ""){ $.each(form_data, function( type, value ) { if((type == "justificativa")||(type == "unidade")||(type == "dateM")||(type == "lotacao")||(type == "nr_matricula")){ $("<td class='input-"+type+"' style='display:none'></td>").html(value).appendTo(row); }else{ $('<td class="input-'+type+'"></td>').html(value).appendTo(row); } }); }else{ $(function(){ $("#aviso").fadeIn(700, function(){ window.setTimeout(function(){ $('#aviso').fadeOut(); }, 5000); }); }); } $('.preview-table > tbody:last').append(row); calc_total(); }); }); Código onde possui o evento do botão de "enviar os dados do formulário" function parametros(){ for (i = 0; i < list.length; i++) { $.ajax({ data: { memorando: list[i]["memorando"], dateM: list[i]["dateM"], unidade: list[i]["unidade"], nome: list[i]["nome"], nr_matricula: list[i]["nr_matricula"], cargo: list[i]["cargo"], especialidade: list[i]["especialidade"], lotacao: list[i]["lotacao"], prazo: list[i]["prazo"], justificativa: list[i]["justificativa"] }, type: "POST", url: 'confirmarSubstituido.php', timeout: 20000, contentType: "application/x-www-form-urlencoded;charset=ISO-8859-1", dataType: 'json'}); } } Página onde a função Paramentros chama. <!DOCTYPE html> <?php include_once("conecta.php"); include_once("funcoes.php"); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/validacao.css"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <script src="js/jquery-2.1.3.min.js" type="text/javascript"></script> <script src="js/form.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <title>Sistema de Seleção</title> </head> <body> <?php session_start(); $memorando = $_POST["memorando"]; $dateM = gravar_data($_POST["dateM"]); $unidade = $_POST["unidade"]; $nome = $_POST["nome"]; $nr_matricula = $_POST["nr_matricula"]; $cargo = $_POST["cargo"]; $especialidade = $_POST["especialidade"]; $lotacao = $_POST["lotacao"]; $prazo = $_POST["prazo"]; $justificativa = $_POST["justificativa"]; $aux = count($prazo); $jsonString = $_POST["jsonString"]; ?> <table class="table table-striped table-bordered"> <tr> <?php if(!adicionaSubstituido($conexao, $memorando, $dateM, $unidade, $nome, $nr_matricula, $cargo, $especialidade, $lotacao, $prazo, $justificativa)){ ?> <td><p class="text-danger"> Erro ao cadastrar!</p></td> <?} ?> </tr> </table> </body> </html>
  23. Galera, boa noite! Beleza? Preciso pegar o valor que está contido no elemento que obtém a classe dataob quando eu clicar no botão no código abaixo via javascript: <tr style="background-color: white;"> <td class="uni_n" data-id1="'.$row["codigo"].'">'.$row["uni_n"].'</td> <td class="nome" data-id2="'.$row["codigo"].'">'.$row["nome"].'</td> <td class="dataob" data-id3="'.$row["codigo"].'">'.$row["dataob"].'</td> <td><button type="button" name="delete_btn" data-id4="'.$row["codigo"].'" class="btn btn-xs btn-danger btn_conclui">O</button></td> </tr> O problema é que, existem vários elementos que tem a mesma classe, que eu gero sobre demanda via php, então, pensei num código que pegasse assim: $(document).on('click', '.btn_conclui', function(){ var $elementoPai = $(this).parent().parent().find('.dataob'); }); Mas não retorna o que eu quero. Como proceder? eu estou fazendo certo?
  24. fccoelho7

    simpleGallery.js

    Upload, certamente, é uma parte difícil na programação, provavelmente você já teve problemas com isso. Por que não simplificar? Sem frameworks, apenas 2kb gzipped! http://https://fccoelho7.github.io/simpleGallery.js/
  25. Olá a todos! *Não sei se essa questão seria nesta área se não for favor mover. Mas vamos lá. Fiz um cadastro com um campo de upload: <input multiple="multiple" name="files[]" type="file" /> Mas desta forma o pessoal pode selecionar a quantia de arquivos que quiser. Queria saber se tem como limitar isso pra por exemplo "máximo de 10" arquivos. Grato.
×

Important Information

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