El diario de Pepe Molina (Caricatos)

Esta etiqueta indica que el apunte tiene código o consejo o al menos comentarios que puedan interesar a los que se dedican a crear/editar páginas web.

Mapa de España SVG II: Reflexiones

Publicado el día 07 de diciembre de 2017

Después de usar las "herramientas" del apunte anterior, vamos a hacer algunas valoraciones.

.....

Leer apunte completo...

Mapa de España SVG II: Herramientas

Publicado el día 12 de abril de 2017

Hemos retocado nuestra herramienta para nuestras nuevas pretenciones.

.....

Leer apunte completo...

Mapa de España SVG II: Vicisitudes

Publicado el día 29 de marzo de 2017

Teníamos pendiente actualizar el mapa de España por varios motivos y nos hemos puesto en ello.

.....

Leer apunte completo...

SVG: Zoom en mapa de imagen

Publicado el día 03 de febrero de 2017

Hacer zoom en una imagen SVG es más fácil de lo que se puede pensar. Recomendamos para obtener el mapa nuestra aplicación "Capturar áreas en imágenes".

.....

Leer apunte completo...

SVG: Dibujando mapas

Publicado el día 24 de enero de 2017

mapear una imagen ahora es fácil y preciso

.....

Leer apunte completo...

Mapear una imagen paso a paso

Publicado el día 07 de enero de 2017

Después de crear la página para "Capturar áreas en imágenes", pensaba que no tardarían en mejorar el sistema

.....

Leer apunte completo...

Mapas y formularios

Publicado el día 09 de abril de 2016

A veces hay problemas de sencilla solución pero encontramos referencias demasiado complejas.

.....

Leer apunte completo...

Clip-art: carpetas y ficheros

Publicado el día 11 de mayo de 2015

Hemos creado recientemente una "Colección de clip-art". Ahora explicaremos como la hemos gestionado.

.....

Leer apunte completo...

Colección de clip-art

Publicado el día 05 de abril de 2015

Después de convertir unos cuantos ficheros con extensión wmf, a su equivalente svg, estamos seleccionando los que consideramos interesantes para la confección de nuestras postales.

.....

Leer apunte completo...

Clip-Art: de wmf a svg

Publicado el día 08 de marzo de 2015

Hace algunos años las revistas sobre temas informáticos nos inundaron de dibujitos conocidos como "clipart" (o clip-art)

.....

Leer apunte completo...

Postales en SVG

Publicado el día 18 de febrero de 2015

Tenemos nuestras postales digitales también en formato svg

.....

Leer apunte completo...

Recordatorios

Publicado el día 12 de enero de 2015

Muchas veces entramos en páginas que nos pide un nombre de usuario y una contraseña, para tener acceso a elementos personales

.....

Leer apunte completo...

Fondos con SVG

Publicado el día 28 de diciembre de 2014

Las imágenes SVG también pueden servirnos para personalizar los fondos de nuestras páginas, o de algunos de sus elementos.

.....

Leer apunte completo...

Etiquetando mapa SVG

Publicado el día 19 de noviembre de 2014

El resultado, aunque parece bastante bueno, nos ha movido a estudiar más a fondo el mapa escogido.

.....

Leer apunte completo...

Ajax para copiar ficheros

Publicado el día 12 de julio de 2014

Hemos visto como subir archivos con Ajax, donde contábamos de un formulario y un control para seleccionar ficheros, pero cómo lo haríamos sin esa selección...

.....

Leer apunte completo...

Subir archivos con Ajax

Publicado el día 01 de julio de 2014

Hasta hace poco, la forma de subir archivos era a través del envío de un formulario, y se podía "simular" el uso de la tecnología "Ajax" dirigiendo el resultado a un iframe

.....

Con el nivel 2 del objeto XMLHttpRequest y los objetos FormData se puede lograr subir ficheros sin tener que pulsar el botón destinado al envío de un formulario

.....

Usando el evento de cambio de estado de un control file vamos a subir el fichero que elijamos

.....

function tag(id) {return document.getElementById(id);};
function subir_con_Ajax()	{
	fd = new FormData(tag("formulario"));
	Ajax = new XMLHttpRequest();
	Ajax.open("POST", tag("formulario").action, true);
	Ajax.onreadystatechange = function() {
		if	(Ajax.readyState == 4 && Ajax.status == 200) {
			alert(Ajax.responseText);
		}
	}
	Ajax.send(fd);
}

.....

Leer apunte completo...

Este diario: Listado de Archivos

Publicado el día 14 de mayo de 2014

Entre los recuadros que encontramos a los lados del diario, a la derecha y hacia el final de la página encontramos este listado

.....

En los primeros párrafos hemos indicado que el listado estaba comprimido, pero de manera visual, ya que realmente lo que hemos hecho es expandir el mismo...

.....

La mencionada "accesibilidad" podemos distinguirla porque los elementos desplegables son a la vez enlaces que funcionan como tal en navegadores con javascript desactivado.

.....

Leer apunte completo...

Lightbox sin librerías

Publicado el día 28 de abril de 2014

En muchas páginas encontramos este efecto que oscurece la pantalla del navegador y presenta algún contenido en primer plano, destacándolo.

.....

Viendo el comportamiento de estas ventanas "tipo lightbox" podemos deducir que existe un elemento que cubre toda la pantalla y va incrementando su opacidad

.....

Leer apunte completo...

Iconos

Publicado el día 21 de marzo de 2014

Hace algunos años hemos empezado un proyecto para crear los iconos que necesitemos en nuestras páginas a partir de cualquier imagen o recorte de ellas.

.....

Leer apunte completo...

Ceuta y Melilla

Publicado el día 11 de febrero de 2014

Vamos a editar África para conseguir la ubicación de Ceuta y de Melilla en nuestro "Mapa de España".

.....

Considerando que el polígono del mapa con las coordenadas que queremos tiene como identificador el valor "africa" (id="africa"), hemos usado el siguiente código:

.....

puntos_africa = [];
function inicio_CyM()	{
	_puntos_africa = document.getElementById("africa").getAttributeNS(null, "points");
	_los_puntos = _puntos_africa.split(",");
	while(_los_puntos.length > 1)	{
		_x = _los_puntos.shift();
		_y = _los_puntos.shift();
		_x_y = {"x": _x, "y": _y};
		puntos_africa.push(_x_y);
	}
};

.....

Uno de los controles más importantes será el que nos permita ampliar nuestra imagen. La idea es usar códigos sencillos y eficaces.

.....

Leer apunte completo...