logo El diario de Pepe Molina (Caricatos)

yo

Cuando publicamos el apunte "Libro de visitas", ya habíamos previsto que nos visitarían los típicos aburridos con dedos flojos, y tendríamos que actuar editando o eliminando mensajes.


Ú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

Hacer versos malos depara más felicidad que leer los versos más bellos

Hermann Hesse, escritor suizo de origen alemán (1877-1962).


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

Libro de visitas: dedos flojos

emoticón de Caricatos Publicado el día 12 de julio de 2012
id=91; categorías: Vicisitudes de un Webmaster, Mamarrachadas, Programación

Cuando publicamos el apunte "Libro de visitas", ya habíamos previsto que nos visitarían los típicos aburridos con dedos flojos, y tendríamos que actuar editando o eliminando mensajes.

Y no han tardado mucho en escribirnos:

dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss dsdfsdfssssssssssssssssssssssssssssss

Ahora nos toca borrar ese comentario, por supuesto; pero tal como decía Jack el destripador, vayamos por partes. Teníamos una pequeña lista de mejoras:

  • Mejorar la presentación de mensajes (por ejemplo la fecha).
  • Un sistema para editar y/o borrar mensajes.
  • Validación y seguridad.
  • Paginación.

Para empezar, mejoraremos la...

Fecha

A partir de la fecha insertada desde nuestro sistema: "aaaa-mm-dd hh:mm:ss", hemos creado le función ponerFecha:

function ponerFecha($f)	{
	if ($f == "00000000000000")	{return "deconocida";}
	$mes = array(
	"01" => "enero",
	"02" => "febrero",
	"03" => "marzo",
	"04" => "abril",
	"05" => "mayo",
	"06" => "junio",
	"07" => "julio",
	"08" => "agosto",
	"09" => "septiembre",
	"10" => "octubre",
	"11" => "noviembre",
	"12" => "diciembre"
	);

	list($fecha, $hora) = explode(" ", $f);
	list($aaaa, $mm, $dd) = explode("-", $fecha);

	return "$dd de {$mes[$mm]} de $aaaa, a las $hora";
}

Con este cambio, vemos un mensaje de ejemplo con esta cabecera:

Mensaje enviado por Anónimo, con fecha 24 de abril de 2006, a las 18:43:48

Seguramente el mensaje que nos ha servido de ejemplo lo borraremos.

Un sistema para editar y/o borrar mensajes

El segundo punto de nuestra lista de tareas es el que nos interesa en este apunte. Vamos a usar los datos de cada comentario en un formulario que añadiremos para su edición y que se podrá desplegar si fuese necesario.

Ya que nos hemos adentrado en las imágenes SVG, crearemos dos triángulitos para que pinchando en ellos se plieguen y desplieguen los datos editables:

<span style="float: right">
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="10px" height="10px" style="cursor: pointer" id="des_$id" onclick="desplegar(this)">
		<polygon fill="aqua" stroke="blue" points="0,0,10,0,5,10" />
	</svg>

	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="10px" height="10px" style="cursor: pointer; display: none;" id="ple_$id" onclick="plegar(this)">
		<polygon fill="aqua" stroke="blue" points="0,10,10,10,5,0" />
	</svg>
</span>

Y las funciones plegar y desplegar simplemente hacen eso:

function desplegar(que)	{
	n = que.id.substr(4);
	document.getElementById("ple_" + n).style.display = "inline";
	que.style.display = "none";
	document.getElementById("form_" + n).style.display = "block";
}

function plegar(que)	{
	n = que.id.substr(4);
	document.getElementById("des_" + n).style.display = "inline";
	que.style.display = "none";
	document.getElementById("form_" + n).style.display = "none";
}

Nos queda añadir estas cosas en la página, y para ello debemos abrir la página con un parámetro: "?editar=si".

Códigos de colores

Para diferenciar las respuestas hemos añadido códigos de colores que aplicamos a los bordes de los mensajes. Hemos usado los siguientes valores:

  • Azul (blue): El mensaje es correcto (visible)
  • Negro (black): El mensaje queda inactivo (invisible)
  • Rojo (red): El mensaje se ha borrado

Y en un futuro cercano, vamos a usar Ajax para la edición; y tal vez crearemos algún proceso que modifique varios mensajes a la vez.

Notas finales

Aunque hemos descrito todo el proceso e informado de la funcionalidad, solo en modo administrativo se pueden modificar los mensajes. También hemos creado una forma de mostrar los mensajes que se han desactivado: ?editar=todos, donde puede apreciarse el uso del código de colores antes mencionado.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.91) 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 3400 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/FONDO009.gif
http://www.pepemolina.com/postales/Musicales/jflamen8.gif
http://www.pepemolina.com/postales/Brujas/bruja12.gif
http://www.pepemolina.com/postales/Comic/erotico029.gif
Las amigas de
Las amigas de
Caricatos
Caricatos
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio