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

  1. como fazer para quando a pagina for recarregada o modal que eu criei nao abrir novamente, mas quando eu fechar a pagina e abrir denovo o modal abrir novamente como faco isso? <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> </div> <div class="modal-body"> <div class="form-group col-md-6"><img src="images/send.png"></div> <div class="form-group col-md-6"><h3 align="center" id="cor">Deseja Receber Nossas Novidades em <br>Primeira Mão </h3></div> <div align="center" class="form-group col-md-12"> <h4 align="center" id="cor">Inscreva-se para receber novidades</h4> <input type="text" name="nome" id="nome" placeholder=" Digite seu nome completo." size="25"> <input type="email" name="email" id="email" placeholder=" Digite seu E-mail." size="30"> </div> <div align="center" class="form-group col-md-12"> <button id="primary" class="btn">Cadastrar</button> </div> </div> <div class="modal-footer"> </div> </div> </div> </div>
  2. Ola viva pessoal, Estou com um problema no javascript eu gostava de incrementar uma serie de componentes dinamicamente, o problema é que a partir do 3 componente ele começa a duplicar os anteriores campos introduzidos tem como alguém me dar uma ajudinha?! var wrapper = $("#panel-add"); var n = $('.panel .panel-default').size() + 1; $('#add').click(function(){ y=n+1; var panel ='<div id="pn_'+ n +'" class="panel panel-default">\ <div class="panel-check"><input type="checkbox" name="opcao[]" id="'+ n +'" class="panel-heading" onclick="ActCheck(this)"/></div>\ '+ produto +' '+ y +'º - '+ tipo +'</div>\ <div id="body_'+ n +'" class="panel-body">\ <div class="panel-bodyLeft">\ <div class="panel-x1"></div>\ <div class="panel-x1">Participantes</div>\ <div class="panel-x1">\ <div class="rowControls">\ <div class="field1"><button type="button" class="menos" id="min'+ n +'">-</button></div>\ <div class="field2"><input type="text" class="txt" value="1" disabled="disabled" id="qntField'+ n +'"/></div>\ <div class="field3"><button type="button" class="mais" id="max'+ n +'">+</button></div>\ </div>\ </div>\ <div class="panel-x1"></div>\ </div>\ <div class="panel-bodyRight">\ <div class="panel-x2">Preço:</div><div class="panel-x3">'+price+'<span>EUR</span></div>\ <div class="panel-x2">Típo de Actividade:</div><div class="panel-x3" id="type'+ n +'">Época Alta</div>\ <div class="panel-x2">Participantes:</div><div class="panel-x3" id="qt_'+ n +'"><span>PEX.</span></div>\ <input type="text" id="qnt_max'+ n +'" value="'+ max_unit +'" size="5"/>\ <input type="text" name="acomodacoes[]" size="5" id="qnt_'+ n +'" value="" size="5"/>\ <input type="text" name="precoA[]" size="5" id="precoA'+ n +'" value="'+price+'"/>\ <input type="text" name="totalA[]" size="10" id="totalA'+ n +'" value=""/>\ <input type="text" name="subtotais[]" class="somatorios" size="10" id="subtotal_'+ n +'" value=""/>\ <div class="panel-x2">Preço/Participante:</div><div class="panel-x3" id="price_'+ n +'"><span>EUR</span></div>\ <div class="panel-x2">Preço/Reserva:</div><div class="panel-x3"> <i id="qt'+ n +'"> </i> <b>pex. x </b><i id="price'+ n +'"></i><b> eur. =</b> <a id="totalAct'+ n +'"></a> <span>EUR</span></div>\ </div>\ <div style="clear: both;"></div>\ </div>'; $(wrapper).append(panel); /*contador de campos*/ n++; }); esse é o código elaborado em javascript que deve ser carregado nesta tag única de html: <div id="panel-add"></div> ele deveria aparecer como campo [1],[2],[3],[4],[5]... o problema é que aparece da seguinte forma: [1],[2][1],[3][2][1],[4][3][2][1],... Qualquer ajuda é bem vinda
  3. E o seguinte pessoal tenho uma tabela dinâmica feita com java Script então quero pegar os dados dessa tabela jogar em um array detalhe na tabela tem botao delete que apaga a linha e quero pegar so a primeira e segunda coluna das tabelas segue o codigo: JavaScript da tabela dinamica: 1. <script LANGUAGE="JavaScript"> totals =0; function adiciona(){ totals++ tbl = document.getElementById("tabelaBanco") var novaLinha = tbl.insertRow(-1); var novaCelula; if(totals%2==0) cl = "#FFFFFF"; else cl = "##FFFFFF"; novaCelula = novaLinha.insertCell(0); novaCelula.align = "left"; novaCelula.style.backgroundColor = cl; novaCelula.innerHTML = document.getElementById('cprod').value; totals; novaCelula = novaLinha.insertCell(1); novaCelula.align = "left"; novaCelula.style.backgroundColor = cl; novaCelula.innerHTML = document.getElementById('cquant').value; novaCelula2 = novaLinha.insertCell(2); novaCelula.align = "left"; novaCelula.style.backgroundColor = cl; var btnEl = document.createElement('input'); btnEl.setAttribute('type', 'button'); btnEl.setAttribute('class', 'btn'); btnEl.onclick = function () {deleteRow(this.parentNode.parentNode.rowIndex)}; btnEl.setAttribute('value', 'Delete'); novaCelula2.appendChild(btnEl); } function deleteRow(i){ document.getElementById('tabelaBanco').deleteRow(i) } </script> E aqui esta minha tabela: <table id='tabelaBanco' class="table table-hover" border='0' width='30%'> <tr style='background-color:#FBF6F7'> <td class="name"><strong>Produto</strong></td> <td class="name"><strong>Quantidade</strong></td> <td><strong>Excluir</strong></td> </tr> </table> Quero pegar esses dados sem o botão input que esta na tabela de delete
  4. E o seguinte pessoal tenho uma tabela dinâmica feita com java Script então quero pegar os dados dessa tabela jogar em um array detalhe na tabela tem botao delete que apaga a linha e quero pegar so a primeira e segunda coluna das tabelas segue o codigo: JavaScript da tabela dinamica: 1. <script LANGUAGE="JavaScript"> totals =0; function adiciona(){ totals++ tbl = document.getElementById("tabelaBanco") var novaLinha = tbl.insertRow(-1); var novaCelula; if(totals%2==0) cl = "#FFFFFF"; else cl = "##FFFFFF"; novaCelula = novaLinha.insertCell(0); novaCelula.align = "left"; novaCelula.style.backgroundColor = cl; novaCelula.innerHTML = document.getElementById('cprod').value; totals; novaCelula = novaLinha.insertCell(1); novaCelula.align = "left"; novaCelula.style.backgroundColor = cl; novaCelula.innerHTML = document.getElementById('cquant').value; novaCelula2 = novaLinha.insertCell(2); novaCelula.align = "left"; novaCelula.style.backgroundColor = cl; var btnEl = document.createElement('input'); btnEl.setAttribute('type', 'button'); btnEl.setAttribute('class', 'btn'); btnEl.onclick = function () {deleteRow(this.parentNode.parentNode.rowIndex)}; btnEl.setAttribute('value', 'Delete'); novaCelula2.appendChild(btnEl); } function deleteRow(i){ document.getElementById('tabelaBanco').deleteRow(i) } </script> E aqui esta minha tabela: <table id='tabelaBanco' class="table table-hover" border='0' width='30%'> <tr style='background-color:#FBF6F7'> <td class="name"><strong>Produto</strong></td> <td class="name"><strong>Quantidade</strong></td> <td><strong>Excluir</strong></td> </tr> </table> Quero pegar esses dados sem o botão input que esta na tabela de delete
  5. Pessoas... tudo bem? Estou fazendo uma consulta em um banco Sqlite e queria que o resultado fosse armazenado em uma variável do javascript para eu poder trabalhar com esses resultados no restante do código. Estou fazendo assim: db.transaction(function(tx) { var ide = 1; tx.executeSql('SELECT * FROM tab_users', [ide], function (tx, results) { var len = results.rows.length, i; for (i = 0; i < len; i++) { var_name = results.rows.item(i).name; var_country = results.rows.item(i).country; } }); }); alert ("Name is " + var_name + " and country is " + var_country); Mas esse código não funciona.. somente se eu colocar o alert dentro do for desse jeito: for (i = 0; i < len; i++) { var_name = results.rows.item(i).name; var_country = results.rows.item(i).country; alert ("Name is " + var_name + " and country is " + var_country); } Eu preciso dessas variáveis pra usar no final do meu código html Alguém tem alguma sugestão de como vou conseguir fazer isso?
  6. //retorna o usuário logado no sistema public class ContextObject{ public static Usuario getUsuario() { ContextObject contextObject = ContextFactory.getContextObject(); return contextObject.usuario; } } //mostra numa função alert o usuário logado alert(ContextObject.getUsuario()); Tendo em vista que esses dois códigos estão em arquivos diferentes. Estou fazendo isso mas não está certo, como devo fazer?
  7. Boa tarde, Segue oportunidade para Franca - SP. Interessados também podem entrar em contato via Skype com: acricp
  8. bruno_mlo

    Javascript(Jquery)

    Pessoal to com um site aqui com erro, isso ta atrapalhando outros scripts... Tem o seguinte erro no debug do firefox: $(...).offset(...) is undefined... alguem pode me ajudar????????? vou mandar o trecho do código q da erro $(document).ready(function(){ $(window).scroll(function() { clearTimeout($.data(this, 'scrollTimer2')); $.data(this, 'scrollTimer2', setTimeout(function() { var eTop2 = $('section.servicos .banner.personalizado .release').offset().top; //get the offset top of the element if(eTop2 - ($(window).scrollTop()+$(window).height()) < 0) { $('section.servicos .banner.personalizado .release').addClass("animated bounceIn visibility"); } }, 0)); }); });
  9. Boa tarde Pessoal! Sou novo na área e preciso de uma ajuda. Eu faço inserções em uma tabela temporária através de combos dinâmicos (select de produtos e outros select de quantidade) Meu problema é que ao tentar inserir os dados da tabela temporária no banco de dados dar um erro (Notice: Undefined index: produtos in ….) esse produtos que ele não encontra é: for( $i=0; $i<count( $_POST['produtos'] ); $i++ ) Eu não estou usando input e sim select para inserir na tabela temporária, desta forma o hidden ficou dessa forma: var hiddens = ‘< select type=”hidden” name=”produtos[]” value=”‘+produtos+'” >‘+ ‘< input type=”hidden” name=”valor[]” value=”‘+valor+'” />’+ ‘< select type=”hidden” name=”quantidade[]” value=”‘+qtd+'” >‘; $(‘#form_insert’).find(‘fieldset’).append( hiddens ); Creio que está errado o modo de receber os dados da tabela que são via um combo de select Desde já agradeço galera vlw A base desse processo de inserir numa tabela temporária e depois inserir no banco foi lendo um post de WILLIAM BRUNO link: http://wbruno.com.br/javascript-puro/cadastro-de-conteudo-formulario-adiciona-dados-em-tabela-temporaria/#comment-168294
  10. gezer

    passar dados para outro input

    boa noite galera estou com uma duvida qual melhor opção php puro ou com javascript lembrando que tenho que pegar o dado passado para enviar para o banco em outra. [/size] [/size] Esta assim atualmente usando java script. mas quero passar por php como poderia fazer? vai ficar assim depois [/size] [/size] //<![CDATA[ window.onload=function(){ var btn = document.getElementById('btn'); btn.addEventListener('click', passar); function passar() { var valorA = document.getElementById("valorA"); var nome = document.getElementById("nome"); nome.value += (valorA.value + '\n'); }; }//]]> <select name="valorA" id="valorA" size="3" multiple> <option value="Gezer">Gezer</option> <option value="João" selected>João</option> <option value="Marcos">Marcos</option> </select> <button type="button" id="btn">passar valores</button>Nome: <textarea id="nome" size="10"></textarea>
  11. borntkteam@hotmail.com

    Exbir e Ocultar dados

    Fala Galera blz , sou novo em php ainda estou aprendendo estou desenvolvendo um sistema simples aqui pra empresa de controle de Normas , abaixo segue uma lista de como está ficando a tabela quando é lançado so que como eu posso lançar mais de 1 registro por funcionario , ele vai criando reegistro repetidos eu queria que mostrasse apenas o nome e quando eu clica-se em cima ou em um + ele mostrasse os demais registro segue print e codigo. <body> <?php include"topo.php";?> <?php include"config.php"; ?> <div class="container"> <h2>Lista Efetivo</h2> <p>Segue lista efetivo :</p> <div class="select"> <form method="POST" action=""> Colaborador : <input type="text" name="busca" class="select"> <input type="submit" value="Buscar" name="ok"> </form> <form action="" method="POST"> <select name="categoria" class="select"> <option value="ativo" >Ativo</option> <option value="vencida">Vencida</option> </select> <input type="submit" Value="Buscar" /> </form> </div> <table class="table table-striped"> <thead> <tr> <th>Nome</th> <th>Função</th> <th>Setor</th> <th>Obra</th> <th>Situação Pessoa</th> <th>Norma</th> <th>Data Vigor </th> <th>Situação Norma</th> <th>Validade</th> <th>Dias Restantes</th> <th>Certificado</th> </tr> </thead> <tbody> <tr> <?php $categoria= @$_POST['categoria']; $busca = @$_POST['busca'];// pega os dados recebido no campo busca $exec = mysql_query("SELECT NCP.codigo, NCP.codigo_norma, NCP.codigo_cadastro_pessoa, NCP.data_atual_norma, NCP.situacao_norma_pessoa, NCP.dias_restante, N.norma, N.validade, C.nome, C.setor, C.funcao, C.obra, C.situacao_pessoa, U.file FROM normas_cadastro_pessoa NCP INNER JOIN normas N ON N.id_norma=NCP.codigo_norma INNER JOIN cadastro_pessoa C ON C.codigo_pessoa=NCP.codigo_cadastro_pessoa INNER JOIN uploads U ON U.id=NCP.codigo where C.nome LIKE '%$busca%' and NCP.situacao_norma_pessoa LIKE '%$categoria%' ORDER BY `nome` ASC;") or die (mysql_error()); while ($mostrar = mysql_fetch_assoc($exec)){ $situacao= $mostrar['situacao_norma_pessoa']; if ($situacao == 'Ativo'){// faz a verificaçao e altera a class do botao $btn="btn btn-success btn-sm"; } else { $btn="btn btn-danger btn-sm"; } echo '<tr>'; //echo '<th>' . $mostrar['codigo'] . '</td>'; echo '<th>' . $mostrar['nome'] . '</th>'; echo '<th>' . $mostrar['funcao'] . '</th>'; echo '<th>' . $mostrar['setor'] . '</th>'; echo '<th>' . $mostrar['obra'] . '</th>'; echo '<th>' . $mostrar['situacao_pessoa'] . '</th>'; echo '<th>' . $mostrar['norma'] . '</th>'; echo '<th>' . $mostrar['data_atual_norma'] . '</th>'; echo '<th><button type="button" class="'.$btn.'">'.$mostrar['situacao_norma_pessoa'].'</button></th>'; echo '<th>' . $mostrar['validade'] . ' dias</th>'; echo '<th>' . $mostrar['dias_restante'] .'dias</th>'; echo '<th><a href="uploads/'.$mostrar['file'].'" target="_blank">view file</a></th>'; // codigo abaixo faz a comparação da validade do cadastro norma com o lançamento $data_geracao =$mostrar['data_atual_norma']; // recebe da coluna data atual norma $data = explode("-",$data_geracao); $dia = $data[2]; $mes = $data[1]; $ano = $data[0]; $dias_vencimento = $mostrar['validade']; $data_vencimento = date("Y-m-d", mktime (0, 0, 0, $mes, $dia+$dias_vencimento, $ano)); $data_hoje = date("Y-m-d"); $codigo= $mostrar['codigo']; // //faz comparação dos dias e insere os dias restantes no banco de dados $datetime2 = new Datetime ($data_vencimento); $datetime1 = new datetime ($data_hoje); $interval = $datetime1->diff($datetime2); $dias_restantes =$interval->format('%r%a '); // //executa a query com os dias restante e grava no banco! $exec2 = mysql_query("UPDATE normas_cadastro_pessoa SET dias_restante='$dias_restantes' WHERE codigo= '$codigo'")or die (mysql_error()); // if ($data_hoje <= $data_vencimento) { $exec2 = mysql_query("UPDATE normas_cadastro_pessoa SET situacao_norma_pessoa='Ativo' WHERE codigo= '$codigo'")or die (mysql_error()); }else { $exec2 = mysql_query("UPDATE normas_cadastro_pessoa SET situacao_norma_pessoa='Vencida' WHERE codigo= '$codigo'")or die (mysql_error()); } } //SELECT `normas_cadastro_pessoa`.*,`normas`.`validade` FROM `normas_cadastro_pessoa` //INNER JOIN `normas` ON `normas_cadastro_pessoa`.`codigo_norma` = `normas`.`id_norma ?> </tbody> </table> </div> </div> </body> <?php include"rodape.php"?> </html>
  12. //retorna o usuário logado no sistema public class ContextObject{ public static Usuario getUsuario() { ContextObject contextObject = ContextFactory.getContextObject(); return contextObject.usuario; } } //mostra numa função alert o usuário logado alert(ContextObject.getUsuario()); Tendo em vista que esses dois códigos estão em arquivos diferentes. estou fazendo isso mas não esta certo, como devo fazer? Preciso pegar o retorno do código java e mostrar o que esta chegando na função alert do java script
  13. Wesley Inacio

    Alterar senha PHP + JavaScript

    Olá, Eu preciso de ajuda para o usuário alterar seu login/senha/nick do site, porém, em uma caixa. Como assim? A pessoa clicará nesse botão: Depois, irá aparecer esta caixa: Após isso, digitaria o nick, e alteraria no banco de dados. Alguém pode me ajudar? o código é este. <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#apprise-1').click(function() { apprise('Digite seu novo Usuário.', {'animate': true, 'input': true}, function(r) { if (r) { alert('Você digitou: '+r+', Porém, estamos em manutenção.'); } else { alert('Você não digitou seu novo Usuário.'); } }); }); jQuery('#apprise-2').click(function() { apprise('Digite sua nova Senha.', {'animate': true, 'input': true}, function(r) { if (r) { alert('Você digitou: '+r+', Porém, estamos em manutenção.'); } else { alert('Você não digitou sua nova Senha.'); } }); }); jQuery('#apprise-3').click(function() { apprise('Digite seu novo Nick.', {'animate': true, 'input': true}, function(r) { if (r) { alert('Você digitou: '+r+', Porém, estamos em manutenção.'); } else { alert('Você não digitou seu novo Nick.'); } }); }); jQuery('#apprise-4').click(function() { apprise('Digite sua nova Patente.', {'animate': true, 'input': true}, function(r) { if (r) { alert('Você digitou: '+r+', Porém, estamos em manutenção.'); } else { alert('Você não digitou sua nova Patente.'); } }); }); }); </script>
  14. [PESSOAL JÁ CONSEGUI RESOLVER. FAVOR IGNORAR] Olá, Pessoal. Gostaria da ajuda de você no seguinte: Tenho um efeito JS de abas no meu site que já veio pronto. Porém quando carrega o site ao invés de abrir na primeira aba, abre na última. Como conheço pouco de JS, gostaria da ajuda para poder definir a primeira aba como ativa no carregamento. Segue o link: http://www.propainel.com/novo/index.php/midia-exterior/ Desde já obrigado.
  15. Olá pessoal, Primeiramente, me desculpem por qualquer erro. Sou novo na área de programação e surgiu uma dúvida da qual acredito ser de fácil resolução. Seguinte: Estou montando um site somente de estudo onde quero carregar um texto dinamicamente. A intenção é criar muitas páginas com um mesmo texto no topo. Este texto poderia ser carregado "de alguma forma" através de uma função. Desta maneira, toda vez que for necessário alterar o texto, farei apenas no arquivo 'fonte' e todas as páginas que conterem este texto serão atualizadas para o novo texto. Só pra concluir, seria como no exemplo do CSS. Meu html ficaria mais limpo e de fácil atualização. Agradeço por toda e qualquer ajuda. Um forte abraço a todos Att Daniel
  16. Olá pessoal, estou tentando criar um código que gere um código de barras a partir de uma chave numérica de 44 dígitos e imprima isso em um arquivo pdf. Consegui gerar o arquivo pdf com os formulários que eu queria, e consegui achar uma forma de gerar o código, mas o código não é impresso. Tenho os seguintes arquivos: Teste_CodeBar.php <!DOCTYPE html> <html> <head> <title>BytescoutBarcode128 SDK barcode generation example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- bytescoutbarcode128.js script containing bytescoutbarcode128 class to generate barcode image --> <script type="text/javascript" src="bytescoutbarcode128_1.00.07.js"></script> <!-- Downloadify (https://github.com/dcneiner/Downloadify#readme) script (Downloadify helps to download javascript-generated file even in old browsers which do not supports Data URI scheme for data streaming) --> <script type="text/javascript" src="downloadify.min.js"></script> <!-- helper file for Downloadify--> <script type="text/javascript" src="swfobject.js"></script> <!-- Helper script with CheckDataURISupport() function to determine if current browser supports Data URI scheme --> <script type="text/javascript" src="checkdatauri.js"></script> <!-- helper script from google code to init HTML5 support in Internet Explorer if needed --> <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js" type="text/javascript"></script> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/ie7-squish.js" type="text/javascript"></script> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> </head> <body onload="updateBarcode()"> <form action="" method='POST'> Barcode value: <input id="barcodeValue" type="text" name="value" value="" /> <input type="button" value="Update" onclick="updateBarcode()" /> <input type="submit" name='PDF' value="PDF"/> </form> </p> <script type="text/javascript"> function updateBarcode() { var canvas1 = document.getElementById("barcodeCanvas"); var barcode = new bytescoutbarcode128(); var value = document.getElementById("barcodeValue").value; barcode.valueSet(value); barcode.setMargins(5, 5, 5, 5); barcode.setBarWidth(2); barcode.setSize(barcode.getMinWidth(), 75); var width = barcode.getMinWidth(); var barcodeImage = document.getElementById('barcodeImage'); barcodeImage.src = barcode.exportToBase64(width, 75, 0); // export to base64 encoded byte stream var base64ImageData = barcode.exportToImageDataBase64(width, 75, 0); Downloadify.create('downloadify', { // parameter to tell that we should place "Download" button in DIV element with "Downloadify" id filename: 'barcode.png', // filename to use when user want to save PDF file data: base64ImageData, // pass data encoded with base64 onComplete: function () { alert('Sample.pdf has been saved!'); }, // message to show once saving local file has been completed onCancel: function () { alert('You have cancelled saving Sample.pdf'); }, // message to show if user canceled saving file (canceled Save File dialog) onError: function () { alert('Error occured while generating barcode image file, please contact support@bytescout.com'); }, // message to show on error if something goes wrong transparent: false, // enable transparency for the button or not swf: 'downloadify.swf', // filename of SWF button (required for some old browsers) downloadImage: 'download.png', // image to use as a surface for download button width: 100, // width of the button height: 30, // height of the button append: false, // replace button to the current content of "Downloadify" div element or replace (we replace) dataType: 'base64' // set that we pass data encoded with base64 method }); } </script> </body> </html> <?php require('fpdf.php'); class PDF extends FPDF{ // Page header function Header() { // Logo $this->Image('logo.jpg',10,10,30); // Courier normal 15 $this->SetFont('Courier','',15); // Move to the right $this->Cell(70); // Title $this->Cell(50,10,'Lista de Testes',1,0,'C'); // Line break $this->Ln(15); } // Page footer function Footer() { // Position at 1.5 cm from bottom $this->SetY(-15); // Arial italic 8 $this->SetFont('Arial','I',8); // Page number $this->Cell(0,5,'Página '.$this->PageNo().'/{nb}',1,0,'C'); } function CodeBar(){ echo '<img id="barcodeImage" style="border: solid 1px blue;"/>'; } } //variáveis dos campos $rem = "Açogueiro"; $dest = "Cliente"; $cons = "Rico"; $red = "Palpérrimo"; $valor = 20.54; $taxa = 50.16; $imposto = 70.23; $ICMS = 71.53; $Ladroagem = 90.45; // Instanciation of inherited class $pdf = new PDF(); $pdf->AliasNbPages(); $pdf->AddPage(); $pdf->SetFont('Arial','',8); $pdf->Cell(30,4,"Remetente",1,0); $pdf->Cell(50,4,"Destinatário",1,0); $pdf->Cell(50,4,"Consignatário",1,0); $pdf->Cell(60,4,"Redespacho",1,0); $pdf->Ln(4); $pdf->SetFont('Courier','',10); $pdf->Cell(30,7,$rem,1,0); $pdf->Cell(50,7,$dest,1,0); $pdf->Cell(50,7,$cons,1,0); $pdf->Cell(60,7,$red,1,0); $pdf->Ln(7); $pdf->SetFont('Arial','',8); $pdf->Cell(25,4,"Valor",1,0); $pdf->Cell(25,4,"Taxa",1,0); $pdf->Cell(25,4,"Imposto",1,0); $pdf->Cell(25,4,"ICMS",1,0); $pdf->Cell(30,4,"Ladroagem",1,0); $pdf->Cell(60,4,"Total Cobrado",1,0); $pdf->Ln(4); $pdf->SetFont('Arial','',10); $pdf->Cell(25,5,$valor,1,0); $pdf->Cell(25,5,$taxa,1,0); $pdf->Cell(25,5,$imposto,1,0); $pdf->Cell(25,5,$ICMS,1,0); $pdf->Cell(30,5,$Ladroagem,1,0); $pdf->Cell(60,5,$valor,1,0); $pdf->Ln(10); $pdf->Cell(0,7,"Lista de Produtos Comercializados",1,1,'C'); //$pdf->Ln(5); $pdf->SetFont('Courier','',10); for($i=1;$i<=70;$i++){ $pdf->Cell(50,5,"Produto número: ".$i,1,0,'L'); $pdf->Cell(50,5,"Produto número: ".$i,1,0,'L'); $pdf->Cell(50,5,"Produto número: ".$i,1,0,'L'); $pdf->Cell(40,5,"Produto número: ".$i,1,0,'L'); $pdf->Ln(5); } $pdf->CodeBar(); if(isset($_POST['PDF'])){ $pdf->Output(); } ?> Biblioteca fpdf.php: http://www.fpdf.org/en/download.php Bibliotecas js para gerar o código de barras: http://bytescout.com/barcodegeneratorsdkjs_code128/index.html As bibliotecas js me permitem criar uma imagem com o código recebido e a fpdf gera e permite a impressão do arquivo pdf formatado da forma que eu desejar. Contudo, ele apresenta o seguinte erro: FPDF error: Some data has already been output, can't send PDF file. Como se ele não pudesse gerar o PDF e a imagem ao mesmo tempo. Gostaria de saber quais as possibilidades para que eu consiga imprimir o código dentro do pdf sem que o usuário tenha que salvar a imagem do código de barras e em seguida o pdf com o mesmo código. Um jeito de passar a imagem via get pra dentro da função CodeBar (se é que isso é possível), sla qqr coisa, nem q precise de outra página para o usuário, mas os dois tem que sair juntos. Desde já agradeço.
  17. juninhogpe

    Scrool para conteúdo da Página

    Bom dia. Não sei se estou postando na seção certa e se esse seria o título ideal, mais a minha dúvida é a seguinte: No meu site tenho alguns menu's como fotos, videos, etc. e ao clicar em por exemplo fotos eu gostaria que abrisse a página "fotos.php" e ao invés de abrir no topo da página gostaria que já abrisse direto na div "conteudo" por exemplo, como eu poderia fazer isso com javascript ou jquery? Agradeço.
  18. Alfredo B.

    Checkbox Que Atualiza Valor Total

    Galera to tentando criar um sistema de pedidos online e tenho esse codigo aqui já pronto <td colspan="3"><h4><center>Adicionais</center></h4></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="2" onClick="soma(this)"> L. Ninho</td> <td><input type="checkbox" autocomplete="off" name="valor" value="3" onClick="soma(this)"> Nutella<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="3" onClick="soma(this)"> Chantilly<br></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="1.5" onClick="soma(this)"> L. Condensado<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.5" onClick="soma(this)"> S. Valsa<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="2.5" onClick="soma(this)"> Sorvete<br></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="2.5" onClick="soma(this)"> Chocolate<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="2" onClick="soma(this)"> Kit Kat<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="2" onClick="soma(this)"> Confete<br></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Morango<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Banana<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Granola<br></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Kiwi<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Manga<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Pessego<br></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="2.00" onClick="soma(this)"> Ovomaltine<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.00" onClick="soma(this)"> Mel<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.00" onClick="soma(this)"> Paçoca<br></td> </tr> <tr> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> C. Caramelo<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Bis<br></td> <td><input type="checkbox" autocomplete="off" name="valor" value="1.50" onClick="soma(this)"> Chocoball<br></td> </tr> <script type="text/javascript"> (function() { var elements = document.getElementsByTagName('input'); var resultado = document.getElementById('resultado_soma'); var total = 100.00; for (var i = 0; i < elements.length; i++) { elements[i].onclick = function() { if (this.checked === false) { total = total - this.value; } else { total = total + parseFloat(this.value); } resultado.innerHTML = total; } } })(); </script> eu quero que ele exiba o valor aqui <h4 class="classic-title"><span>Valor Total:</span></h4> <h1> <?php echo $lndet['valorin'] + $valor ?>R$ </h1> coisa que não está acontecendo... alguem me ajuda
  19. Possuo na minha página algumas opções em checkboxes. Seriam opções de campanhas. Segue o código da tabela onde elas estão dispostas (linhas de três): <table style="font-family: Trebuchet MS; font-size: 20px" align="center"> <tr> <td> <img id="imgCamp1" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0001.jpg" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp1" type="checkbox" class="cb" style="; Campanha 1 </td> <td> <img id="imgCamp2" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0002.jpg" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp2" type="checkbox" class="cb" style="; Campanha 2 </td> <td> <img id="imgCamp3" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0003.jpg" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp3" type="checkbox" class="cb" style="; Campanha 3 </td> </tr> <tr> <td> <img id="imgCamp4" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0004.jpg" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp4" type="checkbox" class="cb" style="; Campanha 4 </td> <td> <img id="imgCamp5" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0005.png" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp5" type="checkbox" class="cb" style="; Campanha 5 </td> <td> <img id="imgCamp6" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0006.png" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp6" type="checkbox" class="cb" style="; Campanha 6 </td> </tr> <tr> <td> <img id="imgCamp7" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0007.png" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp7" type="checkbox" class="cb" style="; Campanha 7 </td> <td> <img id="imgCamp8" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0003.jpg" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp8" type="checkbox" class="cb" style="; Campanha 8 </td> <td> <img id="imgCamp9" style="width: 280px; margin-top: 20px; margin-right: 20px" src="images/campanhas/img0001.jpg" onmouseover="this.style.cursor='pointer';" onclick=window.open(src);> <br><input id="chkCamp9" type="checkbox" class="cb" style="; Campanha 9 </td> </tr> </table> O código da página já está configurado para que somente uma opção possa ser selecionada. Segue o código javascript: function showMe(elem){ var elems = document.getElementsByClassName("cb"); var currentState = elem.checked; var elemsLength = elems.length; for(i=0; i<elemsLength; i++){ if(elems[i].type === "checkbox"){ elems[i].checked = false; } } elem.checked = currentState; var result = elem.id; } Contudo, o que eu preciso fazer é armazenar em uma variável PHP sempre o valor da checkbox escolhida, que está contido na variável result. Esse valor armazenado em PHP deverá estar num e-mail posterior que diga qual a campanha foi escolhida. Como eu posso fazer isso? Uso AJAX? Sessions?
  20. Olá pessoal, eu estou aprendendo html/javascript enfim, em um formulário que eu estou fazendo, eu tentei aplicar javascript conforme um exemplo que eu peguei na net, para não deixar passar os campos em branco, porém ao clicar ele executa direto o php, sem fazer a verificação dos campos. Tentei colocar o onsubmit no form, no botão, e ainda assim não deu certo, alguém pode me ajudar por favor? Segue o código. <body> <div id="menuCentro"> <image src="./Imagens/logo.jpg" /><br> <form action="cadastrar.php" method="post" > <p>Nome Completo:</p><p><input type="text" name="nomeCompleto" /></p> <br> <p>E-mail: </p><p><input type="text" name="eMail" /> <br> <p>Digite os seus comentários:</p><textarea name="coment" rows="6" cols="40" ></textarea> <br> <input type="submit" name="submeter" onsubmit="return validaForm(this)" /> </form> </div> <script language="javascript" type="text/javascript"> function validaForm() { if ((document.getElementbyId("nomeCompleto").value.lenght < 6) || (document.getElementbyId("eMail").value.lenght < 6) || (document.getElementbyId("coment").value.lenght < 6)) { alert('Certifique-se que todos os campos foram preenchidos corretamente'); document.getElementbyId("nomeCompleto").focus(); return false; } } </script> </body> Obrigado
  21. bernardinoandre

    Validar CPF em formulário

    Pessoal, preciso de ajuda. Eu estou realizando um trabalho da faculdade na qual preciso colocar 3 validações no formulário do CPF que são eles: 1. Se o usuário não digitou 11 caracteres (um CPF é composto de 9 dígitos de identificação e 2 dígitos de verificação) deve apresentar o erro: "CPF tem de ter 11 dígitos". 2. Se nem todos caracteres digitados são dígitos. Ou seja, se digitarem um "ponto" (.) deve apresentar o erro: "CPF só pode ter dígitos, caracter . inválido!" 3. Se os dígitos de verificação estão incorretos. Deve apresentar o erro: "Dígitos verificadores inválidos!" Eu tenho o código abaixo, porém, ele apresenta os seguintes erros: Mesmo eu digitando meu CPF, ele apresenta o erro: "CPF deve ter 11 Dígitos". Ele não reconhece o erro se eu digitar qualquer caracter e ele não está identificando o dígito verificador. Sou super iniciante. Quando forem explicar, tenham uma certa paciência, por favor. Se precisarem, envio a página em html. Muito Obrigado! Código: <script> function calculaDV(num) { var resto = 0, soma = 0; for ( i = 2; i <11; i++) { soma = soma + ((num % 10) * i); num = parseInt(num / 10); } resto = (soma % 11); return (resto > 1) ? (11 - resto) : 0; } function VerificaCPF ( campo ) { var i, c, cpf; var iniCPF; var strCPF = campo.value; if ( strCPF.lenght != 11){ alert("CPF tem de ter 11 digitos"); return false; } for ( i = 0; 1 < 11; i++ ) { c = strCPF.charAt(i); if ( (c < '0') || (c > '9')) { alert("CPF so pode ter digitos, caracter " + c + "invalido!"); return false; } } iniCPF = strCPF.substring(0, 9); pd = calculaDV(iniCPF); sd = calculaDV(iniCPF * 10 + pd); if ( (pd != strCPF.charAt(9)) || (sd !=strCPF.charAt(10)) ) { alert("Digitos verificadores invalidos!"); return false; } return true; } </script>
  22. Galera, estou precisando muito de um apoio. A princípio, tenho somente conhecimento básico de JS, mas um trabalho da faculdade foi solicitado o seguinte: - Ao clicar no modelo de uma máquina de Café, a foto daquele determinado modelo dever ser mostrada juntamente com o preço. Foi determinado o uso do método getElementById para essa troca de imagem. Mas estou batendo cabeça. Já consegui criar essa estrutura, porém, eu preciso agora transformar o nome do modelo de cada máquina em link, que clicados, seja carregada a imagem desse determinado modelo O modelo inicial que deve ficar é assim: .https://www.flickr.com/photos/137066691@N05/21632183294/in/shares-ywu2X7/ Aí, quando eu passar o link no nome do modelo, a imagem deve aparece assim: https://www.flickr.com/photos/137066691@N05/shares/6uVx15 Segue a estrutura que consegui realizar até o momento. https://flic.kr/p/yXHY9P
  23. Luciano Silveira Marco

    Google maps api v3

    Estou ingressando agora nos recursos da api google maps e agora cheguei num ponto em que tenho uma entrada "Input" e conforme o usuário vai inserindo o endereço já vai sendo marcado no mapa A, B,C, tudo certo, e nisto tenho duas dúvidas: Preciso calcular a distancia destes endereços que o usuário informa então a primeira pergunta é caso qual a melhor opção para calcular a distância entre vários endereços informados e a outra pergunta é como organizar as distâncias antes de informar a km, porque as vezes a sequencia de endereços informada pode causar distancias maiores entre pontos, desculpe caso não tenha conseguido ser claro. Agradeço se alguém puder me ajudar!
  24. wneo

    Facebook login POPUP

    Boa tarde!!! Pessoal, estou montando um link para o cidadão se logar na aplicação através do facebook. Quero fazer abrir em a requisição do login em popup. Minha necessidade é fazer essa popup com todo o conteudo visível no tamanho especificado. Digamos que eu defina essa popup centralizada no tamanho de 400x400. Então ela deveria abrir com o login (inputs e botões) ocupando essa área até o limite, com tudo visível, sem scrollbars. Preciso de ajuda nessa questão, tornar a popup apresentável nesse sentido...compreendem? Tô usando esse codigo: <script language="javascript"> var win = null; function NovaJanela(pagina,nome,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' win = window.open(pagina,nome,settings); } </script> <a href="https://www.facebook.com/dialog/oauth?client_id=appfaceID&scope=email&redirect_uri=<?php echo urlencode('http://site.com.br/f-login/pagina-secreta.php/Login%20com%20Facebook/') ?>" onclick="NovaJanela(this.href,'nomeJanela','400','400','no');return false">Entrar com facebook</a> Com esse código já consigo fazê-la abrir no centro da tela. O problema é fazer o conteudo interno ficar totalmente visivel, dentro das dimensões 400x400, sem scroll...
  25. OLá Boa tarde, estou com um problema de quando eu clicar em um button com id "bt1" ele fique display NONE e o button #bt2 fique display BLOCK. Nesse caso ao aperta no botão 1 ele vai sumir e vai aparecer o botão 2 no mesmo lugar. Javascript // BOTÃO CARREGAR MAIS $('#bt1').click(function() { $("#bt2").css("display","block"); $("#bt1").css("display","none"); }) Html <!-- BOTÃO CARREGAR MAIS --> <div id="rend-more"> <div class="button-group filters-button-group" id="#bt-carregar"> <button id="bt1" class="button is-checked" data-filter=".td" style="width: 262px; height: 50px; border: 1px solid rgb(84, 128, 128); position: relative; top: 30%; left: 50%; transform: translateX(-50%); cursor: pointer; margin-top: 30px; background-color: white;"> <h2 style="text-align: center;color:#4d8984;font-family: 'Gotham-Thin';float: left;font-size: 25px;padding-left: 30px;padding-top: 5px;">CARREGAR</h2> <h3 style="padding-left: 5px;float: left;font-size: 25px;color:#4d8984;font-family: 'gotham-bold';padding-top: 5px;">+</h3></button> <button id="bt2" class="button is-checked" data-filter=".visu" style="width: 262px; height: 50px; border: 1px solid rgb(84, 128, 128); position: relative; top: 30%; left: 50%; transform: translateX(-50%); cursor: pointer; margin-top: 30px; background-color: white;"> <h2 style="text-align: center;color:#4d8984;font-family: 'Gotham-Thin';float: left;font-size: 25px;padding-left: 30px;padding-top: 5px;">CARREGAR</h2> <h3 style="padding-left: 5px;float: left;font-size: 25px;color:#4d8984;font-family: 'gotham-bold';padding-top: 5px;">+</h3></button></div> </div> CSS #rend-more #bt1{ display: block; } #rend-more #bt2{ display: none; }
×

Important Information

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