Robert Nino Codigos y Más!

Hey hoy les vengo a compartir este snackAlert ó alert con diseño que e desarollado con HTML, CSS, y JS y la libreria de diseño de w3.css JS function snackAlert(msj,succes1info2warning3error4default5 = 1,time = 3000){ var x = document.getElementById("snackbar"); // Add the "show" class to DIV x.innerHTML = msj; x.className = "show snackbar"+succes1info2warning3error4default5; // After 3 seconds, remove the show class from DIV setTimeout(function(){ x.className = x.className.replace("show", ""); }, time); } HTML el html lo agregan en caulquier parte de su codigo <div class="snackbar"> </div> <button onclick="snackAlert('Hola',1)">Snack Alert</button> Tenemos varios tipos de alert 1 = success 2 = info 3 = warning 4 = error 5 = default See the Pen SnackAlert by Robert Niño ( @robert-nino ) on CodePen .

Hay veces que cuando estas desarrollando en laravel obtienen un error relacionado a TokenMismatchException , esto es porque el token CSRF ha expirado.  y es un inconveniente nada deseado que vean nuestros usuarios. Básicamente , si no haces nada en la página durante unas horas y luego haces clic en “cerrar sesión”, puedes ver el error que arroja. Para solventar esto, hay que agregar una excepciones a las URL que no deseamos tener protección CSRF. El array se encuentra en app/Http/Middleware/VerifyCsrfToken.php Vas a ver esto: class VerifyCsrfToken extends Middleware { /** * The URIs that should be excluded from CSRF verification. * * @var array */ protected $except = [ // ]; } Hay que cambiarlo por esto: class VerifyCsrfToken extends Middleware { /** * The URIs that should be excluded from CSRF verification. * * @var array */ protected $except = [ '/logout' // la cual es la ruta de cer...

Hola quisiera compartir con ustedes esta código de validación que con solo nombrarlos en la clase ya resalta los campos,  yo se que ahora hay validación con HTML5 validaciones mas complejas y eficientes pero en algunos casos necesitamos algo mas simple necesitamos los siguientes códigos JavaScript  los colocan donde quieran. JS function limpiar_array(array,tipo) { var arrayx = []; for(i=0;i<((array.length)+1);i++) { if(array[i] || array[i] == 0) { if(tipo == 1) { arrayx.push(array[i]); }else if(tipo == 2) { arrayx.push(" "+array[i]); } } } return arrayx; } function valida(){ var txt = document.getElementsByClassName("txt"); var tedes = document.getElementsByClassName("td"); var error = []; var alerta = []; var aux; for(i=0;i<txt.length;i++) { if(txt[i].value == "...

Quisiera compartir con ustedes esta pequeña tips que al memento en el que estas desarrollado un sistema y deseas confirmar realizar un proceso es decir confirmación múltiple de eliminar u otras cosas y no quieres estar programando a cada momento un código de confirm() JS function confirmar(msj,cantidad) { for(var i=1;i<=cantidad;i++) { if(confirm(msj) == true) { if(i === cantidad) { return true; } }else { break; } } return false; } este código lo pueden colocar en cualquier parte del header y llamarlo donde lo necesiten y lo llaman nada mas para confirmar. Pueden pasar lo necesitamos ejemplos msj : El mensaje a mostrar en el Alert. cantidad : la cantidad de veces que deseas realizar la confirmación. Puedes llamarlo ya sea en un <button onclick="confirmar('Hola',2)">. O en un...

Hola amigos les vengo a compartir un pequeño código que e desarrollador por una pequeña necesidad que tuve en algún momento. Cual es la problema a resolver , es en un campo <input type="date"> en lo que el usuario y que en el momento en que el usuario escriba o seleccione una hora militar lo cambie automáticamente a hora meridiana JS function convertTime24to12 ( time24h ) { var timex = time24h . split ( ':' ); if ( timex [ 0 ] !== undefined && timex [ 1 ] !== undefined ) { var hor = parseInt ( timex [ 0 ]) > 12 ? ( parseInt ( timex [ 0 ])- 12 ) : timex [ 0 ] ; var minu = timex [ 1 ]; var merid = parseInt ( timex [ 0 ]) < 12 ? 'AM' : 'PM' ; var res = hor + ':' + minu + ' ' + merid ; document . getElementById ( ...