Editando apunte: Este diario: Extras

Editando apunte: Este diario: Extras cerrar apuntes

ID: 6 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Caricatos, Así se hizo, Vicisitudes de un Webmaster, Programación
Etiquetas: accesibilidad, autor, bitácora, blog, diario, javascript, semántica, webmaster
Extras: accesibilidad, autor, bitácora, blog, diario, javascript, semántica, webmaster
apunte: - - - - - - - -

<p>
	[rss]Llamaremos extras a los elementos de los apuntes que no son ni el texto ni las imágenes relacionadas o incrustadas.[/rss]
Como ejemplo de "extras" vemos en este apunte un adorno en su esquina superior derecha que explicamos a continuación:
</p>
<br/>
<p>
	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 <a href="diario.estilos.css?PHPSESSID=tpp3ebs19l033bvb61mrtfrjg2">hoja de estilos genérica</a>.
Pues entonces solo tenemos que crear un elemento en la tabla "extras" con la pertinente modificación:
</p>
<pre class="codigo" style="overflow: auto">
#apunte {
	background: white url(../postales/General/General002.gif) no-repeat right top;
}
</pre>
<p>
	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.
</p>
<h3 class="subtitulo">
	También javascript
</h3>
<p>
	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.
</p>
<p>
	<img id="rollover" src="diario.imagen.php?id=10&max=120" alt="flor" style="float: right; margin-left: 5px; margin-bottom: 5px" />
	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.)
</p>
<p>
	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.
</p>
<pre class="codigo" style="overflow: auto">
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();
}
</pre>
<p>
	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).
</p>
<h3 class="subtitulo">
	Y más dinamismo: includes.
</h3>
<p>
	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.
</p>
<br/>
<div style="text-align: center">
<div>[incluir]vistos()[/incluir]</div>
</div>
<br/>
<p>
Los extras seguramente seguirán evolucionando, así que nos encontraremos en próximos apuntes... 
</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