Keopx

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';

Como el iframe es parte del documento “padre” no podemos acceder a él de forma directa. Tendremos que utilizar el siguiente formato:

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

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

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.

jQuery(document).ready(function(){
jQuery('.content img.imagefield').each(function(){
var width = jQuery(this).width();
var new_width = 680; //nuevo tamaño
if (width > new_width){
var height = jQuery(this).height();
var calculo = Math.round((100*new_width)/ width); //porcentaje
var new_height = Math.round((height*calculo)/100);
jQuery(this).css( {
width : new_width+'px',
height : new_height+'px'
} );
}
});
});


Es un script muy sencillo pero que hará mas agradable la visualización cuando seleccionemos un campo.

$(document).ready(function() {
$('input[type="text"]').addClass("normal");
$('input[type="text"]').focus(function() {
$(this).removeClass("normal").addClass("selecionado");
if (this.value == this.defaultValue){
this.value = '';
}
if(this.value != this.defaultValue){
this.select();
}
});
$('input[type="text"]').blur(function() {
$(this).removeClass("selecionado").addClass("normal");
if ($.trim(this.value == '')){
this.value = (this.defaultValue ? this.defaultValue : '');
}
});
});

type=”text” se puede cambiar por type=”password” o que sea para poder realizar las mismas modificaciones.

Fuente: http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/

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.

Versiones soportadas:

• Internet Explorer 1.0 (4.40.308)
• Internet Explorer 1.5 (0.1.0.10)
• Internet Explorer 2.01 (2.01.046)
• Internet Explorer 3.0 (3.0.1152)
• Internet Explorer 3.01 (3.01.2723)
• Internet Explorer 3.03 (3.03.2925)
• Internet Explorer 4.01 (4.72.3110.0)
• Internet Explorer 5.01 (5.00.3314.2100)
• Internet Explorer 5.5 (5.51.4807.2300)
• Internet Explorer 6.0 (6.00.2800.1106)
• Internet Explorer 6.0 (6.00.2900.2180)
• Internet Explorer 7.0 (7.00.5730.13)
• Internet Explorer 8.0 (8.00.6001.18702)

Yo solo recomendaría la instalación de IE7 e IE8

Para la descarga:

Aqui

Fuente original:

http://finalbuilds.edskes.net/iecollection.htm

Con esta linea conseguiremos eliminar de forma sencilla y rápida todos los directorios .svn de la carpeta deseada:

rm -rf `find -type d -name .svn`

Estas carpetas .svn contienen la información de de los cambios de subversion.