Ciao,
niente non riesco proprio!!
guarda:
ho una pagina chiamata teg_contratti.php che dentro ha vari div vuoti che vengono popolati. tra questi div c'è questo
<div class="d-flex justify-content-center" id="pulsanti"></div>
che viene popolato tramite questo script (insieme ad un altro div ma che non è l'oggetto del discorso)
<script>
// Funzione per eseguire una chiamata AJAX e aggiornare un div con i risultati
function eseguiQuery(url, divId) {
var aziendaValue = document.getElementById("aziendaInput").value;
var div = document.getElementById(divId);
// Rimuovi il contenuto precedente del div
div.innerHTML = "";
// Esegui la chiamata AJAX solo se è presente un valore nell'input
if (aziendaValue.trim() !== "") {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
div.innerHTML = this.responseText;
}
};
xhttp.open("GET", url + encodeURIComponent(aziendaValue), true);
xhttp.send();
}
}
// Funzione per eseguire tutte le chiamate AJAX insieme
function eseguiTutteLeQuery() {
eseguiQuery("ricerca_nrpratica.php?azienda=", "risultatiricercaazienda");
eseguiQuery("pulsantistampe.php?azienda=", "pulsanti");
}
// Esegui tutte le query al caricamento della pagina e ogni volta che l'input cambia
document.addEventListener("DOMContentLoaded", eseguiTutteLeQuery);
document.getElementById("aziendaInput").addEventListener("input", eseguiTutteLeQuery);
</script>
quindi il div in questione “pulsanti” vienen popolato tramite la pagina pulsantistampe.php . Ora non incollo tutta la pagina di pulsantistampe.php ma vi metto il pezzo di codice che non mi funziona :
<?php
if ($result_pulsanti && mysqli_num_rows($result_pulsanti) > 0) {
echo '<button type="submit" class="btn btn-primary mr-4">CONTRATTI</button>';
echo '</form>';
echo '<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#emailModal" id="openEmailModal">INVIO EMAIL</button>';
} else {
// Messaggio di avviso se non ci sono risultati
echo '<p></p>';
}
?>
<div id="email_modal"></div>
<script>
$(document).ready(function() {
$('#openEmailModal').click(function() {
// Esegui una chiamata AJAX per ottenere il contenuto di email_modal.php
$.ajax({
url: 'email_modal.php', // Sostituisci con il percorso corretto
method: 'GET',
success: function(response) {
// Popola il div con il contenuto ottenuto
$('#email_modal').html(response);
},
error: function() {
console.error('Errore durante il recupero del contenuto della modal.');
}
});
});
});
</script>
come detto ieri ho creato il div email_modal e ho scritto la funzioncina in javascript e fatto la chiamata ajax per popolare il div con la pagina email_modal.php.
Ma al click del bottone INVIO EMAIL non succede nulla!!!
Perchè?
Il codice della modale è lo stesso incollato sopra.