Escrito por Joselite | 1 Comentario

Barra de Progreso con Javascript y CSS

Primero el HTML con las capas de la barra y el %:

1
2
3
4

<div class="progress-bar" >  
    <div id ="sample" class="bar">75%</div>  
</div>  
<div id ="percentage"></div>

Ahora ponemos el css correspondiente para los contenedores anteriores:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

/*Container*/  
.progress-bar {  
    border: 1px solid #56577A;  
    /*width of the progress bar container*/  
    width: 200px;  
    margin: 5px;  
    padding: 1px;  
    background: #fff;  
    float: left;  
}  
 
/*Progress Bar*/  
.bar {  
    height: 15px;  
    font-size: 11px;  
    /* indent the text off the screen as we don’t want to see the text anymore.*/  
    text-indent:-9000px;  
}

Código Javascript en el código HTML:

1
2
3
4

<script src="progressbar.js" type="text/javascript"></script>   
<script type="text/javascript">  
  window.onload = function() {initialize()}  
</script>

Creamos un archivo llamado progressbar.js, donde definiremos la función initialize(), que se llamará al cargar la página. El código del archivo progressbar.js es el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

function initialize() {  
    divId = 'sample';  
    thedivId = document.getElementById(divId);  
    var percentage = thedivId.innerHTML;  
    //Set the Progress Bar color  
    thedivId.style.backgroundColor="#BF5852";  
    brim(divId,0,parseInt(percentage.substr(0, percentage.length-1)));  
}
 
function brim(Id,start,percentage) {  
    if (document.getElementById) {  
         o = document.getElementById(Id);  
             if (start <= percentage) {  
                setWidth(o, start);  
                start += 1;  
                //Show progression percentage near the progress bar  
                document.getElementById('percentage').innerHTML = (start -1) + "%";  
                window.setTimeout("brim('"+Id+"',"+start+","+percentage+")", 50);  
             }  
   }  
}  
 
function setWidth(o, start) {  
    o.style.width = start+"%";  
}

Visto en: JCargoo

Escrito por Joselite | 0 Comentarios

Cálculo de Retenciones 2008

La AEATE (Agencia Española Tributaria) dispone de una aplicación para calcular las retenciones que nos corresponden del año 2008. Es una aplicación muy sencilla y con unos pocos pasos habremos finalizado el proceso. Tras haber generado el informe, nos permitirá exportar los datos a un documento PDF.

Enlace: Retenciones 2008

Escrito por Joselite | 0 Comentarios

Profecías del mundo tecnológico

La revista de informática T3 ha publicado un listado con las 10 peores profecías tecnológicas. No tienen desperdicio…

• “El iPod nunca despegará”, Alan Sugar, fundador de Amstrad, en 2005.
• “No hay necesidad de tener un ordenador en cada casa”, Ken Olsen, fundador de Digital Equipment, en 1977.
• “Las aspiradoras impulsadas por energía nuclear serán una realidad en 10 años”, Alex Lewyt, presidente del fabricante de aspiradoras Lewyt, en 1955.
• “La TV no durará porque la gente se cansará rápido de pasar todas las noches mirando una caja de madera”, Darryl Zanuck, productor de la 20th Century Fox, en 1946.
• “Nunca se fabricará un avión más grande que éste”, un ingeniero de Boeing, al ver el Boeing 247, con capacidad para 10 pasajeros, en 1933.
• “Estamos en el umbral del correo vía cohete“, Arthur Summerfield, director general de Servicio Postal, en 1959.
• “Nadie va a necesitar más de 640 Kb de memoria en su PC”, Bill Gates, en 1981.
• “Los estadounidenses necesitan el teléfono. Nosotros no. Nosotros tenemos mensajeros de sobra”, Sir William Preece, director del la oficina británica de Correos, en 1878.
• “El spam estará resuelto en dos años”, Bill Gates, en 2004.
• “Se acabará demostrando que los rayos X son un timo”, Lord Kelvin, presidente de la Royal Society, en 1883.

Escrito por Joselite | 0 Comentarios

La web de Will Murai

Aquí os dejo una web que he descubrimiento, la web de Will Murai. Este chico tiene diseños impresionantes para mi gusto, con muchos colores y con trazados muy finos. Su temática es variada. En su web podemos encontrar trabajos suyos para AXE, Cannes 2008, así como diseños personales.

Enlace: Will Murai

Escrito por Joselite | 1 Comentario

Scarlett Johansson subasta sus mocos

Por muy guapa que sea esta mujer, ¿quien quiere sus mocos?. Actualmente hay una puja en Ebay donde se vende un pañuelo usado por Scarlett Johansson, fruto de un catarro de estos que producen moco a “tutiplen”. Además, el catarro se lo pasó Samuel L. Jackson, por lo que según ella el pañuelo tiene aún más valor.

Sus palabras fueron: “Esta circustancia hace que el objeto tenga, aún si cabe, más valor, ya que el catarro es consecuencia de la convergencia de dos grandes estrellas“.

¡¡¡ OJO !!!… La puja a día 22/12/08 a las 11:00 va a US $ 4.000.000.. INCREÍBLE….

Si estás interesado, puedes pujar en Ebay