.net - Produce mensajes "tostados" como StackOverflow
asp.net jquery (5)
Bueno, a continuación se muestra un método para usar jGrowl (para ampliar la respuesta de Shane) a través de .cs.
Este ejemplo en el formulario web ASP.NET.
Cree una página aspx simple con 1 botón y asegúrese de incluir el script jquery / jgrowl necesario y las referencias css en el encabezado de la página. También tengo un ScriptManager y un panel de actualización en la página.
En el código de atrás para la página:
protected void Button1_Click(object sender, EventArgs e)
{
this.ShowStatus("This is your message!<br />Some HTML formatting works!<br />");
}
protected void ShowStatus(string message)
{
ScriptManager sm = ScriptManager.GetCurrent(Page);
if (sm.IsInAsyncPostBack)
{
string script = @"
$(document).ready(function() {
$.jGrowl.defaults.theme = ''iphone'';
$.jGrowl(''" + message + "'', {theme: ''iphone'',header: ''Notification'',life: 8000});});";
ScriptManager.RegisterStartupScript(Page,this.GetType(), "notification", script,true);
}
}
Naturalmente, use cualquier tema que se adapte a su aplicación, ¡buena suerte! Además, este enfoque solo carga la secuencia de comandos de notificación según sea necesario (en este caso, después de hacer clic en el botón), pero podría vincular la función "ShowStatus" a otros eventos / pruebas dentro del código que se encuentra detrás.
Una de las cuestiones en las que pienso cada vez que construyo mi aplicación web es cómo deben aparecer los mensajes para los usuarios finales.
Probé cuadros de mensajes como los de las aplicaciones de Windows, pero se ven muy mal y causan problemas cuando se publican en el servidor. He intentado un panel de actualización que contiene una etiqueta genial en la parte superior de la página ... pero todavía siento que no es lo suficientemente bueno. A veces tengo problemas en casos específicos cuando uso AJAX, y todavía no se ve bien para los usuarios ...
Quiero preguntar sobre los mensajes de StackOverFlow que aparecen por un tiempo y luego desaparecen, por ejemplo, el mensaje que aparece en naranja cuando se vota un mensaje hacia arriba o hacia abajo.
Quiero crear mensajes como estos o reutilizar una DLL que pueda proporcionarlos. ¿Es esto factible?
note ::: los mensajes aparecieron para el usuario según una condición específica en el servidor.
Gracias por adelantado.
Específicamente, el complemento jGrowl jQuery hace lo que estás pidiendo.
Simplemente incluya los scripts jQuery y jGrowl en su html, y comience a generar mensajes con la función $ .jGrowl ().
Código de ejemplo:
<html>
<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jgrowl.js"></script>
<script>
$(function() {
$.jGrowl("My sticky message, loaded after the rest of the page", {sticky: true});
$("#mybutton").live("click", function(_) {
$.jGrowl("you clicked the button!");});
});
</script>
</head>
<body>
<button id="mybutton">click me</button>
</body>
</html>
Notimoo plugin utilizando mootools.
Usado ayer, y me gustaron las opciones de configuración.
Otro complemento de notificación de JavaScript muy bueno es Pines Notify.
Cuenta también con un widget de historial de notificaciones.
Para crear efectos puedes usar estas herramientas.
Biblioteca de interfaz de usuario jQuery . Proporciona interacciones, widgets, efectos y temas para crear aplicaciones de Internet enriquecidas.
Puedes ver algunos efectos Jquery here
Una biblioteca de interfaz de usuario de aplicaciones web construida en el marco de JavaScript de Mootools