Cómo no permitir seleccionar en Datepicker de Jquery los días pasados

Si queremos evitar que sean seleccionables los días pasados en el calendario en forma de popup emergente que tenemos con jquery al utilizar datepicker tenemos que hacer lo siguiente:
Para ver un calendario en forma de popup normal tenemos que poner:

<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>

con lo que vemos esto:

Calendario Jquery Popup con dias pasados seleccionables
Calendario Jquery Popup con dias pasados seleccionables

Para no permitir que los días pasados sean seleccionables tenemos que poner lo siguiente:

<script>
$(function() {
$("#datepicker").datepicker({ minDate: 0 });
});
</script>

Calendario Jquery Popup no permite seleccionar dias pasados
Calendario Jquery Popup no permite seleccionar dias pasados

con lo que tenemos un calendario que no permite seleccionar los días pasados.

Etiqueta hgroup de HTML5 eliminada

Etiqueta hgroup eliminada de HTML5
Etiqueta hgroup eliminada de HTML5

La etiqueta hgroup, que fue una de las novedades en HTML5, ha sido eliminada.

Esta etiqueta se usaba para agrupar los títulos y subtítulos, pudiendo contener solamente elementos h1–h6.

A principios de marzo, Steve Faulkner (coeditor de HTML5) pidió que la etiqueta hgroup fuese revisada sugiriendo eliminarla. W3C estudió este caso cuyo resultado final fue tomar la decisión de eliminar la etiqueta hgroup de HTML5.

 

Nuevas etiquetas en HTML5

HTML5 tiene nuevas etiquetas frente a HTML. Lo que antes nos llevaba a crear div definidos con diferentes clases para decir cual es el div del encabezado, el del menú de navegación, el div del contenido principal, el div de la barra o barras laterales y cual es el div del pie de la página web ahora está estandarizado con HTML5.

¿Que ventajas tienen estas nuevas etiquetas?
La principal es que revisando cualquier documento en HTML5 sabemos donde está cada sección, no tenemos que ir averiguando cada div con su clase a donde pertenece. Y también construir un documento en HTML5 es más fácil ya que no tenemos que inventar nombres para los div.

Gráficamente quedarían así definidas las diferencias en etiquetas entre HTML y HTML6:

Nuevas etiquetas en HTML5
Nuevas etiquetas en HTML5

Ahora vamos a ver rápidamente las nuevas etiquetas que forman la estructura de las páginas HTML5:

  • header: Define el encabezado de nuestra página web
  • nav: Aquí ponemos el menú principal
  • article: Esta es el contenido principal de la web.
  • section: Esta etiqueta conlleva algo de confusión y debate. Nos quedamos con la explicación que section son como las partes de un periódico: Nacional, Internacional, Cultura, Deporte, etc, dentro de las cuales hay artículos y dentro de los cuales hay a su vez otras secciones que podríamos llamar subsecciones.
  • aside: Es el contenido secundario de la web, como una barra lateral
  • footer: Es el pie de página de la web

Vistazo rápido a HTML5

Logo de HTML5
Logo de HTML5

EL nuevo estándar de HTML es HTML5. Aunque algunas funcionalidades no están operativas para todos los navegadores (sobre todo para nuestro querido IE) es un punto y aparte en el diseño web. HTML5 ha dado un paso para integrar la web en HTML.

Una de las características más importantes es Canvas, ya que se integra en HTML5 si necesidad de tener que añadir otras aplicaciones como Flash.

Como podemos ver en la documentación el mínimo de un documento HTML5 es lo siguiente:

<!DOCTYPE html>
<html>
<head>
<title>Título del documento</title>
</head>
<body>
El contenido del documento......
</body>
</html> 

Vemos que la declaración se ha simplificado al máximo, solamente hay que declarar:

<!DOCTYPE html>

Cómo cambiar según el idioma las imágenes del slideshow del theme Danland

Si estamos utilizando el theme Danland en Drupal 6 o 7 puede que necesitemos que el slideshow de la página inicial cambie según estemos en un idioma u otro. Esto puede ser por muchos motivos, por ejemplo, queremos insertar en la imagen con un texto y necesitamos que se muestre este texto de forma correcta en cada idioma.

Para esto tenemos que ir a la ruta donde hemos instalado el theme Danland en Drupal, es decir:
sites/all/themes/danland

Si vamos a la carpeta images y dentro de slideshows: es decir: /images/slideshows nos encontramos por defecto 3 imagenes: noon.jpg, sea.jpg y snow.jpg. Imaginemos que estas imágenes son para el idioma español y para el idioma inglés ponemos en esta carpeta 3 imágenes más: noon_en.jpg, sea_en.jpg y snow_en.jpg.

Ahora en la raíz de Danland editamos el archivo: page.tpl.php. En la línea 82 en Drupal 7 nos encontramos lo siguiente:

<div class="slideshow">
<img src="<?php print $base_path . $directory; ?>/images/slideshows/sea.jpg" width="950" height="355" alt="slideshow 1"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/noon.jpg" width="950" height="355" alt="slideshow 2"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/snow.jpg" width="950" height="355" alt="slideshow 3"/>
</div>

Vemos que con este código se muestran siempre las imágenes sea.jpg, noon.jpg y snow.jpg. Si queremos que sólo para el idioma español se muestren estas y para el idioma inglés se muestren: noon_en.jpg, sea_en.jpg y snow_en.jpg tenemos que añadir el siguiente código PHP:

<div class="slideshow">
<?php
  global $language;
  if($language->language == "es"){  //Suponiendo que esta en español
     //Pongo las imagenes que quiero que salgan en español
     ?>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/sea.jpg" width="950" height="355" alt="slideshow 1"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/noon.jpg" width="950" height="355" alt="slideshow 2"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/snow.jpg" width="950" height="355" alt="slideshow 3"/>
<?php
  }  
  else{
?>
<!-- Pongo las imagenes que quiero que salgan en el otro idioma, en este caso el único que tenemos es el inglés -->
<img src="<?php print $base_path . $directory; ?>/images/slideshows/sea_en.jpg" width="950" height="355" alt="slideshow 1"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/noon_en.jpg" width="950" height="355" alt="slideshow 2"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/snow_en.jpg" width="950" height="355" alt="slideshow 3"/>
<?php
  }
?>
</div>

Con esto ya se vería un slideshow diferente en cada idioma.

Cómo traducir contenidos en Drupal 7 tras haber instalado módulo Internationalization I18

Después de intalar los idiomas que vamos a utilizar, instalar el módulo Internationalization I18 y activarlo, podemos no saber cómo hacer para poder traducir el contenido de un tipo de contenido a otros idiomas. Es decir, que al ver un nodo cómo administrador nos aparezca arriba del nodo: Ver, Editar y Traducir.

Pestañas Ver, Editar y Traducir que vemos cuando tenemos activada correctamente la traducción de nodos
Pestañas Ver, Editar y Traducir que vemos cuando tenemos activada correctamente la traducción de nodos

Para que aparezca tenemos que ir al Tipo de Contenido que queremos que aparezca y pulsar en Editar:
Editar Tipo de contenido
Editar Tipo de contenido

Y pulsamos en Opciones de Publicación y seleccionamos en Soporte multilenguaje: Habilitado, con traducción
Opciones de publicación
Opciones de publicación

Contraseña o password en la inscripción de usuarios en Drupal 7

Con el módulo User registration password dejamos que los usuarios pongan su contraseña en el formulario de inscripción.

Sin este módulo los usuarios que se inscriben introducen su nombre de usuario y email y tienen que esperar a la verificación por email para escribir su contraseña. Gracias a este módulo es proceso de inscripción es mucho más rápido.

Para cambiar las opciones de inscripción debemos ir a: Opciones de la cuenta, donde vemos que en el apartado Require e-mail verification when a visitor creates an account tenemos las siguientes opciones:
– Do not require a verification e-mail, and let users set their password on the registration form.
– Require a verification e-mail, but wait for the approval e-mail to let users set their password.
– Require a verification e-mail, but let users set their password directly on the registration form.

Por defecto al instalar el módulo tenemos seleccionada la última opción.

Android Studio y el mensaje falta MSVCR100.dll en el equipo

Después de instalar Android Studio en un equipo con Windows 7 64 bits, puede que nos salga un mensaje de error en el que nos avisan que falta MSVCR100.dll. Este archivo pertenece a Microsoft Visual C++ 2010, por lo que si instalamos este problema solucionamos este error.

Los enlaces para descargarlo según sea uno u otro Windows 7 son los siguientes:

Microsoft Visual C++ 2010 Redistributable Package (x86)
Microsoft Visual C++ 2010 Redistributable Package (x64)

Cómo entrar en la administración de Drupal

Tenemos varias formas de acceder a la administración en Drupal. Lo normal al realizar la instalación es que el formulario de logeo este visible en un bloque en el lado derecho o izquierdo de la web. Sin embargo si ocultamos ese bloque puede que no veamos cómo entrar en la administración. Se haría de la siguiente forma:

A la derecha de la dirección de la web escribimos /?=user, es decir, si la web es http://saludos.net la dirección de acceso a la web sería http://saludos.net/?q=user

Esto lo podemos hacer desde cualquier página de la web, no necesariamente tenemos que estar en la portada, de esta forma si estamos en: http://saludos.net/congresos escribiríamos http://saludos.net/congresos/?q=user

Cómo entrar a la administración de WordPress

Si queremos acceder a la administración de WordPress tenemos que añadirle a la URL de nuestra web (es decir la dirección de nuestra web) lo siguiente: wp-admin

De está forma si nuestra web es: http://hola.net para acceder a la administración de WordPress tendríamos que escribir: http://hola.net/wp-admin

Y entrariamos a la página de logeo de la administración que nos mostraría una imagen como esta:

Acceder administración en WordPress
Acceder administración en WordPress