Html

Cambiar el tamaño de un Iframe con Javascript

Bueno pues lo dicho, me ha sido necesario el cambiar el tamaño de un Iframe de forma dinámica mediante javascript. He intentado utilizar jQuery y javascript a pelo pero no me ha sido posible por el siguiente motivo.

Vemamos tenemos el siguiente Iframe:

<iframe src="otrapagina.html" id="listado"></iframe>

He intentado acceder de la siguiente manera y NO es posible:

document.getElementById('listado').style.cols = '200px';

Iconos para redes sociales

El otro día buscando iconos de redes sociales encontré la siguiente dirección que puede ser de utilidad.

http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/#icons

Estilo para 2 clases de la misma etiqueta html

Esto no suele suceder mucho, pero alguna vez nos ha interesado el tener mas de una clase para una misma etiqueta html. Bueno pues muy fácil decirle que si están las 2 darle cierto aspecto.

Yo lo he utilizado en el caso de Drupal.

De esta forma:

.not-logged-in.node-type-recorrido #sidebar-left {
background: transparent url(images/info.png) no-repeat scroll top center;
height:317px;
}

Se pone una clase y pegado la otra que este a la misma altura.

Otro ejemplo quizás mas claro:

JQuery: Redimesionar imagen sin perder proporción

Con este script basándonos en JQuery nos sera fácil redimensionar una imagen o varias imágenes según las capas aquellas imágenes que superen en x tamaño la anchura. También se puede utilizar la altura como medida pero bueno con unos pequeños ajustes no hay mayores problemas.

Instalar todas las versiones IE

Bueno, aunque estoy en contra del uso de IE, por varios motivos, he de reconocer que es necesario para muchos desarrollos ya que en los proyectos piden el uso del mismo.

iecollection_setup_02_components

Versiones soportadas:

  • Internet Explorer 1.0 (4.40.308)

Eliminar los bordes de los enlaces con CSS

Eliminar los bordes de los enlaces con CSS nos facilitar a las cosas. Muchas veces esto (los bordes) hace que se nos muevan los enlaces con que resulta bastante feo, la solución es sencilla.

a:focus{ outline:none; }

Ordenar Array con caracteres especiales en JavaScript

Introducción

Los caracteres especiales como pueden ser las ñ o las tildes producen verdaderos dolores de cabeza. En este caso vamos a utilizar una función para reemplazar dichos caracteres antes de compararlo y posteriormente lo volver a colocar como corresponde.

Funciones de sustitución

Vamos a sustituir todo el array antes de compararlo:

Detectar navegador con jQuery

Bueno esto es otra librería de jquery para detectar el navegador. Últimamente estoy metiendo muchas horas en esto que jamas me ha gustado, javascript, pero que últimamente me ha salvado de muchos browns. La verdad que jQuery facilita muchas de mis tareas y añadiendo algunas librerías, pues aporta mucha practica visual a los desarrollos web, aunque como siempre he opinado y creo que seguiré opinando por tiempo, considero inseguro.

En este caso os presento jQBrowser:

Uso

Deteccion de navegador

Crear corner redondos en firefox e IE7 con jQuery e Imagen de fondo

Bueno aquí dejo las fuentes para poder crear los bordes curvos y se visualicen correctamente, he utilizado varios plugin sobre jQuery.

El problema que tenia es que utilizaba una imagen de fondo, de no haber sido así habría resultado muchos mas sencillo, pero como siempre, me gusta hacer lo que quiero aunque cueste. Espero que así a otros muchos le resulte mucho mas facil.

xhtml no soporta target _blank

Cuando queremos enlazar a una pagina externa y que siga en nuestra pagina solemos utilizar la propiedad target con el valor _blank. Ahora bien si queremos validar nuestra pagina pues w3c no lo permite.

El atributo target ha sido movido en xhtml strict. Si queremos poder enlazar de dicha forma podemos hacerlo con un poco de javascript, para ello podemos visitar la siguiente url: New-Window Links in a Standards-Compliant World

Páginas

Suscribirse a RSS - Html