pablo aguilar
lorena_morena_linda
NasstySistema de alertas personalizables
Este código es uno de los trozos sobre la librería javascript que tengo pensada hacer, en este caso he creado app.alert, un sistema de alertas personalizable tanto en html como en CSS.
El script lo que hace es mostrar un cuadro de dialogo indicando si se quiere cumplir la acción, cuando el usuario acepta se llama a la función creada para tal propósito.
Veamos un ejemplo:
function alerta() {
var msg = new app.alert();
msg.title = "Mensaje de aviso";
msg.message = "¿Seguro que deseas continuar?";
msg.ok = function() {
msg.hide();
document.getElementById("content").innerHTML = "<h1>Alerta ok!!!</h1>";
};
msg.show();
return false;
}
Puedes definir el titulo y el mensaje, la caja contenedora siempre y cuando respetes los identificadores.
La función ok es la que se llama en caso aceptar la alerta.
El código esta basado en dashboard, con lo que os resultara familiar :P.
Demo de sistema de alertas.
Ver post
Comentar
Nacho#1 hace 1030 días
luman#2 hace 1030 días
Ahora un desafio: una ventana en plan bocadillo que salga cerca del botón que se pulsa a modo que tiene la tienda de camisetas de Panic.com, arriba del todo, en la opción de apuntarte a la lista de correo. Ah! tienen nuevas camisetas en la tienda y están muy chulas.
Ignatius#3 hace 1029 días
if (app.alert(‘textoA’, ‘textoB’)) {
algo…
}
else {
algo…
}
Y ya puestos, si degradara mejor en navegadores sin soporte de png (puto IE) sería la bomba :)
Percewall#4 hace 1027 días
Gracias y sigue compartiendo conocimientos.
Zootropo#5 hace 1026 días
icebeat#6 hace 1024 días
gracias por el detalle percewall.
SidV#7 hace 1024 días
Feliz Navidad y Prospero Año Nuevo… salu2
AraDaen#8 hace 1024 días
Un saludo.
blid#9 hace 1014 días
Saludos y a pasarlo bien
kus#10 hace 1013 días
icebeat#11 hace 1012 días
Es como un toolkit ;p.
holucas#12 hace 1005 días
La verdad que esta muy pero muy bueno, no solo porque es lindo esteticamente sino que tambien se puede modificar facilmente para utilzarlo con cualquier otros codigos de java.
Por el momento lo estoy probando para que verifique que campos sean rellenados antes de ser enviados y funciona perfecto en mozila y ie.
Lo unico que pasa es que la ventana aparece arriba de toda la pagina, y si tenemos el link por abajo y con algo de scroll vertical la ventana no se ve, osea si se ve pero tenes que subir!!! Me estuvo volviendo loco esto, pense que no funcionaba hasta que un momento se me dio por subir y ahi estaba la bendita ventana!
Para Ignatius, perfectamente podes cambiar las imagenes png a gif transparentes que funciona sin problema. Para que te quede totalmente transparente tenes que cambiar la optimizacion, seleccionar GIF, luego EXACCTA, luego TRANSPARENCIA INDICE y listo, la guardas como gif y punto.
En internet explorer pasa que la ventana se descoloca porque el porcentaje del tamanio de la imagen de fondo esta en 100% x 100%, pasando esos datos a 99% y 99% queda 10 puntos!
Bueno, antes de enviar este mensaje estube haciendo algunas pruebas para ver si la ventana se centraba en la pantalla sin importar que tan larga sea pagina, pero por ahora no encontre la forma correcta y seria una frustracion total no poder utilizarlo por esto!
Te dejo un abrazo desde Buenos Aires y gracias por compartir esto con toda la gente!
Icebeat#13 hace 1005 días
Ignacio#14 hace 907 días
alerta = alerta(‘Hola’);
if(alerta == true){
algo
}else{
nada
}
icebeat#15 hace 902 días