Skip to main content
adicionou 930 caracteres ao conteúdo
Fonte Link

No arquivo principal:

<button onclick="$('#modal-container').load('modal.php?id=1', function(){$('#modal').modal('show');})">Abrir modal com id = 1</button>
<button onclick="$('#modal-container').load('modal.php?id=2', function(){$('#modal').modal('show');})">Abrir modal com id = 2</button>
<div id="modal-container"></div>

No arquivo modal.php

<?php // $registro = SELECT no banco baseado em $_GET['id'] ?>
<div class="modal fade" id="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Título do Modal</h4>
            </div>
            <div class="modal-body">
                <!-- Conteúdo do Modal com os dados de $registro -->
            </div>
        </div>
    </div>
</div>

Acho que você deveria montar o MODAL separadamente em outro arquivo "modal.php". Assim, quando clicasse no botão correspondente, ele chamaria uma funcao do tipo $("#modal-container").load("modal.php?id=X"). No fim do arquivo modal.php deve haver o script $("#modal").modal("show") para que seja exibido.

Acho que você deveria montar o MODAL separadamente em outro arquivo "modal.php". Assim, quando clicasse no botão correspondente, ele chamaria uma funcao do tipo $("#modal-container").load("modal.php?id=X"). No fim do arquivo modal.php deve haver o script $("#modal").modal("show") para que seja exibido.

No arquivo principal:

<button onclick="$('#modal-container').load('modal.php?id=1', function(){$('#modal').modal('show');})">Abrir modal com id = 1</button>
<button onclick="$('#modal-container').load('modal.php?id=2', function(){$('#modal').modal('show');})">Abrir modal com id = 2</button>
<div id="modal-container"></div>

No arquivo modal.php

<?php // $registro = SELECT no banco baseado em $_GET['id'] ?>
<div class="modal fade" id="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Título do Modal</h4>
            </div>
            <div class="modal-body">
                <!-- Conteúdo do Modal com os dados de $registro -->
            </div>
        </div>
    </div>
</div>

Acho que você deveria montar o MODAL separadamente em outro arquivo "modal.php". Assim, quando clicasse no botão correspondente, ele chamaria uma funcao do tipo $("#modal-container").load("modal.php?id=X"). No fim do arquivo modal.php deve haver o script $("#modal").modal("show") para que seja exibido.

Fonte Link

Acho que você deveria montar o MODAL separadamente em outro arquivo "modal.php". Assim, quando clicasse no botão correspondente, ele chamaria uma funcao do tipo $("#modal-container").load("modal.php?id=X"). No fim do arquivo modal.php deve haver o script $("#modal").modal("show") para que seja exibido.