Para hacerlo existen muchas maneras, pero viendo que no dominas el tema AJAX y para no complicarlo lo haremos todo en ficheros separados. No es la forma mas eficiente.
Igualmente te dejare un ejemplo con un controlador, que en este caso si seria la mejor forma.
Empezamos con la versión mas sencilla
(con ficheros separados)
Para este caso necesitas 3 ficheros.
1º Un index.html, el encargado de mostrar los botones cara al usuario.
2º Un php, activa.php, que se encargara de activar el contenido.
3º Un php, desactiva.php, que se encargara de desactivar el contenido.
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SO</title>
<!-- JQUERY -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<button onclick="funcionActivar()">Activar!</button>
<button onclick="funcionDesactivar()">Desactivar!</button>
</body>
</html>
<script>
function funcionActivar(){
$.ajax({
url: 'activa.php',
success: function (response) {
alert(response);
}
});
}
function funcionDeasactivar(){
$.ajax({
url: 'desactiva.php',
success: function (response) {
alert(response);
}
});
}
</script>
activa.php
<?php
//Establecemos conexion, ya sea con PDO o como lo hagas tu.
$link = new mysqli("192.168.1.1", "srsole", "my_pass", "module_cli");
$link->set_charset("utf8") or die();
$consulta = "UPDATE usuario SET Trabajo='Activada' WHERE Correo='" . $mail ."';"; //Desconozco de donde sacas $mail, asi que lo pongo tal cual.
$result = mysqli_query($link, $consulta);
echo "Activado con exito!";
?>
desactiva.php
<?php
//Establecemos conexion, ya sea con PDO o como lo hagas tu.
$link = new mysqli("192.168.1.1", "srsole", "my_pass", "module_cli");
$link->set_charset("utf8") or die();
$consulta = "UPDATE usuario SET Trabajo='Desactivada' WHERE Correo='" . $mail ."';"; //Desconozco de donde sacas $mail, asi que lo pongo tal cual.
$result = mysqli_query($link, $consulta);
echo "Desactivado con exito!";
?>
Version con contralodor
En este caso solo necestiamos 2 ficheros:
1º index.html, el encargado de mostrar los botones cara al usuario.
2º controller.php, que se encargara de activar/desactivar el contenido segun el parametro enviado (POST).
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SO</title>
<!-- JQUERY -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<button onclick="toggleActivar(1)">Activar!</button>
<button onclick="toggleActivar(0)">Desactivar!</button>
</body>
</html>
<script>
function toggleActivar(x){
$.ajax({
url: 'controller.php',
data: {"activo": x},
type: "POST",
success: function (response) {
alert(response);
}
});
}
</script>
controller.php
<?php
//Recibimos los datos por POST
$activo = $_POST["activo"]; //esto valdra 1 ó 0
//Establecemos conexion, ya sea con PDO o como lo hagas tu.
$link = new mysqli("192.168.1.1", "srsole", "my_pass", "module_cli");
$link->set_charset("utf8") or die();
if(intval($activo) == 1){
$consulta = "UPDATE usuario SET Trabajo='Activada' WHERE Correo='" . $mail ."';"; //Desconozco de donde sacas $mail, asi que lo pongo tal cual.
$x = "Activado con exito";
}else{
$consulta = "UPDATE usuario SET Trabajo='Desactivada' WHERE Correo='" . $mail ."';"; //Desconozco de donde sacas $mail, asi que lo pongo tal cual.
$x = "Desactivado con exito";
}
$result = mysqli_query($link, $consulta);
echo $x;
?>
No es exactamente un controlador, pero es mas eficiente.
display:none;
, también lo solucionas... ¿Podrías mostrar el código de la tabla que quieres 'activar/desactivar'?