Keopx

Para ver la barra de progreso de subida de ficheros es necesario instalar una extensión para PHP.

Descargar PECL uploadprogress extensión

Extraer el fichero uploadprogress-1.x.x.tgz:

$ tar xvzf uploadprogress-1.x.x.tgz

Y ejecutamos:

$ phpize
$ ./configure
$ make
$ sudo make install

Comprobamos que el directorio de la extensión es correcta. La ultima linea de la salida del comando $ make install es:

Installing shared extensions: /usr/lib/php/extensions/no-debug-non-zts-20060613/

Abrir el fichero php.ini y añadir la extensión.

Reemplazar la ruta extension_dir con el path anterior.
Añadir la extension

extension=uploadprogress.so

Reiniciar apache.

You should now have the PECL uploadprogress extension installed.

Esto me sucedeio el otro dia en un proyecto en que necesitaba el jar JDBC de Oracle.

Para ello en el fichero pom.xml es necesario añadir el jar que necesitemos, en este caso el jar de Oracle.

<dependency>
<groupId>ojdbc</groupId>
<artifactId>ojdbc</artifactId>
<version>14</version>


Al compilar el proyecto de maven nos dara un error al no encontrar en los repositorios el jar necesario.

Obtenemos de terceras fuentes en jar.

Una vez realizado esto podemos proceder a añadir a nuestro repositorio local de la siguiente forma:
mvn install:install-file -Dfile=<path-to-file> -DgroupId=<group-id> -DartifactId=<artifact-id> -Dversion=<version> -Dpackaging=<packaging>

Ejemplo:

/home/nuestro_usuario/Proyectos/prototipo/apache-maven-2.2.1/bin/mvn install:install-file -Dfile=ojdbc14.jar -DgroupId=ojdbc -DartifactId=ojdbc -Dversion=14 -Dpackaging=jar

Se creara en la siguiente ruta:

Installing /home/nuestro_usuario/Escritorio/ojdbc14.jar to /home/nuestro_usuario/.m2/repository/ojdbc/ojdbc/14/ojdbc-14.jar

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/