Hola amigos:
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 originalbtn.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