Como Criar Janela Modal para Editar Produto
HTML-код
- Опубликовано: 9 фев 2025
- Baixar o código fonte desenvolvido na aula: celke.com.br/ma...
Instagram (celkecursos): / celkecursos
Facebook: / celkecursos
Twitter (@celkecursos): / celkecursos
E-mail de contato: atendimento@celke.com.br
Linkedin: / celke
Nesta vídeo aula será apresentado como criar janela modal para editar dados do produto.
Também será apresentado como preencher o formulário editar com dados do banco de dados MySQLi.
Para criar a janela modal será utilizado o jquery e será apresentado como usar o framework bootstrap.
A janela modal é uma caixa box carregada sobre o conteúdo principal da página, com isso é possível editar dados do produto sem a
necessidade de abrir uma nova página.
Curso de PHP, MySQLi e Bootstrap: goo.gl/2ptV9F
VC E MELHOR DO FOI OS MEUS PROFESSORES
DA FACULDADE KKKKKK
ta bombando amigos!
Vocês vão longe com o canal parabéns mesmo!
você é muito fera! Assisto todos os seus vídeos. Aprendendo muito!
Topizeira kkk adorei!
Celke gostaria que fizesses uma vídeo aula apresentando como criar janela modal para editar dados do produto e puxando ao mesmo tempo a imagem do produto na base de dado..
professor teria este mesmo exemplo, de crud mais com code igniter 4 ?
ola, gostaria de saber se caso tivesse um checkbox no produto, como faria para transportar essa informação para o modal? obrigado!
Muito bem explicado. Parabéns. Pra levar uma imagem que chega do banco de dados em formato de bytes na página modal... Quais são os códigos a serem acrescentado.
Exemplo: Pra levar um texto é seguido a seguinte lógica no código:
Passo 1: No HTML uso o código:
Parabéns, me ajudou muito a sua vídeo aula!
Top, muito obrigado pela valiosa ajuda!
Obrigado, me ajudaste muito.
Suas aulas são muito boas, parabéns!
muito bom ....parabéns sua didática é muito clara e segura....gostaria de saber como não permitir a edição vazia...como sou novo de php, não consegui fazer...obrigado e tenha minhas considerações. RECOMENTADO!!!!!
Você tem o de deletar ?
muito top! obrigado me ajudou muito, fora o aprendizado.
boa tarde, passei um tempão para consegui passar os valores para dentro dor form MODAL.
este parametro "data-whateverNome", nao funciona se tiver letras maiuscula.
So funcionou com letras minusculas...
Muito boa a aula, Obrigado pelo conhecimento!
Muito bom, tem como fazer o update sem refresh e carregar na mesma janela modal?
Olá Cesar! Estou com uma dúvida. Com faço para quando eu editar a informação.o banco de dados o visualizar atualize? Estou percebendo que a informação fica travada e tenho que limpar o cachê do navegador para atualizar a informação no modal visualizar.
Olá Well,
Recomendo seguir a playlist de aula atualizada: ruclips.net/video/0l1hJvSue6A/видео.html
Professor, como faço para trazer um input radio selecionado com a informação cadastrada no banco de dados, utilizei seu método para editar cadastro de usuário, mas meu input radio que contem as opções para selecionar o sexo do usuário, não vem selecionado de acordo com o que foi cadastra no banco de dados...poderia me dar uma força ?
Como faço para inserir um campo de pesquisa nesse sistema?
Nesse exemplo é criado um modal para cada registro? Como poderia fazer para criar apenas um modal?
Parabéns pelos vídeos! Estou com um problema pois fiz uma arquivo de janela modal e incluir dentro do while, funciona o modal com as variáveis, porém demora demais para retornar todos os registros e fica processando um tempão, com muita lentidão, alem desconfigurar a tabela que mostra os resultados. O que pode está ocorrendo?
Boa tarde cezar, estou tendo dificuldade para carregar um select populado e um input file com suas propriedades. Vc poderia me dizer como carregar esses elementos nessa modal ?
Olá Linden,
Segue o link do tutorial como preencher o campo select com JavaScript: ruclips.net/video/--J1AMu8Uf0/видео.html
Também recomendado seguir o tutorial atualizado sobre cadastrar no banco de dados com janela modal: ruclips.net/video/FQD8KYSwRwQ/видео.html
Olá Cesar, muito bom o vídeo, mas tenho uma dúvida, procurei mas não achei, como fazer pra assim que fechar o Modal, focar em uma caixa de texto? Obrigado
Prezado Celke, poderia exemplificar como seria o combobox no select para editar valores do banco?
consegui assim:
Nível:
Excluir esta linha
Substituindo por "select" como abaixo.
Administrador
Usuário
Na qual no SELECT class, foi adicionando o campo name='campo para o $_POST' e o id='campo do modal do script' .
Cara sou seu fã!!!
Tentei adicionar dentro do modal input Radio mas retorna erro na linha, qual seria o codigo certo para radio dentro do modal?
Olá, gostaria de saber se no momento de recuperar os dados fosse um como ficaria no scritp ou no html? desde já obrigado. Nas aulas foi utilizado somente imput text
Continua com mais novidades.
Ola, boa tarde, parabens pela video, muito bem explicativo. Gostaria de saber sobre o botão excluir como seria o codigo dele vc não fez.
Como que eu preencho um input do tipo radio com 2 opções, tenho que pegar oque esta no cadastro e trazer ele selecionado no editar porem a opção certa, como eu faço ?
Boa tarde, parabéns pelo trabalho, uma dúvida, se eu tenho algum texto no BD com aspas neste, no editar ele é interrompido na aspas, tipo : O Celke é um cara "Legal" , para visualizar aparece normalmente , porém para editar aparece --> O Celke é um cara , como resolver ?
Boa noite, tenho um formulário de listar_usuário.php, aonde me lista os usuários, em cada linha tenho o botão Editar, clicando nesse botão ira abrir o modal, com os dados do usuário para ser alterado, porem tenho um botão que ira abrir outro modal, para que eu possa localizar o nome do usuário já cadastro, porem nesse segundo modal os usuários são demostrador, e ao clicar no botão pesquisar, é fechado os dois modal, porem se eu voltar a essa tela, vejo que a consulta filtrou corretamente, porem ocasionou em fechar o modal, nesse caso não era para fechar.
Pode me ajudar como faco nesse caso?
Como trazer um checkbox checado ou nao no modaledit assim como um select com multiselect?
Fala Celke, acredito que a função "mysqli_affected_rows != 0" não seja a melhor opção, pois após a primeira alteração o resultado sempre será superior a 0. Certo? A outro opção para verificar se a atualização foi feita no BD?
Abs.
muito bom, não achei o video pra fazer o botão apagar funcionar
Olá Artur,
Apagar simples com PHP é abordado no tutorial: ruclips.net/video/JAZLR1UUeZQ/видео.html
Para apagar com PHP e JavaScript, será liberado em breve nessa sequencia de tutoriais: ruclips.net/video/0l1hJvSue6A/видео.html
Buenas tardes amigo me puedes decir que puedo usuar en php para mostrar el preview del formulario que voy a cargar en la bd
César ao atualizar no banco de dados aparece os caracteres, como tirar?
Beijo na boca!!!
Olá amigo, me tire uma duvida, ou quem souber pode responder também eu fico grato, como foi que vc fez para pegar o id?
Professor , cadê o modal pra foto , esse tipo de modal ae, se encaixa para fotos também ?
Boa noite amigo,
Primeiro lugar parabéns pela iniciativa...
Excelente vídeos
Estou com um probleminha e gostaria de saber se você consegue me ajudar, por favor
Estou com um conteúdo distribuído através de Tabs básica e quando vou editar o conteúdo na tab4 na hora de dar o refresh ela volta para a tab1 assim o usuário tem que ficar voltando direto.
Você consegue fazer um vídeo me ajudando?
Muito obrigado
gostaria de criar uma tabela para digitação de notas de alunos e conforme digitar já atualizar coluna com a média, isso para cada aluno, como fazer isso ?
Professor no meu modal está acontecendo um problema. toda vez que abro o mesmo ele não aceita clique em nenhum dos campos, ou seja congela a tela. voce tem como me ajudar?
No arquivo disponibilizado não carrega os dados para o modal de edição. Não consegui resolver, parece faltar algo. Help!
parabéns pelos teus vídeos!!!! são de fácil entendimento, gostaria de indicar um tema para as próximas aulas, no caso: como trabalhar com gráficos com dados do banco MySQL. Obrigado
Porque no começo do vídeo mostra os botões de alterar e cancelar do lado esquerdo e no final fica no lado direito ?
No meu caso, o modal aparece com os dados tudo direitinho apenas quando aciono o botao o modal some e continua na mesma pagina, O que pode ser ?
Celke, não em a video aula do botão excluir ?
Segue o link da aula na qual já tem o botão excluir funcionando. Baixa o código fonte da aula do link abaixo no qual já está funcionando o botão excluir.
celke.com.br/posts/65/como-criar-formulario-para-cadastrar-produto-em-janela-modal
tem cmo criar uma janela modal do inscreva-se do youtube??
Celke poderia me ajudar para adicionar um campo radio, tentei assim no java mas não carrega os dados:
modal.find('#sim input[type=radio]:checked').val('value='+recipientpropostasim)
modal.find('#nao inputradio:checked').val('value='+recipientpropostanao), consigo apenas resgatar campos input type text
Olá, tento colocar um botão de input file dentro do editar e não consigo, o que faço?
Como faço para editar um campo que é uma foreign key?
Olá, tentei implementar o conteúdo, mas ao passar os valores pela variáveis do botão, somente para primeira variável o valor e repassado, nas outras não, Cesar tens alguma dica para solucionar o problema?
Opa conseguiu resolver essa situação? estou com o mesmo problema
Amigo estou com dificuldade em retornar os valores no combobox.
Você poderia me ajudar, por favor?
Muito Obrigado
Parabéns pelo excelente trabalho
Esta me ajudando muito
Tambem estou com o mesmo problema ...
Boa tarde,
Está no minuto 12:00 que apresento como passar os valores para janela modal.
olá meu professor, to quase na metade do curso..preciso de sua ajuda com relação a este video, ta belezinha tudo esta legal mas na minha modal precisa aparecer uma imagem do usuario criei o data-whateverimguser="" mas ele aparece o caminho tudo certinho só que nao consigo colocar como o endereço da imagem no src= vc saberia como devo proceder??? desde ja agradeço
Olá Sandro, estou com o mesmo problema de não aparecer a imagem do usuário no modal, você conseguiu resolver o seu?
Como eu faço para atualizar a tabela automaticamente quando crio um novo cadastro ?
Olá Elyton,
Comecei a criar um CRUD usando PHP e JavaScript, em breve será criado o cadastrar, ao realizar o cadastro atualizar o listar registros.
Segue o link da playlist que vai ser inserido o tutorial citado acima quando for criado: ruclips.net/p/PLmY5AEiqDWwAehwS_Uk6tv46jNb9pqSpK
Só faltou fazer upload de fotos para produtos
Segue o link do tutorial apresentado como realizar upload: celke.com.br/artigo/como-fazer-upload-com-php-e-salvar-no-banco-de-dados-com-pdo
adicionei a chamda
o erro desapareceu, contudo, o valor que informa no data-whatever não vai para o campo especificado no modal.
estou com o mesmo problema, por um acaso, soube como resolver?
Oie , obrigado pelo vídeo, mas como eu faço para colocar um select? exemplo de cargo, preciso ao abrir o select o cargo referente ao usuario seja o primeiro do select, não estou conseguindo pegar o id do usuario para fazer uma if escrever um echo "selected" na option correpondente ao cargo do usuário, alguem pode me ajudar
eu faço assim olha ai... jogo esse select em um form e puxo na minha taBEL,A .... esse exemplo é de uma tabela usuário... que quero usar o dado dela para trazer do id, pra prencher meu campo idusuario da tabela secretaria,. pq elas estao concetadas por chave acho, q é seu caso, ficou assim aqui..
infelizmente, mesmo o codigo baixado não executa a alteração no banco....
celke como faz para bloquear um campo para nunca poder ser editado, sendo que uso o mesmo modal para inserir e editar, mas algumas informações gostaria que não fossem alteraveis
Olá Rafael,
Utiliza o "Disabled state" do bootstrap.
getbootstrap.com/css/#forms-control-disabled
vlw, vc é o melhor!
desculpe-me incomodar novamente, o "Disabled state" resolve perfeitamente, mas creio que n expliquei direito meu problema.
eu uso o mesmo formulário de inserção, para editar, ele apenas vem com os campos já preenchidos, mas, o meu ID é um numero de CPF, e eu quero que o cpf NÃO possa ser alterado posteriormente, a não ser que vc delete o cadastro e crie um novo, entende....
Olá Cesar, tudo bem?
Você tem ou sabe de alguma aula onde mostra como visualizar somente os produtos que um determinado usuário cadastrou?
Um exemplo: Eu visualizo somente os que eu cadastro e o administrador visualiza todos.
Obrigado!
cria uma variável que receba o id do usuario via get
$idUsuario = $_GET['id'];
no select do mysql insira na condição where a variável
where = '$idUsuario'
Parabéns ! Só achei o som baixo!
Não consigo encontrar a aula onde apaga o registro do banco. creio que seja a ultima aula que falta
Segue o link da aula na qual já tem o botão excluir funcionando. Baixa o código fonte da aula do link abaixo no qual já está funcionando o botão excluir.
celke.com.br/posts/65/como-criar-formulario-para-cadastrar-produto-em-janela-modal
Não consegui implementar o MODAL, no meu caso está dando o seguinte erro no javascript:
$('#exampleModal').on('show.bs.modal', function (event) {
Uncaugtht ReferenceError: $ is not defined
Fica difícil dar like ou seguir o canal se não temos resposta as perguntas!