logo El diario de Pepe Molina (Caricatos)

yo

Como habíamos adelantado, hemos reemplazado la sección "Últimos apuntes" por otra que llamamos "Top 10" (los 10 apuntes más leídos).


Última caricatura

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

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

Saber mucho da ocasión de dudar más

Michel Eyquem de Montaigne, pensador francés (1533-1592).


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


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


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


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


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


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


botón pay-pal

Este diario: Top 10

emoticón de Caricatos Publicado el día 19 de junio de 2012
id=88; categorías: Así se hizo, Vicisitudes de un Webmaster, Programación

Como habíamos adelantado, hemos reemplazado la sección "Últimos apuntes" por otra que llamamos "Top 10" (los 10 apuntes más leídos). Los motivos y parte de los códigos ya la habíamos explicado en el apunte "Top 10 con Ajax (paginación)", y esa lista resultante está paginada tal como ocurre en el apunte mencionado.

Paso a paso

Para eliminar la vieja sección simplemente la hemos ocultado, y hemos puesto un enlace que la vuelve a mostrarla si fuese necesario. Pudiendo ocultarse nuevamente con un nuevo click.

var mostrar_últimos = true;
function mostrando_ultimos(e)	{
	tag("ultimos").style.display = (mostrar_últimos) ? "block":"none";
	mostrar_últimos = !mostrar_últimos;
	cancelar_evento(e);
}

Luego añadimos la nueva sección mostrando la primera de las páginas y resaltando el número uno (1) en el listado de páginas, y asignamos estilos iguales al resto de los sectores. Ese número resaltado, en principio enlaza con la misma página que anteriormente había para mostrar los apuntes "más leídos", ya que siempre hay que considerar a los visitantes que no tengan javascript activado.

Ya resuelto el aspecto visual nos toca trabajar en el aspecto funcional, que comentaremos a continuación.

Paginando

Ya adelantamos el código en el otro apunte antes mencionado y que podemos ver en este enlace, así que tan solo debíamos reutilizarlo con algunas modificaciones. El volcado de los resultados en ambos casos se realizan en listas (obvio), pero las listas que usamos en nuestras distintas secciones son las desordenadas (ul: unordered lists), y en el apunte habíamos usado las listas de definiciones (dl: definition lists) que hemos considerado semánticamente mejor pudiendo discriminar entre términos y definiciones.

La petición Ajax es exactamente igual (se puede comprobar forzando el enlace, tal vez en una nueva ventana o pestaña), enlazando a la misma página con los mismos parámetros, pero mostrando los resultados con otro formato. Por ejemplo, la descripción o definición se asigna al atributo title de cada enlace.

Asignando los eventos y enlaces

Para terminar solo nos queda definir las funciones que usaremos en nuestra nueva sección que son las peticiones Ajax y le reasignación de enlaces. Los enlaces son hacia los listados en formato rss (para poderlos considerar con el menú contextual), y serán cancelados con las peticiones Ajax.

Quiero destacar que esas peticiones no son redundantes, ya que por cada petición se crea una lista nueva, ocultando la anterior para tan solo modificar los estilos de visualización si necesitamos volverlas a mostrar. Sabiendo que será la primera página la única visible y existente, inicializamos una variable con ese dato:

ultimo_tope = "1";
var lista_tope = {};
lista_tope[ultimo_tope] = {"visible": true};

Para luego considerar esa existencia a la hora de paginar.

	if (lista_tope[pag] == undefined)	{
		// creamos la variable de referencia y realizamos la petición Ajax
		lista_tope[pag] = {"visible": true};
		//...
	}
	else	{
		if (ultimo_tope == pag)	alert("Se encuentra en la paginación " + pag)
		else	{
			tag("topes_" + ultimo_tope).style.display = "none";
			ultimo_tope = pag;
			tag("topes_" + ultimo_tope).style.display = "block";
		}

	}

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.88) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 3109 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/FONDO010.gif
http://www.pepemolina.com/postales/Navidad/TgC_Navidad_31.gif
http://www.pepemolina.com/postales/Navidad/snow_anm.gif
http://www.pepemolina.com/postales/Navidad/xmastree2.gif
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio