Ver Mensaje Individual
  #11 (permalink)  
Antiguo 15/12/2018, 05:19
Avatar de RjveraL
RjveraL
 
Fecha de Ingreso: junio-2007
Mensajes: 4
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: como utilizar los Toasts de materialize

La idea es... digamos en PHP...
Código PHP:
Ver original
  1. <?php if(!empty($algunerroralenviardatos)): ?>
  2.     <!-- Hay que setear la variable toastHTML en algun punto -->
  3.     <span onload="M.toast({html: toastHTML});"></span>
  4. <? endif; ?>
Cuando se retorna desde algún enviar datos...

La única forma que me ha resultado es poniendo en el BODY el atributo OnLoad, y la magia es que lo puedes modificar con PHP...:

Código HTML:
Ver original
  1. <body onload="M.toast({html: toastHTML, classes: 'rounded'});">
  2. <!-- La variable la cargo desde un script donde lo necesito... -->
  3.     var toastHTML = '<i class="material-icons red-text medium left">info</i><span>Hubo un ERROR.</span><button class="btn-flat toast-action">Entiendo</button>';

He probado segun la doc...
Código HTML:
Ver original
  1.     var toastHTML = '<i class="material-icons red-text medium left">info</i><span>Hubo un ERROR.</span><button class="btn-flat toast-action">Entiendo</button>';
  2.     M.toast({html: toastHTML});
No me funciono....


Lo siguiente, yo sé que esta mal semanticamente hablando, pero así también me funcionó... Esta línea la puse donde quería que apareciera la Alerta... puedes sacar ideas y mejorarlas

Código HTML:
Ver original
  1. <body onload="M.toast({html: toastHTML, classes: 'rounded'});"></body>

Ejemplos de TOAST (Extraidos desde páginas WEB, modificados, comentados y o traducidos)

[URL="https://codepen.io/RjveraL/pen/qLZRQg"]https://codepen.io/RjveraL/pen/qLZRQg [/URL] ---> De este lo que te atraiga más posiblemente sea el CallBack
[URL="https://codepen.io/RjveraL/pen/yGOgLJ"]https://codepen.io/RjveraL/pen/yGOgLJ[/URL] ---> De este lo interesantes el que cambia los colores del Toast


En que forma dejaste tu sistema... finalmente usaste Toast o diseñaste otra forma... querrías compartir tu experiencia.

Gracias

Última edición por RjveraL; 15/12/2018 a las 06:51 Razón: Agregue las estructuras de código y Ejemplos