JavaScript
En busca de la accesibilidad, distintos blogs empiezan a dar la posibilidad que el usuario decida si los enlaces deben abrirse en la misma ventana o en una nueva.
El método utilizado es poner un checkbox en alguna parte de nuestra página que indica al usuario, si quiere que al presionar sobre un enlace, éste se abra en una ventana nueva.
Vía Juglar encuentro un código extremadamente simple, que cumple con el objetivo. El código JavaScript lo ponemos de preferencia entre las etiquetas head y el html lo ubicamos en el lugar donde queremos aparezca el checkbox. Ejemplo.
El JavaScript
<script language="JavaScript">
<!-- // thanks to randomwalks.com for this code
function targetLinks(boNew) {
if (boNew) where = "_blank";
else where = "_self";
for (var i=0; i<=(document.links.length-1); i++) {
document.links[i].target = where;
}
}
// -->
</script>
El HTML
<form><div>
<input type="checkbox" name="targetbox"
onclick="targetLinks(this.checked);">
enlaces abren ventanas<div>
</form>
Autor: randomwalks.com
ÂżA quiĂ©n nunca le ha intrigado como Comunnity MX creĂł el impresionante menĂş dropdown de su página web? Pues en este artĂculo, en una traducciĂłn más de A list Apart, les mostramos como crearse uno, usando CSS y algo de JavaScript para hacerlo accesible a la mayorĂa de navegadores.
<!--StartFragment -->TraducciĂłn con el permiso de A list Apart Magazine y su autor Eric Shepherd.
En nuestra lucha por reducir el número de pasos que los visitantes de un sitio web toman para lograr una meta, le hacemos frente a un sin número de desafíos. Uno de ellos es el proveer a los usuarios del mejor camino a elegir de una lista de elementos jerárquicos.
Nuestros Objetivos:
- Exhibir una lista jerárquica de opciones detallada y con muchos elementos.
- Ofrecer al visitante una opción llana por momentos y oculta en otros.
Traducción con el permiso de A list Apart Magazine y su autor Christian Heilmann.
Hace unos días vimos como a partir de una lista creamos un Menú desplegable vertical, ahora veamos como crear un menú horizontal, muy fácil de entender y personalizar, con unas pocas líneas de código css y javascript.
El efecto que buscamos, con un código muy ligero, es que el background de cada submenú sea transparente, por cierto funciona tanto en Internet Explorer como en Firefox y otros navegadores.
Ahora que hemos visto como rotar imágenes en una lista desplegable (menu/list) de manera estática, es hora de ver algo más interesante. En esta segunda parte, enseñamos como mostrar sus imágenes de manera dinámica con JavaScript, PHP y MySQL.
CommunityMX hace un par de semanas ha publicado un tutorial sobre como rotar imagenes con un Select List/Menu, sin embargo estan cobrando una modica cantidad por leerlo. Pues aquĂ, nosotros tambiĂ©n vamos a mostrar el mismo resultado, aunque tal vĂ©s no con el mismo procedimiento.
Siguiendo el ejemplo de esa web, vamos a publicar dos artĂculos referente a este tema, el primero, en donde haremos uso de una página estática, es decir, una página html en donde el diseño y la informaciĂłn no necesitan de ninguna interacciĂłn con alguna base de datos.
Y el segundo en donde si consideraremos el dinamismo de una página PHP y la base de datos MySQL para permitir el intercambio de imágenes de una manera mucho más dinámica.
El objetivo de esto es permitir que nuestros visitantes cambien una imagen que se muestra basada sobre las opciones de una lista, por ejemplo, tenemos una lista de productos y cuando uno selecciona alguno de ellos se muestre su FotografĂa. Por lo que damos la alternativa al clásico thumbnails que muestre todos los productos.
