Cuando se envía el formulario, el contenido de la página se reemplaza y aparece un mensaje de agradecimiento. Ahora va en un <div> , pero se establece a su izquierda.
Aquí está la parte html resultante:
<div class="row"> <div style="color:#373737;text-align:center"> <h5>Thank you!</h5> <p> We will be processing your response! </p> </div> </div> Esta es la pieza de javascript :
function saveData() { var searchForm = document.getElementById('search-form') var page = document.getElementById("page"); var table = document.getElementById("dtable"); page.innerHTML = ""; table.innerHTML = ""; searchForm.closest("div.row").innerHTML = "<div style='color:#373737;text-align:center'><h5>Thank you!</h5>" + "<p>We will be processing your response!</p>"+ "</div" }¡Gracias por tu ayuda!
Prueba esto:
searchForm.closest("div.row").innerHTML = "<div style='color:#373737;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column'><h5>Thank you!</h5>" + "<p>We will be processing your response!</p>"+ "</div"