HTML Criar um calculador de fretes proprio

Marcelo Mousinho · 15 de setembro de 2017

Boa tarde pessoal, sou novo em programação e tenho um site no qual eu mesmo desenvolvi (mmtransportesseguro.com.br) com ajuda no Dreamweaver.

Preciso implementar um calculador de fretes no meu site, porém não sei como iniciar este projeto alguem poderia me ajudar?

Não quero que seja por sedex e sim com os meus valores de frete.

Desde já agradeço.

Segue o código Padrão das minhas paginas e quero implementar entre elas.

<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content="width=device-whidt, intial-scale=1">
<meta name="Description" content="Transportes Coletas e Express">
<meta name="author" content="Marcelo Mousinho">
<link rel="icon" href='imagens/Sem Título-1.png'>    
    
<title>MM Transportes</title>
    
<link href='css/style.css' rel='stylesheet'>
</head>
<?php include'scripts.php';?>
<body>
    
    <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/sdk.js#xfbml=1&version=v2.9&appId=292809827775992";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    
<div id='conteudo'>
    <div id='topo'>
  <div id='banner'>    
  
        <div class="bannermmnovo"></div>
        
        </div>    
    
  </div>
<div id='menu'>
   <ul>
    <li><a href='index.php'>Inicio</a></li>
       <li><a href='servicos.php'>Serviços</a>
      
      <ul>
           <li><a href="#">Express</a></li>
           <li><a href="#">Coletas</a></li>
           <li><a href="#">Porta a Porta</a></li>
           <li><a href="#">Transportes</a></li>
       </ul>
      
      </li>      
       
       <li><a href="#">Sobre nós</a></li>
       <li><a href="#">Clientes</a></li>
       <li><a href="#">Contatos</a></li>
       <li><a href="#">Apresentação</a></li>
       <li><a href="#">Trabalhe conosco</a>
       
       <ul>
           <li><a href="#">Candidatos</a></li>
           
       </ul>
      
      </li>  
   </ul>
 </div>
   
   
   
    <div id='carrossel'> 
        <ul>
            <li><img src='imagens/courriercarrossel2.jpg'</li>
            <li><img src='imagens/transportescarrossel.jpg'</li>
            <li><img src='imagens/portaaportacarrosselfiorino.jpg'</li>
        </ul>
      </div>
<div id='conteudomeio'>
      <div class='colunas'>
           
        <div class='titulocoluna'>
            <ul>
              <li>Titulo</li>
            </ul>
         </div>
         
         
        <div id='acessocoluna' style="color: #FFFFFF; text-align: left; margin-top: auto;">
          Acesso
        
           
        </div>    
        
        <div id='linkscoluna'>
           
           <ul>
            
               <li><a href="#">Serviços</a></li><br>
            <li><a href="#">Sobre nós</a></li><br>
            <li><a href="#">Clientes</a></p></li><br>
            <li><a href="#">Contratos</a></li><br>
            <li><a href="#">Apresentação</a></li><br>
            <li><a href="#">Trabalhe conosco</a></li><br>
            <li><a href="#">Candidatos</a></li><br>
            <li><a href="#">Express</a></li><br>
            <li><a href="#">Coletas</a></li><br>
            <li><a href="#">Porta a Porta</a></li><br>
            <li><a href="#">Transportes</a></li>
            
            </ul>
            
        </div>    
                
        </div>  
        
          <div class='titulocoluna'>
            <ul>
              <li>Calcula Frete</li>
            </ul>
         </div> 
          
        <div id="colunadocnovo">
          
     
    </div>
    <br>
    <div id="colunadocnovo">
          
     
    </div>
    <br>
    <div id="colunadocnovo">
          
     
    </div>
    
    <div id='conteudoinferior'>
     
      <div id='colunainferior'>
           
            <div id='titulocolunainferior' style="font-size: 120%">
               
                Curta nossa página no facebook.
            </div>
            
            <div id='espacoface'>
                
                 <div class="fb-page" data-href="https://www.facebook.com/MM-Transportes-890278471033191/?ref=bookmarks" data-tabs="eventos" data-width="356" data-height="245" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/MM-Transportes-890278471033191/?ref=bookmarks" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/MM-Transportes-890278471033191/?ref=bookmarks">MM Transportes</a></blockquote></div>
            </div>
        </div>
                
    
    </div>
    
    <div id='rodape' style="text-align: left; color: #FFFFFF;">
         <ul>
             <li>
             Site desenvolvido e administrado por MM Transportes    
             </li>
         </ul>
    
     </div>
            </div>
</body>
</html>

Felipe Paz · 19 de setembro de 2017

@Marcelo Mousinho eu faria com javascript. Criaria uma div própria para para cálculo. Teria no banco algumas informações como valor por kg, km, tamanho, etc. Faria a chamada destes valores para a div em questão e com javascript, faria o cálculo dessas informações com as informações inseridas nos campos do formulário de fretes.

Marcelo Mousinho · 20 de setembro de 2017

Obrigado man pela sua resposta...Teria algum modelo para eu olhar?

DiF · 20 de setembro de 2017

@Marcelo Mousinho Modelo pronto disso provável que não exista!

Basicamente, o que o @Felipe Paz sugeriu é que no banco de dados, teria uma tabela contendo os dados dos produtos. Então com a linguagem de programação server-side( PHP ) faria uma consulta nesta tabela pegando os valores calculando via Javascript ou PHP.

Estamos evitando de dar códigos prontos. Por tanto, tente fazer alguma coisa, caso não consiga ou apresente erros, poste aqui no seu tópico que teremos o prazer em ajudar você!

Marcelo Mousinho · 20 de setembro de 2017

1 hora atrás, DiF disse:

@Marcelo Mousinho Modelo pronto disso provável que não exista!

Basicamente, o que o @Felipe Paz sugeriu é que no banco de dados, teria uma tabela contendo os dados dos produtos. Então com a linguagem de programação server-side( PHP ) faria uma consulta nesta tabela pegando os valores calculando via Javascript ou PHP.

Estamos evitando de dar códigos prontos. Por tanto, tente fazer alguma coisa, caso não consiga ou apresente erros, poste aqui no seu tópico que teremos o prazer em ajudar você!

Vou tentar fazer algo aqui e volto a postar ok?