Ir para conteúdo
Fórum Script Brasil

Pesquisar na Comunidade

Mostrando resultados para as tags ''jquery''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Fóruns

  • Programação & Desenvolvimento
    • ASP
    • PHP
    • .NET
    • Java
    • C, C++
    • Delphi, Kylix
    • Lógica de Programação
    • Mobile
    • Visual Basic
    • Outras Linguagens de Programação
  • WEB
    • HTML, XHTML, CSS
    • Ajax, JavaScript, XML, DOM
    • Editores
  • Arte & Design
    • Corel Draw
    • Fireworks
    • Flash & ActionScript
    • Photoshop
    • Outros Programas de Arte e Design
  • Sistemas Operacionais
    • Microsoft Windows
    • GNU/Linux
    • Outros Sistemas Operacionais
  • Softwares, Hardwares e Redes
    • Microsoft Office
    • Softwares Livres
    • Outros Softwares
    • Hardware
    • Redes
  • Banco de Dados
    • Access
    • MySQL
    • PostgreSQL
    • SQL Server
    • Demais Bancos
  • Segurança e Malwares
    • Segurança
    • Remoção De Malwares
  • Empregos
    • Vagas Efetivas
    • Vagas para Estágios
    • Oportunidades para Freelances
  • Negócios & Oportunidades
    • Classificados & Serviços
    • Eventos
  • Geral
    • Avaliações de Trabalhos
    • Links
    • Outros Assuntos
    • Entretenimento
  • Script Brasil
    • Novidades e Anúncios Script Brasil
    • Mercado Livre / Mercado Sócios
    • Sugestões e Críticas
    • Apresentações

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

  1. Estou com um problema em um modal. Quando clico para excluir um registro e estou no fim da página, o modal não abre no centro da página e sim no começo da página. Como resolver? Obrigado.
  2. Olá! estou tentando usar um script jQuery/Ajax pra carregar um formulário sem refresh da página e enviar os dados para o meu email, acontece que ao preencher o formulário e dar submit, retorna o erro de que o email digitado não é válido, mesmo você digitando o email corretamente. Alguém sabe o que pode estar acontecendo? Meu formulário: <form id="formulario" method="post" action="javascript:func()"> <table cellpadding="0" cellspacing="5px"> <tr> <td> <input type="text" name="nome" id="nome" placeholder="NOME" required /> </td> <td> <input type="email" name="email" id="email" placeholder="E-MAIL" required /> </td> </tr> <tr> <td colspan="2"> <textarea name="mensagem" id="mensagem" rows="20" placeholder="MENSAGEM" required></textarea> </td> </tr> <tr> <td colspan="2"> <input type="submit" id="enviar" value="ENVIAR" /> </td> </tr> </table> </form>O script que estou usando: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" language="javascript"> $(function($) { $("#formulario").submit(function() { var nome = $("#nome").val(); var email = $("#email").val(); var mensagem = $("#mensagem").val(); $("#statusform").html("<img src='img/ajax-loader.gif' alt='ENVIANDO' />"); $.post('processa.php', {nome: nome, email: email, mensagem: mensagem}, function(resposta) { $("#statusform").slideDown(); if (resposta != false) { $("#statusform").html(resposta); } else { $("#statusform").html("Sua mensagem foi enviada com sucesso. Peço que aguarde, em breve retornarei seu contato!"); $("#nome").val(""); $("#email").val(""); $("#mensagem").val(""); } }); }); }); </script> *** #statusform é uma DIV que criei pra aparecer a resposta de confirmação de envio ou o erro de preenchimento. É onde estou recebendo o "Digite um e-mail válido!". E a página de processamento: <?php // Destinatário: $para = "meuemail@meudominio.com.br"; // Assunto: $assunto = "Contato"; // Data de Envio: $data_envio = date("d/m/Y h:i:s"); // Dados do Formulário: $nome = $_POST["nome"]; $email = $_POST["email"]; $mensagem = "<strong>Contato:</strong> $nome ($email)<br />"; $mensagem .= "<strong>Mensagem: </strong>".$_POST['mensagem']."<br /><br />"; $mensagem .= "Enviado em $data_envio."; $headers = "MIME-Version: 1.1\r\n"; $headers .= "Content-Type:text/html; charset=UTF-8\r\n"; $headers .= "From: $para\r\n"; $headers .= "Return-Path: $para\r\n"; $headers .= "Reply-To: $email\r\n"; if (empty($nome)) { echo "Você não digitou seu nome!"; echo "nome:".$nome; } elseif (!preg_match("^[a-zA-Z0-9\._-]+@[a-zA-Z0-9\._-]+.([a-zA-Z]{2,4})$", $email)) { echo "Digite um e-mail válido!"; echo "email:".$email; } elseif (empty($mensagem)) { echo "Você não digitou sua mensagem!"; echo "msg:".$mensagem; } else { $envio = mail($para, $assunto, $mensagem, $headers); if($envio) { echo false; } else { echo "A mensagem não foi enviada. Tente novamente!"; } } ?>Obrigada! =)
  3. Bom dia sou totalmente leigo no assunto precisava calcular alguns totais e subtotais como demonstrativo de quanto poderia custar alguns produtos com desconto, os únicos campos que poderiam ser digitáveis seriam os de quantidade. Agradeço desde já quem puder me ajudar, não encontrei na net nenhum lugar que explicasse como fazer isso com vários cálculos ao mesmo tempo sendo visualizados em tempo real. Abaixo estou passando um modelo da estrutura pretendida: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Projeção de valores</title> <style type="text/css"> @import url(http://fonts.googleapis.com/css?family=BenchNine:700);> #tabela { font-family: 'BenchNine', sans-serif; font-size: 14pt;} </style> </head> <body> <table width="100%" border="0" cellpadding="3" cellspacing="0" id="tabela"> <tr> <th bgcolor="#D8DADE"><em>Produtos</em></th> <th bgcolor="#D8DADE">Quantidade</th> <th bgcolor="#D8DADE">Antecipado (desc. 30%)</th> <th bgcolor="#D8DADE">30 dias (desc. 10%)</th> <th bgcolor="#D8DADE">60 dias(sem desc.)</th> </tr> <tr> <td>Produto 1</td> <td><input name="qtd1" type="text" id="qtd1" size="5" /> </td> <td> <input name="tot_parc_ant1" type="text" id="tot_parc_ant1" size="6" readonly="readonly" /> </td> <td> <input name="tot_parc_30dias1" type="text" id="tot_parc_30dias1" size="6" readonly="readonly" /> </td> <td> <input name="tot_parc_60dias1" type="text" id="tot_parc_60dias1" size="6" readonly="readonly" /> </td> </tr> <tr> <td>Produto 2</td> <td><input name="qtd2" type="text" id="qtd2" size="5" /></td> <td><input name="tot_parc_ant1" type="text" id="tot_parc_ant1" size="6" readonly="readonly" /></td> <td><input name="tot_parc_30dias2" type="text" id="tot_parc_30dias2" size="6" readonly="readonly" /></td> <td><input name="tot_parc_60dias2" type="text" id="tot_parc_60dias2" size="6" readonly="readonly" /></td> </tr> <tr> <td>Totais</td> <td><input name="qtd_total" type="text" id="qtd_total" size="5" /></td> <td><input name="tot_parc_ant1" type="text" id="tot_parc_ant1" size="6" readonly="readonly" /></td> <td><input name="tot_parc_30dias2" type="text" id="tot_parc_30dias2" size="6" readonly="readonly" /></td> <td><input name="tot_parc_60dias2" type="text" id="tot_parc_60dias2" size="6" readonly="readonly" /></td> </tr> </table> </body> </html>
  4. Pessoal, boa tarde. Alguém poderia me ajudar com o método remote ? Peguei alguns exemplos na net porém minha rotina não funciona. O que eu preciso é verificar se um determinado e-mail já está cadastrado no banco de dados. Quando executo ele simplesmente não verifica, ou parece que não executa a url apontada no remote: $("#formNewCliente").validate({ // Define as regras rules:{ email: { required: true, email: true, remote: { url: 'qryNewCliente.php', type: "POST", data: { jaexiste: function() { return $(':input[name="email"]').val(); } } }, maxlength: 60 }, e aqui a rotina em php: <?php if( $_SERVER['REQUEST_METHOD']=='POST' ){ include "conexao.php"; $mailpesquisado = getPost('email'); $arrayMyPesq = mysql__query("SELECT * FROM clientes WHERE email='$mailpesquisado'"); $numlinhas = mysql_num_rows($arrayMyPesq); if ($numlinhas > 0){ echo "false"; }else{ echo "true"; } } function getPost( $key ){ return isset( $_POST[ $key ] ) ? filter( $_POST[ $key ] ) : null; } function filter( $var ){ return $var; //faça o tratamento } ?> Agradeço pela ajuda.
  5. Boa tarde, alguém poderia por favor pode me passar um tutorial de como usar o datetimepicker no asp net? Eu não quero colocar um campo text pra pegar a data, queria um campo que tem uma formatação: 01/01/2015 e que tenha a opção de selecionar a data pelo calendário, mas este calendário só deve ser mostrado ao clicar numa seta, quero que ele fique escondido.
  6. A estrutura padrão usa li e ul no seu código,mas, eu queria usar divs porque para mim é mais facil de trabalhar !! Queria usar essa estrutura : <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
  7. Fiz tudo que o plugin pede, mas, o slide não funciona ! Por favor, me ajude já quebrei minha cabeça para fazer esse slide funcionar !! Meu código: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.io/jquery.cycle2.js"></script> <script> $('.cycle-slideshow').cycle({ speed: 600, manualSpeed:100 }); </script> </head> <body> <div class="slideshow"> <div class="slides"> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> <div class="slide"><!--Grupo 2 de slide--> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> </div><!--Fim do 2 Slide--> </div>
  8. Boa noite. Comecei a programar .net e as vezes quando estou programando em c# preciso chamar uma função jquery dentro desse método c#. Por exemplo: public void chamarFuncaoJQuery(){ //código c# //aqui quero chamar uma função jquery }Como devo proceder?
  9. Estou quebrando a cabeça com esse slide aqui eu que fiz o modelo no fireworks. Eu quero que as imgs do meu slide fiquem em blocos, mas quando coloco o style display:block não acontece nada !!
  10. Boa noite galera. Sou novo aqui no site e me deparei com um problema bem chato e preciso muito da ajuda de vocês. É o seguinte. Estou criando o sistema de fotos dinâmico onde existe o uso do método FileReader da API javascript. Até ai tudo bem, funciona perfeitamente. Porém ao usar o Jquery para criar o elemento e salvar os dados no formato base64, e enviar para um arquivo php, ele não reconhece o elemento criando. Ou seja, quando o objeto é criado pelo jquery dinamicamente, a página do formulário original, não reconhece o elemento e não envia nada para o php. É como se fosse um elemento fantasma criado mas que para uso não existe. E ai? o que faço? me ajudem!
  11. Estou tentando utilizar o jcrop + php gd para fazer cortes em imagem e salvar em outro diretorio porem não sei qual o problema do meu codigo: <?php if ($_SERVER['REQUEST_METHOD'] == 'POST') { $targ_w = $targ_h = 150; $jpeg_quality = 90; $src = 'teste/imagem.jpg'; $img_r = imagecreatefromjpeg($src); $dst_r = ImageCreateTrueColor( $targ_w, $targ_h ); imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'], $targ_w,$targ_h,$_POST['w'],$_POST['h']); header('Content-type: image/jpeg'); imagejpeg($dst_r,null,$jpeg_quality); exit; } ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://deepliquid.com/Jcrop/js/jquery.Jcrop.min.js"></script> <script src="../js/jquery.Jcrop.js"></script> <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" /> <link rel="stylesheet" href="demo_files/demos.css" type="text/css" /> <script language="Javascript"> $(function(){ $('#cropbox').Jcrop({ aspectRatio: 1, onSelect: updateCoords }); }); function updateCoords(c) { $('#x').val(c.x); $('#y').val(c.y); $('#w').val(c.w); $('#h').val(c.h); }; function checkCoords() { if (parseInt($('#w').val())) return true; alert('Please select a crop region then press submit.'); return false; }; </script> </head> <body> <div id="outer"> <div class="jcExample"> <div class="article"> <h1>Crop jQuery</h1> <img src="teste/imagem.jpg" id="cropbox" /> <form action="crop.php" method="post" onsubmit="return checkCoords();"> <input type="hidden" id="x" name="x" /> <input type="hidden" id="y" name="y" /> <input type="hidden" id="w" name="w" /> <input type="hidden" id="h" name="h" /> <input type="submit" value="Crop Image" /> </form> </div> </div> </div> </body> </html> Obs: Esse codigo e um dos exemplos que vem dentro do jcrop! Eu queria fazer o seguinte carregar a imagem, depois cortar a area desejada, enviar por post para mesma pagina apos isso cortar com a biblioteca gd do php, e depois salvar a imagem em um diretorio especifico. alguém me ajuda !
  12. Gente boa noite. Estou usando o método $ajax() do jquery para fazer envio de dados. Porém o dado que estou enviando é muito grande pois é em formato base64, ou seja, milhares de linhas de código como essa abaixo: freREGeYerGeRRREYIUkbR578eYrtU+ieT45VFGYYtrFtaR/r//zz Porem este código é muito maior do que você estão vendo. Minha dúvida é: O metodo para envio de dados pelo jquery tem limite quantitativo? Existe alguma quantia limite? Sei que URL de navegador tem, obvio, mas não sei se o método ajax teria.
  13. Pessoal, eu tenho um script que adiciona linhas automaticamente em um formulário. Para isto utilizo jQuery. A cada clique num botão, o jQuey cria uma nova linha no formulário, para preenchimento de novos dados. Eu preciso que um campo seja populado com informaçoes baseadas em outro campo. Por exemplo: Eu digito o código do item e aparece, automaticamente, a descrição dele. Isto está funcionando na primeira linha, mas não fucniona nas seguintes, criadas com o jQuery. Endereço do exemplo: http://flagsmind.com/deltab/pedidos/4/ Códigos: ====================================================================================== HTML ====================================================================================== <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" href="style-exemplo.css" rel="stylesheet" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="scripts.js" ></script> <title>Pedidos</title> </head> <body bgcolor="#000000" text="#CCCCCC"> <h1>Pedidos</h1> <br><br> Digitar 1, 2 ou 3 no campo código.<br> Ao inserir nova linha, não funciona o script popular campo.<br><br><br> <div id="wrapper-formulario"> <form action="input.php" method="POST" id="form-produtos"> <table id="grid-produtos"> <thead> <tr> <th width="50px">cod_for</th><th width="50px">Codigo [1, 2 ou 3]</th><th width="50px">Descrição</th><th width="50px">Data</th><th width="50px">cod_valor</th><th width="50px">cod_pagto</th> <th width="50px">num_ped</th><th width="50px">cod_ped</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr><td colspan="6"><br/></td></tr> </tfoot> </table> </form> <br> <button id="button-add" class="button">Adicionar Item</button> <input id="button-submit" type="submit" value="Enviar" class="button" /> <br><br><br> ============================================================================= PHP com os dados a serem populados ============================================================================= <?php $cpf = $_GET['cpf']; $pessoas['1']['nome'] = "Exemplo1"; $pessoas['1']['dataNascimento'] = "16/06/1986"; $pessoas['2']['nome'] = "Exemplo2"; $pessoas['2']['dataNascimento'] = "20/01/1932"; $pessoas['3']['nome'] = "Exemplo3"; $pessoas['3']['dataNascimento'] = "23/04/1914"; echo $pessoas[$cpf]['nome'] ."-". $pessoas[$cpf]['dataNascimento']; ?> =================================================================== SCRIPTS: =================================================================== // JavaScript Document //Executa quando todo DOM(Árvore de elementos HTML) for carregado jQuery(function(){ jQuery.AddRow(); jQuery('#button-add').click(function(e){ e.preventDefault(); //anula a ação padrão do elemento, neste caso impede que o formulario seja enviado ao click deste botão jQuery.AddRow(); // chamada da função que insere a nova linha; }); jQuery('#grid-produtos tbody :text').live('change',function(){ jQuerytr = jQuery(this).closest('tr'); if ( jQuery(this).val() != '' ) jQuerytr.removeClass('linha_vazia'); qtd_colunas = jQuery(this).closest('tr').find('td').length - 1; jQuerytd = jQuery(this).closest('td'); if( jQuerytd.index() != qtd_colunas ) { jQuery(this).closest('td').next().find(':text').focus(); } else { if ( jQuery('.linha_vazia').length == 0 ) jQuery.AddRow(); else jQuery(this).closest('tr').next().find(':text:first').focus(); } }); jQuery('#button-submit').click(function(){ jQuery('#form-produtos').submit(); }) }) /* * Função: AddRow ( Adiciona Linha ) * Descrição: Insere uma nova linha no formulário */ jQuery.AddRow = function(){ //Recuperando o tbody da table onde será inserido a nova linha jQuerytarget = jQuery('#grid-produtos tbody'); //Montando o html da nova linha' jQuerynova_linha = jQuery('<tr class="linha_vazia">' + '<td>' + '<input type="text" width="50px" name="cod_for[]" />' + '</td>' + '<td>' + '<input type="text" name="cpf[]" id="cpf">' + '</td>' + '<td>' + '<input type="text" name="nome[]" id="nome">' + '</td>' + '<td>' + '<input type="text" width="500px" name="dataNascimento[]" id="dataNascimento" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="cod_valor[]" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="cod_pagto[]" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="num_ped[]" />' + '</td>' + '<td>' + '<input type="text" width="50px" name="cod_ped[]" />' + '</td>' + '</tr>'); jQuerytarget.append( jQuerynova_linha ); jQuerynova_linha.find(':text:first').focus(); //inserindo na tabela a nova linha //jQuerynova_linha.find('input[type=text]:first').focus(); } //Outra função inserindo aqui nesta mesma página. $(function () { $("#cpf").blur(function () { var cpf = $(this).val(); $.ajax({ type: "GET", url: "pessoas.php", data: "cpf="+cpf, success: function(pessoa){ informacoesPessoa = pessoa.split("-"); $("#nome").val(informacoesPessoa[0]); $("#dataNascimento").val(informacoesPessoa[1]); } }); }); }); ================================================================================== Como posso fazer pra que as novas linhas também populem a partir do campo Código?
  14. Boa noite, galera! Depois de pesquisar na net e encontrar a solução que parece ser a mais simples, empaquei num negócio aqui. Seguinte, eu tenho um formulário no meu site onde pessoas físicas e jurídicas vão se cadastrar. A idéia é que quando o usuário marcar num radio button a opção "Física", apareça embaixo um input para cadastrar o CPF. Mas se por acaso o usuário marcar a opção "Jurídica", quero que o imput do CPF suma e apareça do CNPJ. Eu consegui fazer o CPF aparecer, mas não consegui fazer ele desaparecer e aparecer só o CNPJ. Vejam meu código: <script type="text/javascript"> function mostra_inputcpf() { document.getElementById('mostrar_inputcpf').style.display="block"; } </script> <script type="text/javascript"> function oculta_inputcpf() { document.getElementById('ocultar_inputcpf').style.display="none"; } </script> <script type="text/javascript"> function mostra_inputcnpj() { document.getElementById('mostrar_inputcnpj').style.display="block"; } </script> <script type="text/javascript"> function oculta_inputcnpj() { document.getElementById('ocultar_inputcnpj').style.display="none"; } </script> Pessoa Fisica <input type='radio' id='pessoa' name='tipopessoa' value='mostrar_input' onclick='mostra_inputcpf(), oculta_inputcpf()'/> Pessoa Juridica <input type='radio' name='tipopessoa' value='mostrar_input' id='pessoa' onclick='mostra_inputcnpj(), oculta_inputcnpj()'> <label id='mostrar_inputcpf' for='mostrainputcpf' style='display: none'> CPF <input id='mostrainputcpf' type='text' size='30' name='cpf' > </label> <label id='mostrar_inputcnpj' for='mostrainputcnpj' style='display: none'> CNPJ <input type='text' name='cnpj' id='mostrainputcnpj'> </label> Eu sei que minha lógica tem um negócio errado, mas to com dificuldade pra enxergar. Tem como alguém me ajudar? Vlw!
  15. Olá, estou precisando detectar/escutar quando um modal é fechado via javaScript em uma aplicação web. Já fiz algumas tentativas com material encontrado na web, mas não consegui nenhum resultado. Qualquer ajuda é bem vinda. Este é o trecho HTML onde está o modal: <div id="modalPrincipal" style="display: none; " > <a id="btnFecharModal" title="Fechar" href="#" rel="modal:close"></a> <div id="conteudoModal" class="scroll-pane"> </div> </div>
  16. Boa tarde!! Sou iniciante na linguagem PHP e gostaria de saber como construir interfaces em um sistema desenvolvido em PHP de maneira simples e eficaz; Gostaria de saber se existe algum tipo de framework, caso exista qual o melhor para a construção de interfaces complexas;
  17. Olá, alguém conhece algum plugin JQuery ou template CSS/Javascript que seja semelhante ao "efeito" dessa página? Quem quiser ver em funcionamento, é só acessar o site: www.pagar.me e rolar a página até a parte de "Gestão completa de pagamentos". Se alguém puder me mandar um tutorial eu agradeço. Abraços.
  18. Amigos Tenho um DropDownList: <div class="ui-field-contain"> <label>Foto:</label> <label for="select-custom-17">1 Foto:</label> <select name="select-custom-17" id="select-custom-17" data-native-menu="false"> <option @Html.DropDownList("idFoto", String.Empty)</option> </select> </div> Ele me mostra o caminho de algumas imagens, eu preciso que ao selecionar uma opção, seja chamado este código passando o caminho da imagem selecionada: <div> <img src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto =”caminho_selecionado”, largura = 100, altura = 100 })" alt="foto" /> </div> Como poderia fazer isso? agradeço
  19. Olá pessoal. Então, estamos criando um site. E estamos nos batendo em uma função do jquery + AjaxForm. Meu ramo não é Jquery, mas já li bastante e todas as funções que achei na internet para solucionar o problema não deram certo. O que basicamente ocorre é: Queremos que ao clicar em um determinado botão o usuário escolha a foto e depois dela processar abra em uma determinada DIV (nela terá na verdade uma janela modal com uma função de crop para atualizar a foto do perfil). Tudo isso sem refresh, o mesmo só ocorrerá se o usuário fizer o crop da foto. Ocorre que deu tudo certo, o usuário aperta o botão, escolhe a foto, a mesma abre em uma janela modal onde o usuário escolher a parte para fazer o crop (até ai sem refresh), quando clica em "recortar" dá refresh na tela e a nova foto dele aparece na posição correta. Acontece que se o usuário desiste de fazer o crop e fecha a modal a função não funciona mais. Pelo que eu li é a função .load que dá esse erro. Já vi o pessoal falar do cache e colocar ele como false - não deu certo - já vi o pessoal falar sobre "debugger" - também não deu certo - já vi o pessoal falar sobre o reset - não funciona de jeito nenhum. Quem puder ajudar. Sinceramente eu não entendo muito de jquery, se puder me explicar com calma agradeceria, pois eu realmente não entendo muito de jquery. Obs: Fazer o botão de fechar dar refresh não é uma solução que eu gostaria, parece gambiarra dai. Abaixo como eu fiz: // botão para inserir foto na capa: (funciona perfeito quantas vezes precisar) $('#btn-capa-img').click(function () { $('#fotoCapa').click(); }); // Função para mudar a capa do perfil (só funciona uma vez, depois tem que dar refresh) $('#fotoCapa').change(function () { $('#form-capa').ajaxForm({ url: 'logic/imgcrop_capaPerfil.php', type: 'post', success: function (data) { var id = data; $("#conteudo_crop").load( "logic/crop_capaPerfil.php?" + $.param({ img: id}) ); $("#modalPHP").show(); } }).submit(); });
  20. O que há de errado com esse script ? Quando eu clico no botão submit, ele está indo para a página apontada no action do form ao invés de somente mandar os dados pela JQuery. Segue o código: JQuery <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#botao_enviar").click(function(event) { event.preventDefault(); $.ajax({ url: $(this).parent("form").attr("action"), data: 'nome='+$("#nome").val()+',email='+$("#email").val()+',senha='+$("#nome").val(), type: 'POST', context: jQuery('#msg'), success: function(data){ this.append(data); } }); }); }); </script> HTML <div id="cadastro" align="center"> <form action="../dao/cadastrar_usuario.php" method="post"> Nome: <input type="text" name="nome" id="nome"><br /> E-mail: <input type="text" name="email" id="email"><br /> Senha: <input type="password" name="senha" id="senha"><br /><br /> <input type="submit" id="botao_enviar" /> </form> <div id="msg"></div> </div>
  21. Olá pessoal, tenho uma dúvida e gostaria de saber se alguém tem uma noção de como saná-la. Estou fazendo um trabalho para faculdade e preciso que através de teclas do teclados, por exemplo uma tecla especifica "a" seja disparado um onclick para que através disso seja trocada uma imagem por outra específica, no caso simularia o acendimento de uma lampada trocando a imagem de uma lampada apagada por outra lampada acesa ao apertar essa tecla "a", por exemplo. O grande problema é esse, fazer isso acontecer com o teclado, pois com o mouse já consegui fazer mas não ajuda muito. Se alguém tiver alguma dica faça comentário, por favor. A linguagem utilizada é javascript, mas estou aberto a novas ideias. Andei pesquisando sobre a biblioteca jquery,mas ainda não há um codigo satisfatorio. <!DOCTYPE html> <html lang="PT-BR"> <head> <body> <meta charset ="UTF-8"> <style> .on { padding: 9px 15px; width: 85px; height: 40px; font-family: arial; font-size:medium; font-weight: bold; background-color: #aad450; box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666; border-style:groove; cursor:pointer; } .off { padding: 9px 15px; width: 100px; font-family: arial; font-size:medium; font-weight: bold; margin-right: 55px; background-color: #fc6; box-shadow: inset 0 1px 10px #fff, 0 2px 30px #666; border-style:groove; cursor:pointer; } </style> <title>Acionamento de Lâmpadas</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> function mudaimg(){ elem = document.getElementById("imgvolume").src = "http://i.imgur.com/pDfTeZW.png"; } function mudaimge(){ elem = document.getElementById("imgvolume").src = "http://i.imgur.com/dZZb6iQ.png"; } $(document).bind('keydown','a', function(e) { $("#imgvolume").trigger('click'); }); // Definir clique $("#imgvolume").click(function mudaimg(){ }); </script> <h1><center><font face="Arial" color="green" SIZE="10">Teste de iluminação</font></center></h1> <TABLE align='center'> <TR><TD><img src="http://i.imgur.com/dZZb6iQ.png" id="imgvolume"></br></TD> </TR> </TABLE align='center'> <TABLE align='center'> <TR><TD><br><a href="#"><span class="on"onclick="mudaimg()">on</span></a> <a href="#"><span class="off"onClick="mudaimge()">off</span></a></TD> </TR> </TABLE align='center'> </body> </html>
  22. Olá, Preciso da ajuda de vocês para um formulário de pesquisa o que eu preciso é o seguinte: Tenho um Select dentro de um Form com 4 Options: Preciso que a cada vez que o usuário selecione um Option o value desse Option seja armazenado em uma variável PHP de forma automática e sem refresh. Se ele trocar o option o valor da variável deve ser alterado instantaneamente e sem refresh, lembrando que cada option tem um valor inteiro distinto e será armazenando em uma variável PHP. Podem me ajudar com exemplos para eu adaptar aqui no meu código? Não da pra postar o código pois o sistema é da empresa e por regras de contratos não se pode postar. A ideia é que de acordo com o value do option uma ação seja disparada por isso preciso armazenar de forma automática em uma variavel PHP e sem refresh. Obrigado a todos!
  23. Ola, acessei o https://mega.co.nz/# recentemente e eu vi um efeito na barra posicionada ao final da pagina (com o seguinte texto: What is Mega? Click or Scroll) e achei incrível o efeito então fiquei curioso e fui pesquisar e encontrei em jquery algo semelhante o Accordion, mas não é exatamente o mesmo, então se alguém souber agradecerei o esclarecimento
  24. Bom dia! Sou iniciante em jquery e vi um pedaço de código com algo estranho dada a funcionalidade de um método, o "preventDefault". Bem para testar, criei uma página de teste e fiz duas funções com "preventDefault" dentro. Tenho duas perguntas sobre o mesmo assunto, espero que possam me responder. $(document).ready( function( ) { $('a').click( function( event ) {//Func 1 event.preventDefault( ); }); $("#ok").click( function( event ) {//Func 2 event.preventDefault( ); alert("Wut"); //... }); }); 1- Por que, na segunda função, a "alert( )" funciona estando ou não comentado o "event.preventDefault( );" e na primeira função não acontece o mesmo? Se eu comentar "event.preventDefault( );" na primeira função o link para de funcionar! Achei estranho porque independente de o método "event.preventDefault( );" estar ou não na segunda função o "alert" funciona do mesmo jeito, acho que até mesmo o que vier abaixo também rodaria, mas na função 1 não acontece isso. 2- Qual a real utilidade desse método "event.preventDefault( );"? Por que, na segunda função, ele parece ser inútil. Vocês podem me dar algum exemplo de quando ele pode ser útil? Obrigado!
  25. Pessoal, boa tarde. Sou novo no fórum e novo aprendendo sobre HMTL. Seguinte, eu tenho um Banner para Siteunder em HTML. As URL's de acesso do Banner contém uma informação final chamada zpar0=XXXXXX (o XXXX é um número aleatório cada vez). Dentro do HTML possuo Href's (estáticos) que em seu fim possuem uma variável chamada ##SUBID## por exemplo www.xxxxx.com.br/.....&zpar0=[[##SUBID##]] Meu problema: Preciso que esse valor XXXXX do zpar seja capturado e substituido pelo ##SUBID## por exemplo: URL www.XXXXX.com.br/zpar0=1234567 capture e o insira na ##SUBID## href='www.xxxxx.com.br/.....&zpar0=[[1234567]] '> Pesquisando achei essas funções: $.url().param('zpar0'); //get parametro zpar $('a[href*=##SUBID##]') //identifica os href com SUBID Mas não sei como aplicar e/ou inserir isso exatamente, poderiam me ajudar por favor? Obrigado!
×
×
  • Criar Novo...