Posts Tagged ‘javascript’
JS: Actualizar ventana padre desde pop-up.
Escrito por Marc | Archivado en Desarrollo web, Tips
Muchas veces, abrimos una ventana flotante donde hemos puesto un formulario desde el cual actualizamos datos. Casi siempre suele ser un listado de datos, registros listados de una base de datos y el pop-up suele contener un pequeño FROM para actualizar datos básicos.
Solemos abrir este pop-up para actualizar datos y cuando hacemos esto, lo ideal es que la ventana donde esta el listado (padre del pop-up que hemos abierto) se actualice al hacer el submit de los datos y de este modo podamos ver el resultado sin tener que forzar la recarga de dicho listado con un click o usando cualquier atajo de teclado.
Esto es muy fácil de hacer desde javascript, solamente necesitamos una linea de código. Ésta linea tenemos que añadirla al final de la página que procesa el PHP o ASP, vamos el lenguaje de servidor que realice la inserción de los datos en la base de datos.
-
window.opener.location.reload();
Fácil, no? Pues si además queremos que una vez recargada la página padre el pop-up se cierre automáticamente, solamente le tenemos que añadir una linea mas a este código.
-
window.opener.location.reload();
-
window.close();
Cabe destacar que este código sirve para cualquier página que esté escrita en lenguaje script, ASP o PHP ya que dicho código es javascript y se interpreta íntegramente en el navegador del cliente/usuario.
JS: Efectos javascript sin el uso de frameworks
Escrito por Marc | Archivado en Desarrollo web, Recursos
Hoy por hoy tenemos a la orden del día unos cuantos frameworks (jquery,scriptaculous,mootools...) con los cuales es cuestión de minutos hacer que una capa (div) se mueva de un lado al otro, de dos piruetas y cambie de color mientras parpadea en dirección a cualquier parte de la pantalla.
Pues he encontrado un enlace con unos pocos efectos realizados sin el uso de ningún framework.
Es algo a tener en cuenta si no somos muy partidarios de usar según que librerias.
super.acualicio.us - Javascript sin frameworks
Fuente: freakevolution
JS: image menu (menú con imagenes)
Escrito por Marc | Archivado en Desarrollo web, Recursos
Nunca está de menos tener este recurso a mano, en cuestión de minutos puedes conseguir un menú con imagenes rápido, sencillo de implementar y animado.
Este menú seguramente que ya lo habías visto anteriormente en alguna otra web, incluso lo habrás visto echo en flash. Pero como no, siempre hay una alternativa al flash y ésta, está realmente bien.
El núcleo del menú lo gestiona la librería mootools, de manera que es garantía de sencillez y buen código, vamos que el procesador de nuestros visitantes no va a empezar a sacar humo cuando empiecen a navegar por nuestra web....
Su aplicación a modo de código es tan sencilla como poner esto:
-
var myMenu = new ImageMenu('imageMenu', {
-
openWidth:310,
-
onOpen:function(e,i){console.log(e)}
-
});
Para descargar el código, ver las opciones de que dispone y ver su funcionamiento antes de implementarlo solo has de acceder a su web Pathfusion : image menu
