Scroll infinito con jQuery IAS
Hoy veremos como hacer una paginación con scroll infinito con jQuery IAS. Lo primero que debemos hacer es tener una paginación clásica con links y la lógica en el backend para que eso funcione. Después usaremos el plugin jQuery IAS para hacer la paginación con scroll infinito. Lo descargamos y lo incluimos en el head de nuestro html. Ejemplo: <script type="text/javascript"> $(document).ready(function() { var ias=jQuery.ias({ container : '#timeline', //...
Explode en JavaScript Split()
Como sabeis la función explode de php nos permite dividir un string en varios strings, de esta forma: <?php // Ejemplo www.php.net $pizza = "porción1 porción2 porción3 porción4 porción5 porción6"; $porciones = explode(" ", $pizza); echo $porciones[0]; // porción1 echo $porciones[1]; // porción2 ?> Explode en Javascript no existe, pero tenemos algo similar, la función split(). Veamos el mismo ejemplo que antes: <script type="text/javascript"> var pizza = "porción1 porción2...
Sustituir caracteres con jQuery
Hoy vamos a ver como sustituir caracteres con jQuery. En este ejemplo vas a ver como sustituimos los guiones por el signo más en una cadena: <!DOCTYPE HTML> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var string = $("#string").text().split("-").join("+"); $("#string_procesado").append(string); }); </script> </head> <body> <strong>Original</strong> <p id="string">Cadena-de-texto-larga-victor-robles-web-punto-es</p> <strong>Procesado</strong> <p id="string_procesado"></p> </body> </html> ¿Quieres aprender más? Master en JavaScript: Aprende JavaScript, jQuery, Angular, NodeJS y más Más información:...
Puntos suspensivos con jQuery DotDotDot
Hoy vamos a ver algo muy útil, cuando estamos maquetando con CSS a veces puede interesarnos hacer que el texto que sobresale de una caja siga estando presente en la web y ademas se ajuste a los diferentes tamaños que pueda tener dicha caja. Para ello veremos como poner puntos suspensivos con jQuery DotDotDot. Descargamos e incluimos los ficheros JavaScript dentro de la etiqueta head del HTML. <head> <script...
Resaltar el código de un tipo de fichero en Netbeans
Vamos a ver como resaltar el código de un tipo de fichero en Netbeans, para colorear el código html o php en un fichero .tpl por ejemplo… Si tienes Netbeans en inglés dirígete al menú Tools > Options y en la ventana de opciones a Miscellaneous. Si tienes Netbeans en español dirígete al menú Herramientas > Opciones y en la ventana de opciones a Varios. Nos vamos a la...
FP o Universidad
¿Que es mejor FP o Universidad? ¿Que me conviene más hacer? ¿Un ciclo formativo o una carrera universitaria? ¿A qué me apunto? No lo tengo claro Estas son preguntas que mucha gente puede hacerse en el momento de tomar una decisión de este tipo. Siempre hay dudas acerca de esto. Voy a exponer mi punto de vista acerca de esto, no voy a decir verdades absolutas, pero las ideas...
Plugin de Feedback con JavaScript y PHP
A veces cuando se lanza una web es interesante que los visitantes nos den feedback de los errores y mejoras en la usabilidad del sitio, por eso hoy vamos a usar un plugin de feedback con JavaScript y PHP. Nos descargaremos el plugin de feedback, mediante bower o a mano, desde https://github.com/ivoviz/feedback. Lo que hará index.php es lanzar el plugin y enviar la información en el proceso de feedback....
Redireccionar si es Internet Explorer
Podemos detectar y redireccionar si es Internet Explorer con un pequeño hack que llamamos IF IE. No es mas que un comentario condicional que nos permite ejecutar un código si utilizamos Internet Explorer. Se pueden usar los operadores «menor que» (lt), «mayor que» (gt), «menor o igual que» (lte), «mayor o igual que» (gte) al igual que en Shell Script. Si el navegador es una versión menor a IE10....
Como usar Bower
Hoy veremos como usar Bower para gestionar las dependencias de JavaScript en un proyecto web. Bower es un Composer pero para JavaScript, nos permite instalar plugins de terceros y mantener las dependencias de estos dentro del proyecto. En primer lugar debemos tener instalados node.js y git. Ahora instalaremos bower utilizando el comando npm install -g bower Podemos ejecutar el comando bower init para generar el fichero bower.json con un...
Plantillas en Laravel 5
Las plantillas en Laravel 5 se definen en el directorio resources/views/layouts/ aunque se pueden usar en cualquier vista y con blade podemos definir una serie de bloques que luego serán utilizados en las vistas normales para “rellenar” esa plantilla. Veamos un ejemplo. layouts/master.blade.php <!DOCTYPE HTML> <html lang="es"> <head> <meta charset="utf-8" /> <title>Laravel 5 - @yield('title')</title> </head> <body> @section('header') MASTER HEADER @show <div class="container"> @yield('content') </div> @section('footer') MASTER FOOTER @show...
Vistas en Laravel 5
Veamos como utilizar las vistas en Laravel 5. Es muy simple. El controlador: public function getIndex() { $cineasta="Víctor Robles"; // Devolvemos la vista y le pasamos la variable cineasta return view('pruebas/index', ["cineasta" => $cineasta]); } Las vistas se crean en el directorio resources/views/ para mayor organización es recomendable tener un directorio de vistas por cada controlador, así que crearemos el directorio pruebas y dentro la vista de la acción...
Relaciones entre entidades en Laravel 5
Un ORM puede llegar a ser una herramienta maravillosa, hace tiempo creia que no, pero la experiencia me ha demostrado que si, que es realmente interesante su uso porque puede ahorrarnos mucho tiempo. El problema está en que a veces puede convertirse en algo engorroso su uso, porque a veces necesitas lanzar consultas muy complejas o por que la configuración del propio ORM es laboriosa, podríamos poner como ejemplo...
Entra a mis cursos online
Hosting recomendado ⬇️
