Editando apunte: Libro de visitas: dedos flojos

Editando apunte: Libro de visitas: dedos flojos cerrar apuntes

ID: 91 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Vicisitudes de un Webmaster, Mamarrachadas, Programación
Etiquetas: amigos, sociedad, webmaster
Extras: amigos, sociedad, webmaster
apunte: - - - - - - - -

<p>
	[rss]Cuando publicamos el apunte "<a href="?titulo=Libro+de+visitas&PHPSESSID=t6ih8p9719495431rqk877t7l7">Libro de visitas</a>", ya habíamos previsto que nos visitarían los típicos aburridos con dedos flojos, y tendríamos que actuar editando o eliminando mensajes.[/rss]
</p>
<p>
	Y no han tardado mucho en escribirnos:
</p>
<div class="codigo">		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss		dsdfsdfssssssssssssssssssssssssssssss</div>
<p>
	Ahora nos toca borrar ese comentario, por supuesto; pero tal como decía <a href="http://es.wikipedia.org/wiki/Jack_el_Destripador">Jack el destripador</a>, vayamos por partes.
	Teníamos una pequeña lista de mejoras:
</p>

<ul>
	<li>Mejorar la presentación de mensajes (por ejemplo la fecha).</li>
	<li>Un sistema para editar y/o borrar mensajes.</li>
	<li>Validación y seguridad.</li>
	<li>Paginación.</li>
</ul>
<p>
	Para empezar, mejoraremos la...
</p>
<h3 class="subtitulo">
Fecha
</h3>
<p>
	A partir de la fecha insertada desde nuestro sistema: "aaaa-mm-dd hh:mm:ss", hemos creado le función ponerFecha:
</p>
<pre class="codigo">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";
}</pre>
<p>
	Con este cambio, vemos un mensaje de ejemplo con esta cabecera:
</p>
<div class="codigo">
	Mensaje enviado por Anónimo, con fecha 24 de abril de 2006, a las 18:43:48
</div>
<p>
	Seguramente el mensaje que nos ha servido de ejemplo lo borraremos.
</p>
<h3 class="subtitulo">
	Un sistema para editar y/o borrar mensajes
</h3>
<p>
	El segundo punto de nuestra lista de tareas es el que nos interesa en este apunte.
	[rss]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.[/rss]
</p>
<p>
	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:
</p>
<pre class="codigo"><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>

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";
}</pre>

<p>
	Nos queda añadir estas cosas en la página, y para ello debemos abrir la página con un parámetro: "<a href="visitas/comentarios.php?editar=si&PHPSESSID=t6ih8p9719495431rqk877t7l7">?editar=si</a>".
</p>
<h3 class="subtitulo">
	Códigos de colores
</h3>
<p>
	[rss]Para diferenciar las respuestas hemos añadido códigos de colores que aplicamos a los bordes de los mensajes.[/rss] Hemos usado los siguientes valores:
</p>
[rss]<ul style="list-style-type: none">
	<li>
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="10px" height="10px" >
			<rect fill="#0000ff" x="0" y="0" width="10" height="10" stroke="#eeeeee" />
		</svg>
		Azul (blue): El mensaje es correcto (visible)
	</li>
	<li>
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="10px" height="10px" >
			<rect fill="#000000" x="0" y="0" width="10" height="10" stroke="#eeeeee" />
		</svg>
		Negro (black): El mensaje queda inactivo (invisible)
	</li>
	<li>
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="10px" height="10px" >
			<rect fill="#ff0000" x="0" y="0" width="10" height="10" stroke="#eeeeee" />
		</svg>
		Rojo (red): El mensaje se ha borrado
	</li>
</ul>[/rss]
<p>
	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.
</p>
<h3 class="subtitulo">
	Notas finales
</h3>
<p>
	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: <a href="visitas/comentarios.php?editar=todos&PHPSESSID=t6ih8p9719495431rqk877t7l7">?editar=todos</a>, donde puede apreciarse el uso del código de colores antes mencionado.
</p>

Controles Otras tablas: imagenes, postales, categorias, etiquetas, extras - - (popup ) - que

Seleccionar nuevo apunte

categoria Nombre:
Controles Otras tablas: apuntes, imagenes, postales, etiquetas extras - - Seleccionar: categoria
Descripción: - - - - - - - -	Apuntes

extra Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias etiquetas - - Seleccionar: extra
Descripción: - - - - - - - -	Apuntes

etiqueta Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias extras - - Seleccionar: etiqueta
Descripción: - - - - - - - -	Apuntes

Editor del diario

Zona de comentarios

Evaluación