Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/07/2012, 20:48
betodaniel61
Usuario no validado
 
Fecha de Ingreso: abril-2009
Ubicación: Buenos Aires
Mensajes: 413
Antigüedad: 15 años
Puntos: 3
Funcionalidad con lo programado

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
  1. <script type="text/javascript">
  2. var ALERT_TITLE = "Open Latino";
  3. var ALERT_BUTTON_TEXT = "ACEPTAR";
  4. if(document.getElementById) {
  5.     window.alert = function(txt) {
  6.         createCustomAlert(txt);
  7.     }
  8. }
  9. function createCustomAlert(txt) {
  10.     d = document;
  11.     if(d.getElementById("modalContainer")) return;
  12.     mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
  13.     mObj.id = "modalContainer";
  14.     mObj.style.height = d.documentElement.scrollHeight + "px";
  15.     alertObj = mObj.appendChild(d.createElement("div"));
  16.     alertObj.id = "alertBox";
  17.     if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
  18.     alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
  19.     alertObj.style.visiblity="visible";
  20.     h1 = alertObj.appendChild(d.createElement("h1"));
  21.     h1.appendChild(d.createTextNode(ALERT_TITLE));
  22.     msg = alertObj.appendChild(d.createElement("p"));
  23.     msg.innerHTML = txt;
  24.     btn = alertObj.appendChild(d.createElement("a"));
  25.     btn.id = "closeBtn";
  26.     btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
  27.     btn.href="javascript:history.back";
  28.     btn.focus();
  29.     btn.onclick = function() { removeCustomAlert();return true; }
  30.     alertObj.style.display = "block";  
  31. }
  32. function removeCustomAlert() {
  33.     document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
  34. }
  35. </script>

Ahora esta asi
Código Javascript:
Ver original
  1. 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

Última edición por betodaniel61; 07/07/2012 a las 20:58 Razón: Extras de informacion