MIBALTOALEX.COM
Mostrando entradas con la etiqueta Snippets. Mostrar todas las entradas
Mostrando entradas con la etiqueta Snippets. Mostrar todas las entradas

lunes, octubre 16, 2017

Hammer.JS - Añade gestos a tu página web

Hammer.JS es una es una libería de código abierto que permite implementar navegación por gestos realizados con el tacto, el ratón y los eventos del puntero.

Como usarlo

El uso es muy sencillo, solo sigue estos pequeños pasos.
  1. Debes incluir la librería.
      ...
      <meta content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" name="viewport"></meta>
      ...
      <script src="https://hammerjs.github.io/dist/hammer.min.js"></script>
      <script src="miscript.js"></script>
  2. Crear una nueva instancia para empezar a capturar los eventos
    // Contenido de miscript.js
    var miElemento = document.querySelector('#mielemento');
    var misOpciones = {};
    var hammer = new Hammer(miElemento, misOpciones);
    hammertime.on('pan', function(evento) {
          //Código para el evento pan
    });
          
Más información en:
https://hammerjs.github.io/

sábado, julio 12, 2014

Redireccionar una página web

Redirecciones mediante .htaccess:

Códigos de estado HTTP:

  •     301 – Moved Permanently: La página que se solicite estará disponible de manera permanente bajo la dirección nueva. La URL antigua ya no será válida.
  •     302 – Moved Temporarily: En este caso es temporal la nueva dirección cuando se solicita la página. Y a diferencia de la redirección 301, la antigua dirección seguirá siendo válida.

Redirect 301 / http://www.minuevapagina.com/ 
Redirect 302 /algundirectorio/pagina-ejemplo.html http://www.minuevapagina.com/ejemplo.html


Mediante el módulo mod_rewrite de Apache activado:

RewriteEngine On
RewriteRule ^directorio/documento-de-ejemplo.html$ http://www.ejemplo.es/ejemplo.html [L,R=301] 


Redirecciones mediante PHP:

<?php 
header("Status: 301 Moved Permanently");
header("Location: http://www.minuevapagina.com");
exit(0);
?>

Redireccionar mediante la etiqueta meta de HTML:

Al pasar cinco segundos, el cliente será redirigido a la nueva URL.

<meta http-equiv="refresh" content="5; url=http://www.minuevapagina.com/"> 


Redireccionar mediante Javascript:

<script> window.location="http://www.minuevapagina.com"; </script>


También podríamos redireccionar la página a una nueva URL al pasar X segundos.

Ejemplo:


<html> 
<head>
<title>Pagina antigua</title> 
</head>
<body>
<p> En 5 segundos serás redireccionado. Espere por favor</p>
<script> function redireccionar(){ 
window.location="http://www.minuevapagina.com"; }  setTimeout 
("redireccionar()", 5000); </script>
</body>
</html>

martes, julio 08, 2014

Códigos Javascript para el botón derecho del ratón

Deshabilitar el botón derecho mediante Javascript:

<script>
window.oncontextmenu = function() {
return false;
} </script> 


Mediante jQuery:

<script>$(document).ready(function() { $(document)[0].oncontextmenu = function() { return false; } });</script>