Como utilizar los Toasts de materialize

yoclens · 2017-08-15T12:52:01-0500

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 -->

edwinhc · 2017-08-15T13:13:10-0500

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>

yoclens · 2017-08-15T13:34:38-0500

edwinhc dijo:
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

edwinhc · 2017-08-15T13:41:37-0500

yoclens dijo:
lo he implementado amigo pero nada no se me muestra la alerta toast

Asegurate de llamar la libreria de materialize en tu proyecto, tanto el css como el js, deberia funcionarte

yoclens · 2017-08-15T13:44:25-0500

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

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

edwinhc · 2017-08-15T14:21:19-0500

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);";
}
?>

yoclens · 2017-08-15T15:40:24-0500

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);";
}
?>

nada amigo eso si se me a echo difícil

Como utilizar los Toasts de materialize

yoclens

edwinhc

yoclens

edwinhc

yoclens

edwinhc

yoclens

Temas similares