Enviar mensajes a pagina principal desde Iframe - Ajax Sin Ajax, Facil y muy util

Blog sobre Programacion y Ajax Sin Ajax, Facil y muy util en Argentina

Una vez que el codigo de validacion se ha ejecutado debe enviar un mensaje al usuario indicando si la operacion fue valida o no.

  • Si no es valida mostraremos un mensaje de error y el motivo.
  • Si la pagina es valida redirigiremos la pagina principal a la seccion de usuarios registrados.

En el documento principal debemos incluir una etiqueta html, puede ser <div id="mensaje">&nbsp;</div>. El id es necesario. &nbsp; es utilizado para que no cambie el tamaño al enviarle texto desde el iframe, aunque tamaño color, etc. podras configuralo con CSS.

Desde validar.php. Si hay algun error como email repetido. Enviaremos el mensaje con el siguiente codigo.

<script type="text/javascript">
parent.document.getElementById("mensaje").innerHTML="La cuenta de correo ya existe";
</script>

document.getElementById permite acceder a objetos html mediante su ID

Antes incluimos parent. esto indica que es el documento principal, ya que este codigo se esta ejecutando en un iframe.

innerHTML permite modificar el contenido del objeto

 

Si el registro fue valido redireccionaremos la pagina principal a la seccion de usuarios registrados

<script type="text/javascript">
parent.document.location="registrados.php";
</script>

Para mayor organizacion del codigo es recomendable asignar a una variable php llamada por ejemplo $resultado_js con el codigo javascript sin las etiquetas de apertura y cierre luego al final del documento incluiras:

<?php echo '<script>' . $resultado_js . '</script>'; ?>

 

Visitar articulo completo sobre Ajax Sin Ajax, Facil y muy util

Comparte tu opinion o comenta

Cuenta tu opinion o amplia el contenido del articulo