Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
Mateus Martins

Problema com formulário e Dropdown

Perguntado por Mateus Martins

Pergunta

Mateus Martins    0

Mateus Martins
Postado

To criando um site pro trabalho da Faculdade, só que depois que q botei o formulário os Dropdown param de abrir, alguem poderia me ajudar a descobrir o pq? ja olhei de todo jeito e n descubro o pq de n abrir 

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <title>Logado</title>
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/estilo1.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="formoid_files/formoid1/formoid-solid-dark.css" type="text/css" />
    <script type="text/javascript" src="formoid_files/formoid1/jquery.min.js"></script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  </head>
  <body>
      <div class="Navegação">
      <nav class="navbar navbar-default">
          <div class="container">
            <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#barra_navegacao">
            <span class="sr-only">Alternar Menu</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
              <a href="#" class="navbar-brand">Logo</a>
            </div>
            <div class="collapse navbar-collapse" id="barra_navegacao">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Lugares</a></li>
                <li><a href="#">Rank</a></li>
                <li><a href="#">Eventos</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Minha Conta <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="#">Editar</a></li>
                      <li><a href="#">Logout</a></li>
                    </ul>
                  </li> 
              </ul>
            </div>
          </div>
    </nav>
    </div>
      
        <div class="page-header">
        <h1 style="text-align: center;">Bem-Vindo</h1>
        </div>
       <div class="Formulario">
       <form class="formoid-solid-dark" style="background-color:#ffffff;font-size:14px;font-family:'Open Sans',Arial,Verdana,sans-serif;color:#34495E;max-width:480px;min-width:150px" method="post"><div class="title"><h2>Responda a pesquisa</h2></div>
  
  <div class="element-separator"><hr><h3 class="section-break-title">Destino Visitado</h3></div>
  <div class="element-select"><label class="title"></label><div class="item-cont"><div class="medium"><span><select name="select" >
    <option value="- Praia do Meireles">- Praia do Meireles</option>
    <option value="- Parque do Cocó">- Parque do Cocó</option>
    <option value="- Lagoa da Messejana">- Lagoa da Messejana</option>
    <option value="- Farol Velho do Mucuripe">- Farol Velho do Mucuripe</option>
    <option value="- Escola de Música do Ancuri">- Escola de Música do Ancuri</option>
    <option value="- Beach Park (parque temático)">- Beach Park (parque temático)</option>
    <option value="- Praia de Iracema">- Praia de Iracema</option>
    <option value="- Praia do Futuro">- Praia do Futuro</option>
    <option value="- Estação João Felipe">- Estação João Felipe</option>
    <option value="- Casa de Cultura Alemã">- Casa de Cultura Alemã</option>
    <option value="- Planetário Rubens de Azevedo">- Planetário Rubens de Azevedo</option>
    <option value="- Ponte dos Ingleses">- Ponte dos Ingleses</option>
    <option value="- Museu do Ceará">- Museu do Ceará</option>
    <option value="- Theatro José de Alencar">- Theatro José de Alencar</option>
    <option value="- Fortaleza de Nossa Senhora da Assunção">- Fortaleza de Nossa Senhora da Assunção</option>
    <option value="- Praça General Tibúrcio">- Praça General Tibúrcio</option>
    <option value="- Praça do Ferreira">- Praça do Ferreira</option>
    <option value="- Cine São Luiz">- Cine São Luiz</option>
    <option value="- Academia Cearense de Letras">- Academia Cearense de Letras</option>
    <option value="- Igreja do Rosário ">- Igreja do Rosário </option>
    <option value="- Centro Cultural Dragão do Mar de Arte e Cultura">- Centro Cultural Dragão do Mar de Arte e Cultura</option>
    <option value="- Praia da Barra do Ceará">- Praia da Barra do Ceará</option></select><i></i><span class="icon-place"></span></span></div></div></div>
  <div class="element-input"><label class="title"></label><div class="item-cont"><input class="large" type="text" name="input2" placeholder="Insira o destino, caso não esteja na lista"/><span class="icon-place"></span></div></div>
  <div class="element-rating"><label class="title">Rating<span class="required">*</span></label><div class="rating"><input type="radio" class="rating-input" id="rating-5" name="rating" value="5" /><label for="rating-5" class="rating-star"></label><input type="radio" class="rating-input" id="rating-4" name="rating" value="4" /><label for="rating-4" class="rating-star"></label><input type="radio" class="rating-input" id="rating-3" name="rating" value="3" /><label for="rating-3" class="rating-star"></label><input type="radio" class="rating-input" id="rating-2" name="rating" value="2" /><label for="rating-2" class="rating-star"></label><input type="radio" class="rating-input" id="rating-1" name="rating" value="1" /><label for="rating-1" class="rating-star"></label></div></div>
  <div class="element-separator"><hr><h3 class="section-break-title"> INFRAESTRUTURA</h3></div>
  <div class="element-radio"><label class="title">Limpeza Urbana <span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio" value="Muito Ruim " required="required"/><span>Muito Ruim </span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Segurança Publica<span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio1" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio1" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio1" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio1" value="Muito Ruim " required="required"/><span>Muito Ruim </span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Sinalização turística<span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio2" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio2" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio2" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio2" value="Muito Ruim " required="required"/><span>Muito Ruim </span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title"> Serviço de Táxi <span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio3" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio3" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio3" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio3" value="Muito Ruim " required="required"/><span>Muito Ruim </span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title"> Telecomunicações/Internet <span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio4" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio4" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio4" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio4" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-separator"><hr><h3 class="section-break-title">SERVIÇOS TURÍSTICOS</h3></div>
  <div class="element-radio"><label class="title"> Restaurantes/Alimentação <span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio5" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio5" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio5" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio5" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Hospedagem<span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio6" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio6" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio6" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio6" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title"> Atrativos Turísticos Visitados <span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio7" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio7" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio7" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio7" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Diversão Noturna<span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio8" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio8" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio8" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio8" value="Pessimo" required="required"/><span>Pessimo</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title"> Informações Turísticas<span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio9" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio9" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio9" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio9" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Preços Praticados <span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio10" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio10" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio10" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio10" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Guia de Turismo <span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio11" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio11" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio11" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio11" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-radio"><label class="title">Passeios / City Tour<span class="required">*</span></label>   <div class="column column4"><label><input type="radio" name="radio12" value="Otimo " required="required"/><span>Otimo </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio12" value="Bom " required="required"/><span>Bom </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio12" value="Ruim " required="required"/><span>Ruim </span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio12" value="Muito Ruim" required="required"/><span>Muito Ruim</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-separator"><hr><h3 class="section-break-title">EXPECTATIVAS </h3></div>
  <div class="element-checkbox"><label class="title">Você pensou em ir a outra cidade em vez desta nesta viagem?<span class="required">*</span></label>   <div class="column column2"><label><input type="checkbox" name="checkbox[]" value="Sim"/ required="required"><span>Sim</span></label></div><span class="clearfix"></span>
    <div class="column column2"><label><input type="checkbox" name="checkbox[]" value="Não"/ required="required"><span>Não</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-input"><label class="title"></label><div class="item-cont"><input class="large" type="text" name="input" placeholder="Caso sim, quais ?"/><span class="icon-place"></span></div></div>
  <div class="element-radio"><label class="title">Nesta Viagem, suas expectativas foram: <span class="required">*</span></label>    <div class="column column4"><label><input type="radio" name="radio13" value="Atendidas" required="required"/><span>Atendidas</span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio13" value="Em termos" required="required"/><span>Em termos</span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio13" value="Poucas" required="required"/><span>Poucas</span></label></div><span class="clearfix"></span>
    <div class="column column4"><label><input type="radio" name="radio13" value="Nenhuma" required="required"/><span>Nenhuma</span></label></div><span class="clearfix"></span>
</div>
  <div class="element-checkbox"><label class="title">Você pretende voltar a este destino?<span class="required">*</span></label>    <div class="column column2"><label><input type="checkbox" name="checkbox1[]" value="Sim "/ required="required"><span>Sim </span></label></div><span class="clearfix"></span>
    <div class="column column2"><label><input type="checkbox" name="checkbox1[]" value="Não "/ required="required"><span>Não </span></label></div><span class="clearfix"></span>
</div>
  <div class="element-input"><label class="title"></label><div class="item-cont"><input class="large" type="text" name="input1" placeholder="Caso não, motivo para não voltar"/><span class="icon-place"></span></div></div>
  <div class="element-separator"><hr><h3 class="section-break-title">Você tem alguma sugestão ou crítica adicional? </h3></div>
  <div class="element-textarea"><label class="title"></label><div class="item-cont"><textarea class="medium" name="textarea" cols="20" rows="5" placeholder="insira sua sugestão ou crítica adicional? "></textarea><span class="icon-place"></span></div></div>
<div class="submit"><input type="submit" value="Finalizar"/></div></form><p class="frmd"><a href="http://formoid.com/v29.php">online forms</a> Formoid.com 2.9</p><script type="text/javascript" src="formoid_files/formoid1/formoid-solid-dark.js"></script>
<!-- Stop Formoid form-->

         
       </div>
       
    </div>
  </body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

1 resposta a esta questão

Recommended Posts

Rotteny    1

Rotteny
Postado

Olá Mateus,

 

Não sei se essa é a identação que você esta usando no seu site ou foi o FORUM que fez isso, mas esta muito dificil de debugar como esta organizado, sugiro uma reformulada para facilitar a manutenção sua e dos seus colegas.

 

Aqui comigo funcionou normal, mas posso ter entendido mal o seu problema.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para lista de Perguntas Perguntas e respostas rápidas

  • Conteúdo Similar

    • juliosonic
      Menu Navbar CSS Bootstrap
      Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • joeythai
      Não consigo adicionar um valor de forma dinâmica
      Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • babylon
      [Duvida Rapida] Ajuda com HTML tabela esta dando errado no site!!!
      Por babylon
      Olá galera tudo bem?
      Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:
       

      Porem gostaria que ficasse assim:

      Segue o código da tabela:
      <center><table border="0">
          <tr>
      <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
             <td><font color="#ffffff">....</font></td>
              <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
          </tr>
          </table></center>
      O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".
      Bom é isso, obg.


    • Alessandro Bodão
      H1 que preencha toda a largura da container
      Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

    • clovis.sardinha
      Como colocar um spinner do bootstrap antes do carregamento da query com o codeigniter.
      Por clovis.sardinha
      Como fazer para colocar um spinner antes de carregar os dados do bd? Eu clico no link e entra na função do controle e só vai para a página da views quando já está pronto a query. Vi uns exemplos de colocação de spinner, mas se a página ainda não apareceu como faço? Vou anexar a função que chama a página para facilitar. 
      public function inativos()  {     $session = \Config\Services::session();     $pager = \Config\Services::pager();     $usuarios=$this->usuarios->getInativos();//faz a query no bd.     $dados=[         'usuarios'=>$usuarios,         'pager'=>$this->usuarios->pager,     ];     echo view('Admin/Relatorios/listaInativos',$dados); }   
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito