Janela Pop-up JS e PHP

[Guilherme Moreira Farias]

Olá galera,

Estou fazendo um sistema em PHP, onde será mostrado uma lista de produtos e ao lado de cada produto terá um botão para desativar. Quero que assim que o usuário clicar no botão, seja mostrado uma tela pop-up para ele dizer o motivo da desativação. Alguém tem uma ideia de quando ele clicar no botão o sistema reconhecer o ID do Produto?

[Frank K Hosaka]

Também estou trabalhando no mesmo projeto, o máximo que eu consegui foi isso:

<style>
li {list-style-type: none;}
.modal {display:none; position:fixed; background-color:orange; border:1px solid;top:10;left: 10;padding: 40px}
</style>
<script>
function modal(id) {divmodal.style.display='block';divjustifique.innerHTML="Justifique porque desativar o produto <br>"+id;}
</script>
<div id=divmodal class=modal onclick='divmodal.style.display="none"'><input><div id=divjustifique></div></div>
<?php
$mysqli=new mysqli("localhost","root","","diario");
$query=$mysqli->query("select * from tbprod order by prod limit 10");
while ($row=$query->fetch_assoc()) {
	$prod=$row['prod'];
	$codprod=$row['codprod'];
	$texto="$codprod $prod";
	$java='modal("'.$texto.'")';
	$modal="<input type=submit value=Desativar onclick='$java'>";
	echo "$codprod $prod $modal<br>"; }
mysqli_close($mysqli);

Ele só funciona se não tiver nenhum produto com aspas. Se um produto tiver aspas, isso vai gerar conflito na hora de o PHP mandar as informações para a função do Javascript.
Eu usei o meu próprio banco de dados, e como tem um monte de registros na tbprod, pedi para o PHP limitar a apenas 10 registros. Note que a definição da variável $Java é bem complicada, eu levei dois anos para montar na base da tentativa e erro.

Note que o código é incompleto, ele só vai colocar o produto selecionado até o modal, e só fica nisso, não faz mais nada.

Para trabalhar com produtos com aspas, o Wash deixou um tutorial aqui no fórum, mas precisa do PHP 8. Eu não consegui adaptar ao meu código, porque eu ainda estou bem longe de dominar a técnica da "promessa" no JavaScript. O link é esse daqui: O tutorial do Wash - Tutoriais & Dicas - PHP - Fórum Script Brasil

Editado Maio 31, 2022 por Frank K Hosaka