website stats » 2008 » Enero | Solo Código |

Truncar número de decimales con Javascript

Escrito por J.F. el Martes, 29 de Enero del 2008 a las 15:52

Truncar el número de decimales consiste en elegir cuántos decimales deseamos, para así poder mostrar todas las cifras con el mismo formato. Para ello, podemos recurrir al método toFixed(x), donde x es el número de decimales que queremos que contenga nuestra variable de valor númerico. Su uso es muy sencillo, tan solo hemos de añadirlo trás una variable, e inmediatamente obtendremos formateado el número con los decimales indicados. Veamos un sencillo ejemplo fácil de comprender:

JavaScript:
  1. var num1 = new Number(3.141592);
  2. var num2 = num1.toFixed(); // 3
  3. var num3 = num1.toFixed(2); // 3.14
  4. var num4 = num1.toFixed(10); // 3.1415920000

Comentarios (2)

Categoria: Javascript

Shadowbox, mostrando contenido con JS

Escrito por J.F. el Lunes, 28 de Enero del 2008 a las 4:56

Shadowbox es otra aplicación al estilo lightbox para poder mostrar contenido en nuestras páginas webs de forma elegante. Me ha gustado bastante, puesto que se puede mostrar en la ventana variedad de contenidos, como son imágenes, imágenes de Flickr, archivos .swf, vídeos y un largo etcétera. Realmente es el lightbox que más me gusta hasta el momento:

Shadowbox

Enlaces: | Shadowbox | Demo | Descargar
Vía: | Anieto2k

Escribir comentario

Categoria: Javascript, General

Escapando caracteres especiales en JS

Escrito por J.F. el Jueves, 24 de Enero del 2008 a las 15:36

Vamos a ver una cosa bastante simple, pero que si llevas poco tiempo programando quizás desconozcas. Si en una variable queremos meter caracteres especiales como son la contrabarra \, un salto de línea, un tabulador o unas comillas, habrá que escaparlos, es decir, indicarle al navegador que queremos introducir un caracter especial, que de no ser escapado, "confundiría" la expresión. Por tanto, si a una variable JavaScript le queremos asignar algunos de esos caracteres, tendremos que susituirlos de la siguiente manera:

\n Equivale a un salto de línea
\t Equivale a un tabulador
\' Es lo mismo que incluir una comilla simple
\" Es lo mismo que incluir una comilla doble
\\ Sirve para incluir una barra
Así pues, para ver un ejemplo, podemos declarar una variable y mostrarla en un alert para comprender la sencilla lección:

JavaScript:
  1. var ejemplo = 'En Javascript podemos declarar variables usando:\nComillas simples \'\'\tO comillas dobles\"\"\nPara hacer comentarios de una linea se usan al comienzo 2 barras\\\\';
  2. alert(ejemplo);

Espero que le sea útil a los más novatos :P

Escribir comentario

Categoria: Javascript

Reducir el tiempo de carga de tu web

Escrito por J.F. el Martes, 22 de Enero del 2008 a las 22:26

Una de las razones por las cuales se puede ver aumentado el tiempo de carga de tu sitio web, puede ser porque realizas llamadas a diferentes ficheros Javascript/CSS, es decir, tienes por ejemplo 2 ficheros CSS y varios js. Al estar separados y cargarse cada uno por su lado, el tiempo de carga aumenta. Para "unir" todos los ficheros y que sean cargados al mismo tiempo, tan solo has de añadir el siguiente código PHP al principio:

PHP:
  1. require_once('class.compressor.php'); //Include the class. The full path may be required
  2. $compressor = new compressor('css,javascript,page');

Y éste otro al final:

PHP:
  1. $compressor->finish();

Podría hacerse la unión a mano, pero puede resultar bastante pesado según que caso.
Enlace: | Autor original | Descargar clase
Vía: | SigT

Comentarios (3)

Categoria: PHP, General

Aprende a diseñar en CSS desde cero

Escrito por J.F. el Lunes, 21 de Enero del 2008 a las 17:42

Tutorial que pretende enseñar desde cero como implementar el diseño de una plantilla para tu página web desde cero, sin conocimientos, aplicando las reglas CSS. El objetivo es que aprendas a armar una estructura sobre la que cimentar tu página web, y que sea compatible en todos los navegadores. Son 12 pasos a través de los cuales, se abordan diferentes aspectos como color, estilos, navegadores antiguos, etc. Bastante recomendable para novatos.

Enlace: | Aprende CSS desde cero | Traducción en español
Vía: | IncubaWeb

Comentarios (2)

Categoria: Manuales, CSS

Plantilla elegante en Flash y HTML

Escrito por J.F. el Viernes, 18 de Enero del 2008 a las 20:52

Me he encontrado ésta plantilla alojada en rapidshare que quisiera compartir, puesto que puede resultar interesante. Tiene tanto versión con Flash, para los que les guste, como versión estática sin uso de archivos flash. Ambas se ven igual de elegantes.

Plantilla

Enlace: | Descargar plantilla desde rapidshare

Comentarios (1)

Categoria: Flash, Recursos

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |