Jump to content
Luccas Gaulia

Modal do Bootstrap não funciona

Recommended Posts

Ola Pessoal,

 

Com botão ele funciona, automaticamente não...

 

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Administracion Hotel City Express</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <!-- Google fonts -->
  <link href='https://fonts.googleapis.com/css?family=Graduate|Pacifico' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  

  <link href="css/style.css" rel="stylesheet" type="text/css"/>
  <link href="css/menu.css" rel="stylesheet" type="text/css"  />

  <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
  <script src="js/jquery.validate.js" type="text/javascript"></script>
  <script src="js/validacao.js" type="text/javascript"></script>
  
  <link href="../favicon.ico" rel="shortcut icon"> 
  <script type="text/javascript">
    $(document).ready(function() {
    $('#myModal').modal('show');
    });

  </script>
</head>
<body>

<div class="container">

<div id="myModal" class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-backdrop="static">
      <div class="modal-dialog modal-sm">
            <div class="modal-content se-center">
          <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="window.location.href='index.php?page=equipList';">
                    <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                  <p></p><div class="se-alert-success">
              <i class="fa fa-thumbs-o-up fa-3x"></i>
                </div>
              <div class="alert alert-success">
                Enmienda Efectuada con éxito
              </div>
              <p></p>
          </div></div>
      </div>
    </div>

</div>

</body>
</html>

 

Share this post


Link to post
Share on other sites

Iceris,

 

Obrigado pela pergunta resolvi quando verifiquei que estava utilizando um JS no meio que estava inibindo o modal, retirando ele funcionou :P

  <script src="js/jquery-1.7.2.js" type="text/javascript"></script>

 

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

  • Similar Content

    • By Emilio Saymon
      Saudação a todos. Eu preciso fazer uma tabela dinâmica que puxe o seu conteúdo do banco de dados, porém no caso dessa estou tento dificuldade principalmente com o erro em "Call to undefined method PDO::fetch_assoc() " que diz que está faltando um parâmetro. Então resolvi refazer try e catch, mas ainda está dando erros. Agradeço desde de já a todos que se compadecerem do meu caso. Segue o código abaixo.
      <div class="w-100"></div> <!--TABELA PARA EXCLUSÃO--> <?php require 'conexao.php'; ?> <table class="table table-striped" id="excluir"> <thead> <tr> <th>ID</th> <th>Título da Postagem</th> </tr> </thead> <tbody> <?php //REALIZANDO CONSULTA try { $consulta = $cone->query("SELECT id,titulo FROM postagens;"); while($dado = $cone->fetch_assoc(PDO::FETCH_ASSOC)){?> <tr> <td ><?php echo utf8_encode($dado["id"]);?></td> <td> <?php echo utf8_encode($dado["titulo"]);?> </td> <?php );} catch(PDOException $e) { echo 'Error: ' . $e->getMessage(); }?> </tbody>  
    • By DinhoPHP
      estou há horas tentando utilizar o Carousel do Bootstrap para exibir produtos. Fiz sozinho não funcionou, então encontrei este código https://codepen.io/kreigd/pen/ybYNoN coloquei em um arquivo sozinho, separado do site que estou desenvolvendo e nem assim funciona. Fica assim: http://equipenovainfo.com.br/_portifolio/amanda/31_07_2019/carousel_prod.php
       
      Segue o código:
      <!doctype html> <html lang="pt-br"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script> $(document).ready(function() { $("#myCarousel").on("slide.bs.carousel", function(e) { var $e = $(e.relatedTarget); var idx = $e.index(); var itemsPerSlide = 3; var totalItems = $(".carousel-item").length; if (idx >= totalItems - (itemsPerSlide - 1)) { var it = itemsPerSlide - (totalItems - idx); for (var i = 0; i < it; i++) { // append slides to end if (e.direction == "left") { $(".carousel-item") .eq(i) .appendTo(".carousel-inner"); } else { $(".carousel-item") .eq(0) .appendTo($(this).find(".carousel-inner")); } } } }); }); </script> </head> <body> <div class="container-fluid"> <h1 class="text-center mb-3">Bootstrap Multi-Card Carousel</h1> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner row w-100 mx-auto"> <div class="carousel-item col-md-4 active"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f44242/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 1</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/418cf4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 2</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/3ed846/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 3</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/42ebf4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 4</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f49b41/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 5</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f4f141/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 6</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/8e41f4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 7</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> </div> <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> Preciso terminar esse trabalho, travei nisso. Me ajudará à pagar a faculdade e ganharei tempo para estudar. 
    • By luiz felipe isobata
      Boa tarde gente,
      Recebi uma proposta de estagio que me pede para criar um aplicativo com os seguintes requisitos:
      1) Desenvolva um aplicativo MVC com: Tela de Login (usuário e senha) Cadastro de usuário (usuário, senha, e-mail, ativo/inativo) --> Deve ter listagem --> Deve ter ativa e desativa usuário na lista --> Deve ter edição --> Utilizar BootStrap E como nao conheco muito sobre bootstrap e nem de mvc gostaria de saber se alguem poderia me ajudar. Obrigado.
    • By gust.php
      Prezados, bom dia.
       
      Estou tendo dificuldades para criar uma interface usando o Bootstrap. Tenho uma listagem com o seguinte código:
       

      <div class="row">      <div class="col col-sm-12 col-md-12">          <table class="table table-responsive table-hover">               </table>      </div> </div>
       
      Minha dúvida é a seguinte:
      No meu monitor essa tabela fica certinha, com tamanho de fontes legais, toda a linha ocupando a parte central da tela. Em outros monitores de mesmo tamanho mas com resolução diferente, essa mesma linha fica horrível, as fontes ficam grandes, a última coluna, onde tenho 3 botões, os botões ficam um em baixo do outro, sendo que os mesmos deveriam ficar um ao lado do outro, como ficam no meu monitor.
       
      Como trabalhar com resoluções diferentes usando o bootstrap, fazer com que meu design seja realmente responsivo?
       
      Agradeço ajudas ....
       
       
    • By manolegal
      Bom dia
      Já fiz dezenas de pesquisas, porém não consigo resolver o problema.
      Tenho um modal onde edito dados da pessoa selecionada pelo usuário em um formulário. Esta pessoa é selecionada no formulário (através autocomplete jquery), não vindo de uma pesquisa do BD, por este motivo estou tendo dificuldade para selecionar os dados da pessoa pois preciso pegar os valores vindos por JSON e passá-los para o modal.
      Meu arquivo e retorno JSON:
      while ($linha = @pg_fetch_array($Resultado_lista)){ $id_contribuinte_bd = $linha["id_contribuinte"]; $contribuinte_bd = $linha["contribuinte"]; $endereco_bd = $linha["endereco"]; $telefone = $linha["telefone"]; $array_dados[] = array('label' => $contribuinte_bd. '' .$cnpj_ou_cpf_mostra. '' .$pessoa_ou_empresa_bd_mostra, 'value' => $linha['id_contribuinte'], 'p_ou_e' => $linha['pessoa_ou_empresa'], 'ender_p_e' => 'Endereço: '.$linha['endereco'].''.$telefone_formato); } // Fecha While echo json_encode($array_dados); // Retorno dados: 0 label AGORA DE TESTES2 value 2672 p_ou_e PESSOA ender_p_e Endereço: Testes 1 label AGORA NOVO value 2654 p_ou_e PESSOA ender_p_e Endereço: ihlgkjlfdjkfdkjfd 2 label AGORA OUTRO TESTE value 2673 p_ou_e PESSOA ender_p_e Endereço: Teste endereço ........, etc //Preview [{"label":"AGORA DE TESTES2","value":"2672","p_ou_e":"PESSOA","ender_p_e":"Endere\u00e7o: Testes"},{"label":"AGORA NOVO","value":"2654","p_ou_e":"PESSOA","ender_p_e":"Endere\u00e7o: ihlgkjlfdjkfdkjfd"},{"label.......,etc Função Jquery para autocomplete pessoa e postar dados em alguns campos do formulário principal:
      <script type="text/javascript"> $(document).ready(function(){ $('#pesq').autocomplete({ source: "ajx_pes_p_nom_ui.php?md=sv", minLength: 1, select: function (event, ui) { $("#pesq").val(ui.item.label); $("#solicitante").val(ui.item.value); $("#pe_hid").val(ui.item.p_ou_e); $("#endereco_hid").val(ui.item.ender_p_e); $("#obs_ped").val(ui.item.ender_p_e); //$("#modal_edit_pessoa_red.md_pes_nome").val(ui.item.ender_p_e); event.preventDefault(); } }); }); </script> No formulário principal estou conseguindo inserir os dados vindo por JSON normalmente. Quando trago dados para edição do BD, também consigo inserir os dados normalmente no modal. Nesta situação, como faço por exemplo, paga "pegar" uma destas variáveis e inseri-las em um campo de um formulário modal?
       
×

Important Information

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