Jump to content
Sign in to follow this  
Juliana Mesquita

Fancybox (html,javascript,Jquery,css) (NÃO FUNCIONA)

Recommended Posts

Gostaria de ajuda para solucionar um problema, segui um tutorial para por Fancybox na pagina porem quando jogo o arquivo no servidor e separo as importações do corpo da pagina ao qual chamo o Fancybox ele não funciona, porem no corpo da pagina quando exibo o código aparece todas as importações e a imagem chamando o Fancybox, Alguém teria como me ajudar por favor?? :(

 

Segui esse Tutorial : http://websocialdev.com/2014/05/06/fancybox-plugin-para-galeria-multimidia/#comment-2742419844 e http://fancyapps.com/fancybox/

 

Pagina: http://aleporto.com.br/blog/?id=2147

 

 

Fotos do código e do arquivo:

 

https://drive.google.com/open?id=0B2ZXOB75cIuCV3hsdmYwNHh6YzA

 

Servidor

 

Chamando class e rel na imagem:

 

Código inspecionado da pagina

Share this post


Link to post
Share on other sites

Ele tá retornando erro que não está reconhecendo a função "fancybox".

Estranho.

Seria interessante você dar uma revisada em todos os plugins .js que estão sendo carregados no <head>, pois dando uma analisada por cima, tem muuuita coisa repetida, como por exemplo 3 arquivos da biblioteca jquery. Não precisa disso, 1 apenas está bom. Talvez dando uma organizada e ordenando melhor os carregamentos, funcione.

  • +1 1

Share this post


Link to post
Share on other sites

Repetida em que sentido?? os arquivos chamados são diferentes, a semelhança e a extensão. :(

 

- A não ser que esteja dando alguma incompatibilidade com outras chamadas no corpo do html, no decorrer do head, isso é possível?? caso seja possível essa incompatibilidade seria a nomes de arquivos semelhantes e extensões ou algo do tipo ??

<!-- Fancybox -->

  <!-- Add jQuery library -->
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

  <!-- Add fancyBox -->
  <link rel="stylesheet" href="cod/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
  <script type="text/javascript" src="cod/fancybox/source/jquery.fancybox.pack.js"></script>

  <!-- Optionally add helpers - button, thumbnail and/or media -->
  <link rel="stylesheet" href="cod/fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
  <script type="text/javascript" src="cod/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
  <script type="text/javascript" src="cod/fancybox/source/helpers/jquery.fancybox-media.js"></script>

  <link rel="stylesheet" href="cod/fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
  <script type="text/javascript" src="cod/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      $(".fancybox").fancybox();
    });
  </script>

(Obrigada pela resposta! ) :)

Share this post


Link to post
Share on other sites

Vou por o código todo abaixo para ver se alguém consegue ver onde estaria errado :

<!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'>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title><?php require ('cod/metadadosIndex.php'); ?></title>
	
<meta property="og:description" content=<?php require ('cod/metadadosIndex2.php'); ?>>
<meta property="og:image" content=<?php require ('cod/metadadosIndex3.php'); ?>>

<meta property="fb:admins" content="100002261645925"/>
<meta property="fb:app_id" content="434934516595377"/>



<link href="../cod/index.css" rel="stylesheet" type="text/css">
<link href=<?php require ('cod/metadadosBody.php'); ?> rel="stylesheet" type="text/css">
<script language="javascript" src="script.js"></script>
<script language="JavaScript"> 
</script>

<!-- Fancybox -->

  <!-- Add jQuery library -->
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

  <!-- Add fancyBox -->
  <link rel="stylesheet" href="cod/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
  <script type="text/javascript" src="cod/fancybox/source/jquery.fancybox.pack.js"></script>

  <!-- Optionally add helpers - button, thumbnail and/or media -->
  <link rel="stylesheet" href="cod/fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
  <script type="text/javascript" src="cod/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
  <script type="text/javascript" src="cod/fancybox/source/helpers/jquery.fancybox-media.js"></script>

  <link rel="stylesheet" href="cod/fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
  <script type="text/javascript" src="cod/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      $(".fancybox").fancybox();
    });
  </script>


<!-- Popups -->

<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js" ></script>
<script type='text/javascript' src='../cod/jquery.js'></script>
<!-- [end PopUps]-->


<!-- MENU -->

<script type='text/javascript' src='../cod/menu.js'></script>

<!-- redes socais shareaholic -->

<script type='text/javascript' src='//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js' data-shr-siteid='1d22d94a0d55116381f8582aa720e5b1' data-cfasync='false' async='async'></script>


<!-- SlideShow -->
	  	
<link rel="stylesheet" href="../slide/orbit-1.2.3.css">
<link rel="stylesheet" href="../slide/demo-style.css
">
<script type="text/javascript" src="../slide/jquery-1.5.1.min.js"></script>

<script type="text/javascript" src="../slide/jquery.orbit-1.2.3.min.js"></script>
<style type="text/css">
			         
.timer { display: none !important; 
}
			   
<!--[if IE]>
			     <style type="text/css">
			         .timer { display: none !important; }
			         div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
			    </style>
			<![endif]-->
		
		<!-- Run the plugin -->
		<script type="text/javascript">
			$(window).load(function() {
				$('#featured').orbit();
			});
		</script>

<!-- PopUP normal -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>


</style>
	
<script type="text/javascript">
			
$(window).load(function() {
				
$('#featured').orbit();

});
		
</script>
	
<!-- [end SlideShow] -->




</head>

<body bgcolor='#FFFFFF' topmargin="0">

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<table width='1136' align='center' border='0' cellpadding='0' cellspacing='0'>
  <tr> 
    <td width="1136" height="109" align="center" > <table width='100%' height="100%" border='0' align='center' cellpadding='0' cellspacing='0'>
        <tr> 
          <td width='320' valign="top" background="img/cabeca.png"></td>
          <td width='816' valign="top" background="../img/cabeca2.png"> 
            <?php require ("cod/menuhome.php");
?>
          </td>
        </tr>
      </table></td>
  </tr>


 <tr> 
    <td width="1136" height='598' align="center" valign="top" background=<?php require ('cod/logomenumateriafundo.php'); ?>>
	
	<table width='100%' height="100%" border='0' align='center' cellpadding='0' cellspacing='0'>
  <tr> 
    <td width="216" height="57" valign="top"></td>
    <td width="920" height="55" valign="top"></td>
    <td width="16" height="57" valign="top"></td>
  </tr>
  <tr> 
    <td width="216" height="103" valign="top"></td>
    <td width="920" height="103" valign="top"><div align="left"> 
              <table width='100%' height="30" border='0' align='center' cellpadding='0' cellspacing='0'>
                <tr> 
                  <td width='51' height="67" valign="top"> </td>
                  <td width="861" > 
                    <?php require ("cod/menublog.inc.php"); ?>
                  </td>
                </tr>
              </table>
            </div></td>
    <td width="16" height="103" valign="top"></td>
  </tr>
  <tr> 
    <td width="216" height="60" valign="top"></td>
    <td width="920" height="60" valign="top"><div align="left"> 
        <table width='100%' height="100%" border='0' align='center' cellpadding='0' cellspacing='0'>
          <tr> 
            <td width="5%" valign="top"> </td>
            <td width="95%" valign="top"> 
              <?php
require ("cod/titulo.php");
?>
            </td>
          </tr>
        </table>
      </div></td>
    <td width="16" height="60" valign="top"> </td>
  </tr>
  <tr> 
    <td width="216" height="387" valign="top"> </td>
    <td height="387" colspan="2" valign="top"><table width='100%' height="100%" cellpadding='0' cellspacing='0'>
        <tr> 
          <td width="725" valign="top"><img src="<?php require ("cod/fotogrande.php");?>" width='695'""/></td>
          <td width="199" valign="top">
            <?php require ("cod/colunafoto.inc.php"); ?>
          </td>
        </tr>
      </table></td>
  </tr>
</table>
         </td>
  </tr>



  <tr> 
    <td align="center"> <table width='1136' align='center' border='0' cellpadding='0' cellspacing='0'>
        <tr> 
          <td width='1136' height="95" valign='top' background="../img/ultimasnoticias.png"> 
            <div align="center"> 
              <table width='100%' height="100%" border='0' align='center' cellpadding='0' cellspacing='0'>
                <tr> 
                  <td width="109" valign="top"></td>
                  <td width="826" valign="top" background=<?php require ('cod/fundotextomateria.php'); ?>> 
                     
                    <?php
require ("cod/blog.inc.php");
?>
                    </td>
                  <td width="201" valign="top"> 
                    <div align="justify"></div>
                    <div align="right">
                      <?php require ("cod/coluna.inc.php"); ?>
                    </div></td>
                </tr>
                <tr> 
                  <td valign="top"></td>
                </tr>
              </table>
            </div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="1136" height="10" align="center" valign="top"></td>
  </tr>
  <tr> 
    <td width="1136" height="500" align="center" ><table width='1136' height='500' align='center' border='0' cellpadding='0' cellspacing='0' background="<?php require ('cod/mapadositegeral.php'); ?>">
        <tr> 
          <td width='1136' height="40" valign='top'> <div align="center"></div></td>
        </tr>
        <tr> 
          <td width='1136' height="425" valign='top' ><div align="center"> 
              <?php require ("../cod/mapadosite.php"); ?>
            </div></td>
        </tr>
        <tr> 
          <td width='1135' height="35" valign='top' ><div align="center">
              <?php require ('cod/pedositegeral.php'); ?>
            </div></td>
        </tr>
      </table></td>
  </tr>
</table>



</body>
</html>

Help :(

Share this post


Link to post
Share on other sites

Não conheço bem o que está realmente sendo usado pelo site.

Dando uma olhada por cima, deixei assim o <HEAD>:

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php require ('cod/metadadosIndex.php'); ?></title>
<meta property="og:description" content=<?php require ('cod/metadadosIndex2.php'); ?>>
<meta property="og:image" content=<?php require ('cod/metadadosIndex3.php'); ?>>
<meta property="fb:admins" content="100002261645925"/>
<meta property="fb:app_id" content="434934516595377"/>


<!-- CSS -->
<link href="../cod/index.css" rel="stylesheet" type="text/css">
<link href=<?php require ('cod/metadadosBody.php'); ?> rel="stylesheet" type="text/css">
<link rel="stylesheet" href="cod/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../slide/orbit-1.2.3.css">
<link rel="stylesheet" href="../slide/demo-style.css">


<!-- JS -->
<script type="text/javascript" src="../slide/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="cod/fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js" ></script>
<script type='text/javascript' src='../cod/menu.js'></script>
<script type='text/javascript' src='//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js' data-shr-siteid='1d22d94a0d55116381f8582aa720e5b1' data-cfasync='false' async='async'></script>
<script type="text/javascript" src="../slide/jquery.orbit-1.2.3.min.js"></script>


<!-- Fancybox -->
<script type="text/javascript">
   $(document).ready(function() {
      $(".fancybox").fancybox();
   });
</script>


<!-- Esconder timer -->
<style type="text/css">          
.timer { display: none !important; }
</style>


<!-- Orbit -->
<script type="text/javascript"> 
$(window).load(function() {
$('#featured').orbit();
}); 
</script>
</head>

Veja se está ok.

Share this post


Link to post
Share on other sites

Você só organizou correto?? mas isso não interfere no código correto??

 

olha tenta dar uma olha nesse site e nele que estou aplicando o comando só que não funciona (http://aleporto.com.br/blog/?id=2147 )

 

Agora quando eu boto tudo no corpo da pasta funciona olha

(http://aleporto.com.br/blog/indexteste.html)

 

A mesma configuração a diferença é que a primeira opção está dentro do Mysql e a segunda está em um arquivo Html dentro do servidor.

Share this post


Link to post
Share on other sites

Juliana,

Faça um teste limpo com todos os plugins. O que isso significa: Pegar todo o tutorial e fazer uma nova versão de acordo com o que você está seguindo e ver se funciona.

Se não funcionar, existe algo de errado com o tutorial.

Se funcionar: Abra o seu site e remova por partes o que você adicionou que não estava incluso no tutorial e veja até onde isso vai. Uma hora você acha o problema. No momento estou sem muito tempo pra testar, mas essas são as dicas por enquanto.

----------------------------
Rikas,

Scripts não são aconselhados estarem dentro da <head> e sim ao fim do <body>. Leia este tópico: http://stackoverflow.com/questions/143486/unobtrusive-javascript-script-at-the-top-or-the-bottom-of-the-html-code

  • +1 1

Share this post


Link to post
Share on other sites

Juliana,

 

Faça um teste limpo com todos os plugins. O que isso significa: Pegar todo o tutorial e fazer uma nova versão de acordo com o que você está seguindo e ver se funciona.

 

Se não funcionar, existe algo de errado com o tutorial.

 

Se funcionar: Abra o seu site e remova por partes o que você adicionou que não estava incluso no tutorial e veja até onde isso vai. Uma hora você acha o problema. No momento estou sem muito tempo pra testar, mas essas são as dicas por enquanto.

 

----------------------------

Rikas,

 

Scripts não são aconselhados estarem dentro da <head> e sim ao fim do <body>. Leia este tópico: http://stackoverflow.com/questions/143486/unobtrusive-javascript-script-at-the-top-or-the-bottom-of-the-html-code

 

Sim, mas eu não quis mexer na estrutura que ela já tinha. :D

  • +1 1

Share this post


Link to post
Share on other sites

Obrigada aos dois, criei uma configuração própria, e fui vendo depois coloquei tudo no corpo de uma id e chamei dentro de todos os corpos do banco de dados e está funcionando obrigada! (Testei por no corpo do Mysql a importação dos arquivos e funcionou)

 

Colocamos o código dentro de um arquivo e importamos esse arquivo (com auxilio do meu chefe), que por sua vez foi inserido dentro de todos os corpos de texto do site (Funcionou):

<script type='text/javascript' src='lib/jquery-1.10.1.min.js' ></script>
<script type='text/javascript' src='source/jquery.fancybox.js'></script>
<link rel='stylesheet' type='text/css' href='source/jquery.fancybox.css' media='screen'>
<script type='text/javascript' >
  $(document).ready(function(){
      $('.fancybox').fancybox();
    });
</script>

Na hora de chamar a imagem acrescentei a configuração e funcionou:

<a class="fancybox" rel="group" data-fancybox-grup="gallary" href="imagens/nomedaimagem.jpg"><img src="imagens/nomedaimag
em.jpg" width = 620'/></a>

Pastas usadas para criar Fancybox (Lib e Source) :

https://drive.google.com/open?id=0B2ZXOB75cIuCQkdNRXVrOXNNMm8

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By Good
      Boa noite,
      gostaria de saber como vocês fariam um sistema de delivery.
       
      Pensei em 3 soluções:
      1. Cadastrar as faixas de CEP que haverá sistema de entregas;
      2. Criar uma área delimitadora no google e exportar em KML para fazer a validação se o endereço do cliente está dentro do raio;
      3. Criar um raio de entregacom ponto fixo do estabelecimento, por exemplo, o estabelecimento só vai poder atender em um raio de até 10km.
       
      Qual método o ifood e outros gigantes trabalham? Existe algum código pronto para que eu possa dar uma olhada?
       
      Aguardo um contato, obrigado!
    • By michelmir
      Olá!
       
      Recentemente fiz uma postagem aqui no fórum a respeito de se carregar valores em um input text baseando-se na opção selecionada em uma select box, onde obtive uma solução. Por conta disso resolvi adicionar um complemento neste  meu código onde o mesmo deve carregar valores corretamente dentro de uma input text utilizando o plugin TypeAhead.js e o evento onchange do Jquery.
       
      Como forma de demonstrar a minha dúvida em funcionamento, criei uma página como forma de testar a solução. O que ocorre é que quando seleciona uma opção no select box  "Categorias", o Ajax manda um request para o php script onde o mesmo retorna os valores corretamente em JSON conforme a imagem do console do navegador Chrome abaixo:
       
       
       
      Até aqui os valores relacionados com a opção selecionada no select box "Categorias" são carregados corretamente porém se eu não atualizar a página "F5" e ao mesmo tempo eu selecionar alguma outra opção dentro do select box, o input text carrega além dos valores relacionados, todos os valores não relacionados com a opção selecionada ou seja, o input text somente carrega os valores corretamente se eu atualizar a página em questão.
       
      Abaixo uma imagem demonstrando os valores carregados em uma input text quando seleciono uma outra opçao no select box quando não se atualiza a página. Todos os valores não relacionados também são carregados:
       

       
      Abaixo publico o html e os scripts Ajax, Typeahead e PHP que estou utilizando neste projeto:
       
      HTML
      <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- jQuery UI library --> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script> </head> <body> <div class="container"> <br> <h1>DYNAMIC TWITTER TYPEAHEAD</h1> <br> <div class="row"> <?php // Include the database config file include_once 'dbConfig.php'; // Fetch all the country data $query = "SELECT * FROM categorias ORDER BY categoria ASC"; $result = $db->query($query); ?> <!-- categoria dropdown --> <div class="col-md-4"> <select id="categoriaFK" name="categoriaFK" class="form-control"> <option value="">seleciona categoria</option> <?php if($result->num_rows > 0){ while($row = $result->fetch_assoc()){ echo '<option value="'.$row['categoriaID'].'">'.$row['categoria'].'</option>'; } }else{ echo '<option value="">Categoria não encontrada</option>'; } ?> </select> </div> <div class="col-md-4" id="prod"> <div ><input type="text" name="produtos" id="produtos" class="form-control input-lg typeahead" autocomplete="off" placeholder="" /></div> </div> <div class="col-md-4"> <div id="imagem" name="imagem"></div> </div> </div> </div> </body> </html>  
      No script abaixo, o Ajax envia um request para o script PHP que por sua vez retorna os valores em JSON para o Ajax que envia para o TypeAhead e carrega o input text com valores relacionados. Após selecionar uma opção no input text, o Jquery envia um valor relacionado para a div "#imagem" :
       
      $(document).ready(function(){ var produtos; var nomes = []; // array var lista = {}; // objeto $('#categoriaFK').on('change', function(){ var queryID = $(this).val(); $.ajax({ url:"fetch.php", method:"POST", data:{categoria:queryID}, dataType:"json", success:function(data){ console.log(data); $.each(data, function(i, optionHtml){ $('#produtos').append(optionHtml); }); $("#imagem").empty(''); $(".typeahead").val(''); produtos = data; } }); $('.typeahead').typeahead({ source: function(query, result) { $.each(produtos, function(idx, item){ if(!~nomes.indexOf(item.nomeProduto)) nomes.push(item.nomeProduto); lista[item.nomeProduto] = item.imagem; }); return result(nomes); }, afterSelect: function (data) { var img = lista[data]; $('#imagem').html(img); }, }); }); });  
      Abaixo, o php script que seleciona os valores baseando-se no valor selecionado do select box e os envia em formato JSON para o Ajax:
       
      <?php require_once 'dbConfig.php'; if(!empty($_POST["categoria"])){ $query = " SELECT * FROM produtos WHERE categoriaFK = ".$_POST['categoria']." "; $result = $db->query($query); $data = array (); if ( $result->num_rows > 0 ) { while($row = $result->fetch_assoc ()) { $data[] = $row; } header("Content-type: application/json; charset=utf-8 cache-control: no-cache, no-store, must-revalidate"); echo json_encode($data); exit(); } } ?> No caso como mencionado acima, nesta página que criei demonstra o funcionamento de todo o código acima, porém acredito que devo modificar o script para que o mesmo carregue valores corretamente quando seleciono alguma opção no select box "Categorias" sem precisar atualizar a página para que o mesmo carregue corretamente. 
       
      Como posso proceder? Desde já agradeço a atenção de todos.
    • By juliosertori
      Olá boa noite, tudo bem galera?
       
      Tenho um input:
      <input type="text" value="0" name="qtdProds" id="qtdProds" class="form-control" onkeyup="atualizaTotalPrecos(this);" required /> E quando ele está ONBLUR, funciona o seguinte script:
      function atualizaTotalPrecos(sel){ var nameInput = sel.name; var IdNameProds = parseInt(nameInput.match(/\d/g).join('')); var valor = $('input[name="produtos_pdv['+IdNameProds+'][qtdProds]"]').val(); var custo = $('input[name="produtos_pdv['+IdNameProds+'][custoProds]"]').val(); var totalCusto = valor*custo; $("[name='produtos_pdv["+IdNameProds+"][custoTotalProds]']").val(totalCusto); //$("[name='totalPedidoDesconto']").val(totalCusto); var descontoPedido = $("#descontoPedido").maskMoney('unmasked')[0]; var total = 0; $('.somaTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) total += valor; }); var totalDescontado = total - descontoPedido; //alert(totalDescontado); $(".SomaTotalPrecos").maskMoney('mask', total); $(".totalpedidos").maskMoney('mask', totalDescontado); //////////////// var totalCusto = 0; $('.somaCustoTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) totalCusto += valor; }); $(".SomaTotalCustos").maskMoney('mask', totalCusto); };  
      Onde atualizo o campo .SomaTotalPrecos, funciona perfeitamente.
       
      Mas quando troco para Onkeyup, e inserir 1 por exemplo, primeiro ele preenche o campo com 0, e da segunda vez, ele atualiza para a primeira vez, ou seja, 1.
       
      Ex: coloco o valor de R$ 10,00 e na quantidade coloco 1, ele preenche o campo com 0, depois se insiro 2, ai ele preenche o campo com a quantidade anterior, ou seja 1xR$ 10,00
       
    • By Jefferson andre
      Ola,
      Alguem tem um exemplo do uso da mascara do jquery no camp telefone utilizando bootstrap 4 para em enviar por favor
       
      Estou usando os tutoriais mas nao funciona
       
      Grato
       
    • By alysson122010
      Gostaria de saber como fazer um botão de status. Tipo ta la ativo ai quando eu clicar nesse botão ele mude e fique desativado e se eu clicar novamente fique ativado.
      Sem da refresh na pagina e esse botao envie para meu banco de dados e altere o status na tabela com o id do post.
      Como eu faço isso nao tenho ideia.
×

Important Information

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