Ir ao conteúdo
  • Cadastre-se
Oliveira Cristian

JQuery Modal Bootstrap fecha ao clicar em input text

Recommended Posts

Bom dia!

 

Então, eu havia programado um site funcional em php (Sem bootstrap e nem css) que inseria produtos de petshop no banco. Ai eu decidi fazer um modal em bootstrap e css e ia tudo bem, coloquei o formulario dentro do modal e tudo funcionava fino do fino. Mas ai, quando eu coloquei um carrousel e um card pros produtos o modal começou a fechar assim que eu clicava na caixa de texto para tentar inserir as informações. 

Segue o codigo:

 

1- Codigo do Carrousel

2- Codigo do Modal

3-Codigo todo

 

 

1-

<div class="carouseluel">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="img/carouimg1.jpg" >
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/carouimg2.jpg">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</div>

 

2-

<div id="modalanuncio" class="modal fade"  role="dialog">
  <div class="modal-dialog">
<form method="post" enctype="multipart/form-data">
    <input type="text" placeholder="Produto" name="pname" required>
    <input type="file" name="file" id="file">

<?php

error_reporting(0);
ini_set(“display_errors”, 0 );
/* Image Uploading Script
* ========================================================================================
Process images and moves them into a uploads folder, each image will have the date of upload
appended to its url to prevent replacing.

- Trevor 06/29/13

*/
// only allow the following formats
$allowedExts = array("jpeg", "jpg", "gif", "png");

// explode the file name to to check the ext
$temp = explode(".", $_FILES["file"]["name"]);

// not sure what end does
$extension = end($temp);


// check file type

if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 2097152)  // limit the size of the file to 2mb
&& in_array($extension, $allowedExts)){


  // check if there was an error
  if($_FILES["file"]["error"] > 0){
    echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
  } else {
    // echo "Upload: " . $_FILES["file"]["name"] . "<br>";
    // echo "Type: " . $_FILES["file"]["type"] . "<br>";
    // echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
    // echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";

    // get the date
    // added this to always refrence America/Los_Angeles VS sever timestamp
    $date = new DateTime(null, new DateTimeZone('America/Sao_Paulo'));
    $current_date = $date->getTimestamp();
    // add the date to the filename
    $file_name = $current_date;
    // add the extension back on.
    $file = $file_name.".".$temp[1];
    // move the file to its new location
    move_uploaded_file( $_FILES["file"]["tmp_name"], "uploads/" .$file);

    // echo '<img src="upload/'.$_FILES["file"]["name"].'">';
  }
} else {
  echo "";
}


?>

    <input type="text" placeholder="Descrição(Opcional)" name="psw">

    <input type="text" placeholder="Senha para deletar o anuncio" name="removepass">

    <input type="number" placeholder="Preço" name="value" required>

    <select name="categoria">
      <?php
      $sql = "SELECT * from categoria";
$result = $sqli->query($query);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "<option value=".$row['cd_categoria'].">".$row['nm_categoria']."</option>";
    }
} else {
    echo "<option>0 results</option>";
}
      ?>
    </select>
    <input type="submit" value="Anunciar" name="submit" onClick="history.go(0)">
</form>

<?php


?>
</div>
</div>

 

Sei que deve ser um erro bobo com nomeação de classes ou algo assim no bootstrap, mas não consegui encontrar 😁

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×