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

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/

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:

for (var y=0; y vector[y] = vector[y].toString().replace(/Á|É|Í|Ó|Ú|Ñ/g,function (str,offset,s) {
str =str=="Á"?"A{":str=="É"?"E{":str=="Í"?"I{":str=="Ó "?"O{":str=="Ú"?"U{":str=="Ñ"?"N{":"N{"
return (str) } )
}


Procedemos a ordenar el array

Una vez ordenado pones otra vez los caracteres de forma correcta:

for (var z=0; z vector[z] = vector[z].toString().replace(/A{|E{|I{|O{|U{|N{/g,function (str,offset,s) {
str =str=="A{"?"Á":str=="E{"?"É":str=="I{"?"Í":str=="O{"?"Ó":str=="U{"?"Ú":str=="N{"?"Ñ":"Ñ"
return (str) } )
}

Referencia:

http://www.forosdelweb.com/f13/manipular-array-247815/index2.html

Bueno me a parecido un articulo interesante y lo voy a enlazar por el momento cuando tenga un poco mas de tiempo puede que añada aqui las lineas, pero de momento dejo el enlace.

http://www.anieto2k.com/2009/05/13/optimizando-el-rendimiento-de-nuestros-scritps-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

var browser = $.browser.browser(); // the detected browser (defaults to 'Unknown')

// The following functions return a boolean value indicating whether or not the given browser was detected:
var aol = $.browser.aol(); // AOL Explorer
var camino = $.browser.camino(); // Camino
var firefox = $.browser.firefox(); // Firefox
var flock = $.browser.flock(); // Flock
var icab = $.browser.icab(); // iCab
var konqueror = $.browser.konqueror(); // Konqueror
var mozilla = $.browser.mozilla(); // Mozilla
var msie = $.browser.msie(); // Internet Explorer Win / Mac
var netscape = $.browser.netscape(); // Netscape
var opera = $.browser.opera(); // Opera
var safari = $.browser.safari(); // Safari

Deteccion de version

$.browser.version.string() returns the full browser version string detected, while $.browser.version.number() attempts to wrangle that string into a usable number.
alert( "You're using version " + $.browser.version.string() ); // defaults to 'Unknown'
if( $.browser.version.number() > 1.5 ) { // defaults to undefined
// Do something...
}

Descarga:

jqbrowser.tar.gz

Web:

http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/