Modal Bootstrap + php

[Márcio Fornari]

Boa Tarde galera,

Estou fazendo um formulário onde tem um link no final de cada linha com o icone de Informações como podem ver abaixo: 

Quando o usuário clicar no link eu abro um Modal do bootstrap para trazer mais informações sobre essa linha que vou pegar do banco de dados.

Só que não estou conseguindo jogar as informações dentro do Modal em um php, eu consigo pegar a informação pelo jquery e jogar ela em um input por exemplo dentro do Modal desse jeito

 $(".informacoesDetalhadas").click(function(){

//quando clicar no link pego o data-id e jogo dentro de um input notafiscaldetalhada

                var id = $(this).attr("data-id");

                $(".modal-content #notafiscaldetalhada").val( id );

               }); 

//input que recebe a informação

<input type="hidden" name="notafiscaldetalhadaaaa" id="notafiscaldetalhada" value="">

Mas eu preciso da variavel pura para fazer um select *from where algo = $variavel.

O Modal é tipo um pop up e não faz post nem get na página.

Alguém tem alguma idéia de como eu faço isso?

Obrigado

--

............
Márcio Fornari 

..........................................................................

[Cassiano Ricardo Mourão]

ué, kd o ajax? considerando, claro, que você não simplesmente traz todas informações na listagem e só as esconde.

--
--
============================================================
JQUERY MAGAZINE > http://www.jquerymagazine.com.br
--
PHP MAGAZINE > http://www.phpmagazine.com.br
--
LISTA NODE.JS > https://groups.google.com/group/lista-nodejs?hl=pt-br
--
AJAX-BRASIL > http://groups.google.com/group/ajax-brasil
--
PYTHON-GOOGLE > http://groups.google.com.br/group/python-google
--
DOTNET-BRASIL > http://groups.google.com.br/group/dotnet_br
============================================================

---
Você recebeu essa mensagem porque está inscrito no grupo "LISTA PHP" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para listaphp+u...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Márcio Fornari]

Não entendi Cassiano, rs. 

Talvez eu tenha me expressado mal

Esse aqui é o meu link do formulario:

O que eu quero pegar é o valor da variavel $notafiscal e $seq_item que está no atributo data-id

<td><a href="#informacoesDetalhadas" class="btn informacoesDetalhadas" data-toggle="modal" data-id="<?php echo $notafiscal."/".$seq_item ?>" ><img src="../img/dialog_information.png"></img></a></td>

Ai eu utilizo isso para pegar o valor que tem no data-id e joguei em um input para teste mesmo para ver se o valor ia correto.

1. $(".informacoesDetalhadas").click(function(){

1.                 var id = $(this).attr("data-id");
2.                 $(".modal-content #notafiscaldetalhada").val( id );
3.  });

E o Modal fica na mesma pagina é só um div. Que é esse aqui

1. <div class="modal informacoesDetalhadas" id="informacoesDetalhadas">
2.      <div class="modal-dialog modal-lg">
3.         <div class="modal-content">
4.            <input type="hidden" name="notafiscaldetalhada" id="notafiscaldetalhada" value="">
   
5.         </div>
6.       </div>
7. </div>

A pergunta que queria saber é o seguinte.

Como pegar o valor do data-id que está no link e colocar ele em uma variável php?

[Jean Rafael Tardem Delefrati]

Ajax.

Tem muitas formas de fazer, mas basicamente, você vai fazer um $.get() ou $.post() para uma página escondida e depois pegar o retorno dessa página e alterar via JavaScript sua página.

E para pegar o valor do data-id você usa o $(seu-elemento).attr("data-id");

[Márcio Fornari]

@Jean, consegui aqui dessa forma.

 $(".informacoesDetalhadas").click(function(){

                var id = $(this).attr("data-id");

                $.post('modalRemontagem.php', 

                    {

                       notafiscal: id

                    }, 

                    function(retorno){

                

                        $("#conteudoModal").html(retorno);        

                    });

            

               }); 

assim ele pega o html da pagina modalRemontagem e joga dentro da div conteudoModal :D

Muito Obrigado.

[Cassiano Ricardo Mourão]

isso aí... tinha saído aqui da máquina, mal não ter respondido antes =P

tem o .load também, do jquery.

[Alex Juchem]

Deixa eu ver se entendi:

Tu quer clicar em um botão para exibir mais detalhes sobre uma 'nota', quando o usuários fizer isso ele vai executar uma query e retornar o resultado dessa query dentro do modal, é isso?

Se for isso, tu pode abrir um iframe dentro do modal com o parametro ID da 'nota' passado via GET [1]

Pode também pegar os dados usando ajax e o retorno mostrar dentro do modal [2]

Repara que na [2] em Ajax ele utiliza o jQuery.load [3]

[1] - http://www.bootply.com/61676
[2] - http://jschr.github.io/bootstrap-modal/
[3] - http://tutsme-webdesign.info/bootstrap-3-1-and-modals-with-remote-content/ & http://api.jquery.com/load/

Bom, espero que seja isso.

.

--

[Bruno Silva]

Márcio, não sei se entendi corretamente, mas você pode fazer uma requisição AJAX quando o usuário clicar no botão de informações.

Depois você pode usar o retorno da requisição para popular o seu modal com os dados.

Abraços,

 

Bruno Silva

Desenvolvedor web

55 34 9963 7441

Em 25 de novembro de 2014 16:32, Márcio Fornari <marcio...@gmail.com> escreveu:

--

[Márcio Fornari]

Galera eu já consegui antes como tinha falado.

Unico problema que ainda não descobri é que se eu clicar no conteúdo do Modal ele some o conteúdo. 

O Modal continua aparecendo, mas somente o cabeçalho onde tem o x para fechar mesmo setando isso

$("#informacoesDetalhadas").modal({ backdrop: 'static' });

[Rudnei Teixeira Lucas]

Boa tarde Márcio,

parabéns por resolver seu problema, mas acredito que você está na lista errada, todos com certeza irão te ajudar aqui, mas se postar na lista de jQuery https://groups.google.com/forum/#!forum/jquery-br tenho certeza que te ajudarão.

Estou falando isso, apenas para facilitar a vida de alguém que tenha a mesma dúvida que você.

Grande abraço.

Boa sorte.

Rudnei Lucas