El diario de Pepe Molina (Caricatos)

Llamaremos extras a los elementos de los apuntes que no son ni el texto ni las imágenes relacionadas o incrustadas.

Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

RSS de las imágenes:

La Cita

Mi deseo es poner en aborrecimiento de los hombres las fingidas y disparatadas historias de los libros de caballerías

Miguel de Cervantes Saavedra, escritor español (1547-1616).

En esta zona están las páginas personales del autor.

Mis Enlaces

Mis clientes ahora también son mis amigos (aunque les cobre).

Mis Clientes

En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..

Mis Amigos Informáticos

En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)

Mis Amigos Artistas

Las recomendaciones que proponemos son de índole variada.

Mis recomendaciones

Aquí un cajón de sastre de enlaces.

Interés General

Nos referencian desde sitios de toda índole.

Referencias externas

Puede contribuir a mantener esta página con su donativo.

Este diario: Extras

Publicado el día 07 de enero de 2011
id=6; categorías: Caricatos, Así se hizo, Vicisitudes de un Webmaster, Programación

Llamaremos extras a los elementos de los apuntes que no son ni el texto ni las imágenes relacionadas o incrustadas. Como ejemplo de "extras" vemos en este apunte un adorno en su esquina superior derecha que explicamos a continuación:

Sabemos que todos los apuntes se presentan en un contenedor de esta página con un identificador (id="apunte"), con unos estilos definidos en la hoja de estilos genérica. Pues entonces solo tenemos que crear un elemento en la tabla "extras" con la pertinente modificación:

#apunte {
	background: white url(../postales/General/General002.gif) no-repeat right top;
}

Para diferenciar los distintos extras, le asignamos un numbre con una característica propia, ya que debe tener un nombre y a la vez indicar que tipo de extra es; en principio script o estilo. En este caso concreto el nombre es "estilo:diario". El último paso siempre será indicar a que apunte se aplicará el extra definido.

También javascript

Para poder aplicar los script en esta página (algo muy importante para el autor de la misma), debemos aplicarlos de forma no-intrusiva, así que estamos obligados a declararlos integramente en estos extras.

flor Para poner un simple ejemplo, ya que no es la intención de este apunte desarrollar estos scripts, vamos a insertar una imagen y le añadiremos un efecto rollover. La idea global es que los efectos y la dinámica de cada apunte solo se note en el enlace del mismo, y no en las distintas listas en donde pueda aparecer (categorías, etiquetas, etc.)

También tenemos que evitar problemas de redefiniciones de scripts, así que debemos añadir siempre una opción para guardar (o resguardar) las inicializaciones.

if (window.onload != "")
	resguardamos_extras = window.onload;
window.onload = function() {
	rollovear(
		document.getElementById("rollover"),
		"diario.imagen.php?id=11&max=120"
	);
	if (resguardamos_extras != undefined)
		resguardamos_extras();
}

Nótese que antes de asignar el efecto, hemos resguardado (resguardamos_extras), los eventos que pudiesen existir declarados en la inicialización de la página (hablamos del apunte).

Y más dinamismo: includes.

Al igual que los lenguajes de programación web podemos insertar en los apuntes pequeños trozos de código que dependerá de las condiciones que tenga el sistema completo, entre otras cosas porque podemos consultar nuestra base de datos. Un ejemplo es el siguiente listado con los 10 apuntes más vistos.

TITULO	ID	Visto
Este diario: Extras	6	312444
Caricaturas en Córdoba	155	272651
Desafío javascript: 100!	97	30085
Mapa de España	21	30078
Clip-art: carpetas y ficheros	146	29652
Sistema de comentarios paso a paso: Validar con javascript	117	22012
javascript: rollover en mapas	8	20251
SVG: Mapa de España	90	18137
Mapa de España SVG II: Herramientas	153	17730
Fondos con SVG	140	16895