Ir para conteúdo

POWERED BY:

gramosiri2

PHP - Passar consulta no modal

Recommended Posts

Olá, estou tentando visualizar uma receita utilizando um modal.

O problema é que não consigo passar os dados de acordo com o id selecionado.

Ao clicar no botão de visualizar, mostra apenas o primeiro registro da consulta.

Gostaria de um help, visualizar a consulta de acordo com o registro.

Obrigado.

 

Segue o codigo:

 

<table class="table table-bordered tabela" id="receita2" width="100%" cellspacing="0">
  <thead>
    <tr>
      <th>COD.</th>
      <th>Data Receita</th>
      <th>Nome Receita</th>
      <th>Categoria</th>
      <th>Visualizar</th>
      <th>Editar</th>
      <th>Deletar</th>
    </tr>
  </thead>
    <tfoot>
    <tr>
      <th>COD.</th>
      <th>Data Receita</th>
      <th>Nome Receita</th>
      <th>Categoria</th>
      <th>Visualizar</th>
      <th>Editar</th>
      <th>Deletar</th>
    </tr>
  </tfoot>
  <tbody>
    <?php 
      while($linha = mysqli_fetch_array($consulta_receita)){

        echo '<tr><td>000'.$linha['id_receita'].'</td>';
        echo '<td>'.$linha['data_receita'].'</td>';
        echo '<td>'.$linha['nome_receita'].'</td>';
        echo '<td>'.$linha["nome_categoria"].'</td>';
      ?>


<!-- MODAL -->
<!-- ----------------------- -->
<?php echo '<div id='.$linha["id_receita"].'>';?>
  <div class="modal fade" id="visuReceitaModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Receita</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
        <?php 
        echo '<p><span class="visuReceita">Data de criação: </span>'.$linha['data_receita'].'</p>';
        echo '<p><span style="font-weight: bold;">Nome da receita: </span>'.$linha['nome_receita'].'</p>';
        echo '<p><span style="font-weight: bold;">Categoria: </span>'.$linha['nome_categoria'].'</p>';
        echo '<br>';
        ?>
        <h5 class="modal-title" id="exampleModalLabel">Ingredientes</h5>

        </div>
        <div class="modal-footer">
          <button class="btn btn-secondary" type="button" data-dismiss="modal">Fechar</button>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Fim MODAL -->
<!-- ----------------------- -->
      <td><?php 
          echo '<a class="btn btn-primary" href="#'.$linha['id_receita'].'" data-toggle="modal" data-target="#visuReceitaModal"><i class="fas fa-fw fa-eye"></i></a>';
      ?></td>
      <td><a class="btn btn-warning" href="?pagina=inserir_receita&editar=<?php echo $linha['id_receita']; ?>"><i class="fas fa-fw fa-edit"></i></a></td>
      <td><?php echo "<a class='btn btn-danger' href='deleta_receita.php?id_receita=" . $linha["id_receita"] . "' data-confirm='Tem certeza de que deseja excluir o item selecionado?'>";?><i class="fas fa-fw fa-trash"></i></a></td></tr>
    <?php
      }
    ?>

  </tbody>
</table>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@gramosiri2 Boas. Cada modal que está sendo gerado no loop deve receber um ID único (o que não está acontecendo). Em vez de criar uma DIV pai do modal com este ID, insira o valor (o mesmo do link) diretamente na DIV do modal :

<div class="modal fade" id="<?php $linha['id_receita']; ?>"...

No mais, pensa em otimizar isso aí... Imagina listar 200 registros e gerar os code de cada modal em cada loop...

Abs.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu ja tentei @Public2004 porém quando passo o id_receito no id dessediv nao carrega o modal, este modal ja usa o id=visuModal para carregar o modal.

16 horas atrás, Public2004 disse:

@gramosiri2 Boas. Cada modal que está sendo gerado no loop deve receber um ID único (o que não está acontecendo). Em vez de criar uma DIV pai do modal com este ID, insira o valor (o mesmo do link) diretamente na DIV do modal :


<div class="modal fade" id="<?php $linha['id_receita']; ?>"...

No mais, pensa em otimizar isso aí... Imagina listar 200 registros e gerar os code de cada modal em cada loop...

Abs.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@gramosiri2 Boas e veja bem, "IDs" são únicos e quando você cria esses "modals" dentro do laço, está gerando vários "modals" com o mesmo ID (visuReceitaModal) - isso é um erro. Por isso repito a sugestão, remova a DIV pai que engloba o modal e defina o ID dinâmico no modal do laço, o mesmo ID que será aplicado ao link do modal mais abaixo no laço - assim qdo clicar no link para abrir o modal, será aberto o modal de mesmo ID do link.

 

Outra sugestão para otimizar sua aplicação é a de trabalhar com data-* Attributes do HTML5 + jQuery - Assim você pode criar fora do loop uma única estrutura do modal e carregar os dados dinamicamente com jQuery, esses dados estarão nos atributos do link que este sim, será gerado dentro do loop para armazenar as informações.

 

Abs.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Public2004 desculpe a ignorancia, rsrs. Tinha esquecido de passar o id_receita la no link como você falou, desatenção.

Referente a otimização, vou dar uma olhada nesta sugestão que você trouxe, obrigado!

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

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Por favor, me permita tirar uma dúvida com os amigos.

      Tenho um Formulário onde o Usuário digita todos os Dados necessários.

      Minha dúvida:
      --> como faço após o usuário digitar os dados e salvar, o Sistema chamar uma Modal ou mensagem perguntando se deseja imprimir agora ?

      Grato,
       
      Cesar
    • Por Carcleo
      Tenho uma abela de usuarios e uma tabela de administradores e clientes.
      Gostaria de uma ajuda para implementar um cadastro
       
      users -> name, login, passord (pronta) admins -> user_id, registratiom, etc.. client -> user_id, registratiom, etc...
      Queria ajuda para extender de user as classes Admin e Client
      Olhem como estáAdmin
      <?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Admin extends User {     use HasFactory;            protected $fillable = [         'name',         'email',         'password',         'registration'     ];      private string $registration;     public function create(         string $name,          string $email,          string $password,         string $registration     )     {         //parent::create(['name'=>$name, 'email'=>$email, 'password'=>$password]);         parent::$name = $name;         parent::$email = $email;         parent::$password = $password;         $this->registration = $registration;     } } User
      <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Illuminate\Database\Eloquent\Relations\BelongsToMany; class User extends Authenticatable {     /** @use HasFactory<\Database\Factories\UserFactory> */     use HasFactory, Notifiable;     static string $name;     static string $email;     static string $password;     /**      * The attributes that are mass assignable.      *      * @var list<string>      */     protected $fillable = [         'name',         'email',         'password',     ];          /**      * The attributes that should be hidden for serialization.      *      * @var list<string>      */     protected $hidden = [         'remember_token',     ];     /**      * Get the attributes that should be cast.      *      * @return array<string, string>      */     protected function casts(): array     {         return [             'email_verified_at' => 'datetime',             'password' => 'hashed',         ];     }          public function roles() : BelongsToMany {         return $this->belongsToMany(Role::class);     }       public function hasHole(Array $roleName): bool     {                 foreach ($this->roles as $role) {             if ($role->name === $roleName) {                 return true;             }         }         return false;     }         public function hasHoles(Array $rolesName): bool     {                 foreach ($this->roles as $role) {             foreach ($rolesName as $rolee) {             if ($role->name === $rolee) {                 return true;             }          }         }         return false;     }         public function hasAbility(string $ability): bool     {         foreach ($this->roles as $role) {             if ($role->abilities->contains('name', $ability)) {                 return true;             }         }         return false;     }     } Como gravar um Admin na tabela admins sendo que ele é um User por extensão?
      Tentei assim mas é claro que está errado...
      public function store(Request $request, Admin $adminModel) {         $dados = $request->validate([             "name" => "required",             "email" => "required|email",             "password" => "required",             "registration" => "required"         ]);         $dados["password"] =  Hash::make($dados["password"]);                  $admin = Admin::where("registration",  $dados["registration"])->first();                  if ($admin)              return                    redirect()->route("admin.new")                             ->withErrors([                                 'fail' => 'Administrador já cadastrados<br>, favor verificar!'                   ]);                            $newAdmin = $adminModel->create(                                    $dados['name'],                                    $dados['email'],                                    $dados['password'],                                    $dados['registration']                                 );         dd($newAdmin);         $adminModel->save();         //$adminModel::create($admin);                  return redirect()->route("admin.new")->with("success",'Cadastrado com sucesso');     }  
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
×

Informação importante

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