Como utilizar los Toasts de materialize

  • Autor Autor yoclens
  • Fecha de inicio Fecha de inicio

yoclens

Gamma
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
saludos amigos actualmente quisiera cambiar el modelo de como mostrar mis mjs de alertas para cuando hago un insert, delete y update. quisiera cambiar estas alertas por los Toasts de materialize. anexo el código como hago para mostrar las alertas. link de matrerialize Dialogs - Materialize

metodo para insertar

PHP: 
<!-- proceso para registrar-->
<?php
if(isset($_POST['guardar'])){


$sql = "SELECT cuentas FROM cuentas WHERE cuentas = :cuentas LIMIT 1"; //Creamos la select
$check = $DB_con->prepare($sql); //Preparamos la SELECT, de ésta manera evitamos SQL Injection
$check->bindParam(':cuentas', $_POST['cuentas']);//Substituimos las variables de la SELECT
$check->execute();//Ejecutamos la consulta
$contador = $check -> rowCount();//Esta función devuelve el número de resultados que ha devuelto la SELECT
if ($contador > 0) {
$check->closeCursor();

          $errMSG = "¡ Ups Aviso: El Registro ya se Encuentra Insertado !";

}
else
{

$sql=$DB_con->prepare("INSERT INTO cuentas (cuentas) VALUES (:cuentas)");
$sql->bindParam(':cuentas', $_POST['cuentas']);
$sql->execute();

      $successMSG ="¡ Bien Hecho: Registro Insertado Correctamente !";

    }
  }
?>



mostrar mjs

PHP: 
<!-- mostrar mjs -->
<?php
if(isset($errMSG))
{
  ?>
  <div id="element" class='col s5 card-panel blue lighten-2 right'>
  <h6 class='black-text text-darken-2 center CONDENSED LIGHT5'>
  <?php echo $errMSG; ?> <a href='#' class="black-text" id="hide">[X]</a>
  </h6>
  </div>
  <?php
 }
 else if(isset($successMSG))
 {
   ?>
   <div id="element" class='col s5 card-panel teal lighten-2 right'>
   <h6 class='black-text text-darken-2 center CONDENSED LIGHT5'>
   <?php echo $successMSG; ?> <a href='#' class="black-text" id="hide">[X]
  </a>
   </h6>
   </div>
  <?php
  }
 ?>           
  <!-- FIN VALIDACION -->
 
Hola compañero, los toast de materialize se utilizan a traves de funciones javascript. Esto quiere decir que puedes ejecutar esa funcion desde php al momento de dar success o error. EJ

<?php
if(isset($errMSG))
{
echo "error();";
}else if(isset($successMSG)) {
echo "success();";}
?>
<script>
function success(){
materialize.toast('Success toast!',4000)
}

function error(){
materialize.toast('Error toast!',4000)
}

</script>
 

lo he implementado amigo pero nada no se me muestra la alerta toast
 
yoclens dijo:
lo he implementado amigo pero nada no se me muestra la alerta toast
Hacer clic para expandir...

Asegurate de llamar la libreria de materialize en tu proyecto, tanto el css como el js, deberia funcionarte
 
edwinhc dijo:
Asegurate de llamar la libreria de materialize en tu proyecto, tanto el css como el js, deberia funcionarte
Hacer clic para expandir...

si ya esta listo fijate que coloco esto <a class="btn" onclick="Materialize.toast('I am a toast', 4000)">Toast!</a> y me muestra el toast pero cuando lo implemento como de dices no me muestra nada
 
Entiendo prueba con esto en ese caso


<?php
if(isset($errMSG))
{
echo "Materialize.toast('error', 4000);";
}else if(isset($successMSG)) {
echo "Materialize.toast('Success', 4000);";
}
?>
 
edwinhc dijo:
Entiendo prueba con esto en ese caso


<?php
if(isset($errMSG))
{
echo "Materialize.toast('error', 4000);";
}else if(isset($successMSG)) {
echo "Materialize.toast('Success', 4000);";
}
?>
Hacer clic para expandir...

nada amigo eso si se me a echo difícil
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

¿Cómo utilizar los Toasts de materialize?
Respuestas
4
Visitas
370
yoclens
Menú
Acceder
Registro