Quisieramos saber si alguien nos pueden ayudarnos con un alerta personalizado propio realizado con hoja de estilo y javascript. Lo que queremos es que el boton que dice ACEPTAR no vaya a un vinculo determinado o haga una accion unica, sino que respecte lo que esta programado en esa pagina y haga la accion que esa pagina tenga. Por ejemplo (Yo tengo una pagina llamada formulario.php y el alert ese dice que cuando se envia el correo y presionar aceptar se redirrecione al index.php y tengo otra pagina consulta.php que dice cuando salga el alert y presione aceptar vaya a menu.php), es decir queremos que funcione segun lo programado en cada pagina y no con una accion definida.
Les paso el codigo
Código Javascript:
Ver original
<script type="text/javascript"> var ALERT_TITLE = "Open Latino"; var ALERT_BUTTON_TEXT = "ACEPTAR"; if(document.getElementById) { window.alert = function(txt) { createCustomAlert(txt); } } function createCustomAlert(txt) { d = document; if(d.getElementById("modalContainer")) return; mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div")); mObj.id = "modalContainer"; mObj.style.height = d.documentElement.scrollHeight + "px"; alertObj = mObj.appendChild(d.createElement("div")); alertObj.id = "alertBox"; if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px"; alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px"; alertObj.style.visiblity="visible"; h1 = alertObj.appendChild(d.createElement("h1")); h1.appendChild(d.createTextNode(ALERT_TITLE)); msg = alertObj.appendChild(d.createElement("p")); msg.innerHTML = txt; btn = alertObj.appendChild(d.createElement("a")); btn.id = "closeBtn"; btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT)); btn.href="javascript:history.back"; btn.focus(); btn.onclick = function() { removeCustomAlert();return true; } alertObj.style.display = "block"; } function removeCustomAlert() { document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); } </script>
Ahora esta asi
Código Javascript:
Ver original
btn.href="javascript:history.back";
Seria cambiar el history.back por una funcion que lea lo programado en esa pagina y el boton aceptar funcione segun con lo demandado en esa misma pagina
Gracias