martes, 12 de marzo de 2013

Mostrar un fragmento en tu post de wordpress

Valencia, 12/03/2013 Gatsu

Estos días estoy dándole caña a un nuevo blog, Formación Online Web se llama, y un consejo que me han dado para no tener contenido duplicado tanto en la página principal del blog como en los posts es que en la home ponga una parte del post, y hay una forma muy sencilla que no requiere que el tema tenga una función especial ni nada, estoy refiriendome al comentario more.

Como wordpress es perfectamente alterable, un usuario con conocimientos avanzados de php puede hacer muchos cambios en su blog, o bien podemos hacer uso de plugins que nos facilitan mucho la vida, pero de forma nativa en wordpres tenemos un comentario especial llamado more, escrito <!--more -->. Si ponemos en un post dicho comentario, cuando ese post esté publicado solo mostrará en la home el contenido hasta la etiqueta more (sin mostrarla obviamente ya que es un comentario), y generará un texto de continuar leyendo para que el usuario clique y se sumerja en el post a la altura de por donde continúa el post después del comentario de more.

Si queremos personalizar el texto, basta con añadir al comentario las palabras o frases que queramos que salgan de la siguiente manera: <!--more Leer más-->. Un ejemplo es la siguiente imagen:


viernes, 1 de marzo de 2013

Evento onclick en la etiqueta option de HTML

Valencia, 01/03/2013 Gatsu

En mi anterior post escribí una anotación curiosa que imagino que a más de uno le habrá llevado de cabeza, en este post me voy a mantener en esa salsa ya que, "con los navegadores hemos topado".

¿Cuántas veces hemos visto que hemos hecho un código html y funciona bien en firefox pero no chrome, o funciona bien en IE pero en ninguno más? En este post hablaré sobre el uso del evento onclick dentro de una etiqueta option.

<select>
    <option value="1" onclick="javascript:alert('1');">primera opción</option>
    <option value="2" onclick="javascript:alert('2');">segunda opción</option>
</select>

Actualmente sólo firefox reconoce eventos dentro del tag option, si esa misma página con ese código lo ejecutas en chrome o IE no hará nada, por lo que la única forma (que me sé) para hacer un código entendible para todos los navegadores es la de usar el evento onchange dentro del select de la siguiente manera:

<select onchange="javascript:alert(this.value);">
    <option value="1" onclick="javascript:alert('1');">primera opción</option>
    <option value="2" onclick="javascript:alert('2');">segunda opción</option>
</select> 

Aunque es una forma que no es tan personalizada como poner lo que queramos en cada onclick, es la forma válida para todos los navegadores, el código lógicamente se debe extrapolar a llamar una función que trabaje adecuadamente con los valores que recibe.