UnderMedia S.A. :: Blog

Para definir el juego de caracteres por defecto de todo nuestro sitio web podemos utilizar el archivo .htaccess e insertar la siguiente linea:

AddDefaultCharset ISO-8859-1

De esta forma el juego de caracteres de todo el sitio será ISO-8859-1

Hoy al probar en Internet Explorer una página en la que estoy trabajando apareció el siguiente mensaje:

El problema: Yo uso el script SWFObject, para insertar películas flash, este script en ciertas circunstancias cuando se ejecuta en IE 6/7 produce un conflicto y aparece ese error.

La solución: Añadir el atributo defer=”defer” en el script que contiene SWFObject asi:

<script type="text/javascript" defer="defer">

La conclusión: No usar IE.

En http://aralbalkan.com/912 podemos ver mas detalles del problema

[Actualizado]

Si al incluir un video de Youtube o una película flash, usa código validado para evitar el problema.

Puedes ver nuestro post  Incluir flash en nuestras páginas con código validado

Cuando utilizamos formularios web y pasamos los valores via POST para que sean procesados con AJAX, suele pasar que se presentan caracteres extraños al momento de receptarlos en PHP.

Para solucionar este problema debemos hacer:

1. Utilizar la función encodeURI() para codificar las variables capturadas en el AJAX (javascript)
2. Capturar las variables en PHP y decodificarlas con las función utf8_decode()

Espero les ayude esta simple solución.

CSS Formatter and Optimiser es un script que permite optimizar nuestro código css de tal forma que reduce el tamaño del archivo sin perder ninguna funcionalidad.

CSS Formatter and Optimiser optimiza una seria de aspectos css tales como:

• Comprimir colores. Por ej. #FFFFFF a #FFF
• Comprimir font-weight. Por ej. normal a 400
• Optimizar selectores. Por ej. “1px 1px” a “1px”
• Remover “;”
• Entre otras…

La característica mas destacada de este script, son sus varias opciones, con las que podemos ajustar la optimizacion a nuestras necesidades.

En ocasiones es necesario manejar varios campos de selección que se deberán cargar dependiendo de la sección en que se encuentran. Por ejemplo cargar una subcategoria dependiendo de la categoria a la que pertenece.

Para ver este ejemplo puedes ingresar a:

Además también puede ser muy importante identificar la opción seleccionada y que puede estar dada por un código que puede provenir de una BDD.

Entonces para solucionar este problema podemos crear un javascript java como sigue:

1. <script language="javascript">
2. function Combos(x)
3. {
4. ItDepend=document.getElementById('CombDependiente');
5. if(!ItDepend){return;}
6. var mitems=new Array();
7. var mitems_ids=new Array();
8. mitems['Elige']=[''];
9. mitems['Informatica']=['Elegir opcion',
10. 'Monitor',
11. 'CPU',
12. 'Teclado',
13. 'Mouse'];
14. mitems['Deportes']=['Elegir opcion',
15. 'Futbol','Basket',
16. 'Volley',
17. 'Atletismo'];
18. mitems['Comidas']=['Elegir opcion',
19. 'Pan',
20. 'leche',
21. 'matequilla',];
22. mitems['Tecnologia']=['Elegir opcion',
23. 'Telefonos',
24. 'Camaras',
25. 'I-POD'];
26.  
27. mitems_ids['Informatica']=['0','1','2','3','4'];
28. mitems_ids['Deportes']=['0','5','6','7','8'];
29. mitems_ids['Comidas']=['0','9','10','11',];
30. mitems_ids['Tecnologia']=['0','12','13','14'];
31.  
32.  
33. ItDepend.options.length=0;
34. ItActual=
35. mitems[x.options[x.selectedIndex].value];
36.  
37. ItActual_ids=
38. mitems_ids[x.options[x.selectedIndex].value];
39.  
40. if(!ItActual){return;}
41. ItDepend.options.length=ItActual.length;
42. for(var i=0;i<ItActual.length;i++)
43. {
44. ItDepend.options[i].text=ItActual[i];
45. ItDepend.options[i].value=ItActual_ids[i];
46. }
47.  
48. }
49. function Valor(x)
50. {
51. depend=document.getElementById('CombDependiente');
52. document.getElementById('valor').value=
53. document.getElementById('CombDependiente').value;
54. }
55. </script>

Y en el formulario dentro del html ponemos:

1. <form action="">
2. <label for="or">Categorias:</label>
3. <select name="or" id="or" onchange="Combos(this)">
4. <option value="Elige">Elige</option>
5. <option value="Informatica">Informatica</option>
6. <option value="Deportes">Deportes</option>
7. <option value="Comidas">Comidas</option>
8. <option value="Tecnologia">Tecnologia</option>
9. </select><br><br>
10. <label for="CombDependiente">Sub - Categorias:</label>
11. <select name="CombDependiente" id="CombDependiente" onchange="Valor(this)"></select><br><br>
12. <label for="Id:">ID: </label><input type="text" name="valor" id="valor" />
13. </form>

De esta forma podemos cargar las opciones dependiendo de la categoría en la que se encuentra y obtener el id respectivo de la selección.

Para ver este ejemplo puedes ingresar a:

Nota: Este ejemplo es una adaptacion del script publicado en: http://www.webintenta.com/combos-dependientes-i.html

UnderMedia S.A. acabó de lanzar Miralo un generador en linea de visores para imágenes 360 o panorámicas, desarrollado en flash.

Las características que MIRALO presenta son:

• Totalmente personalizable, pues usa un archivo XML externo de configuración.
• Fácil de controlar, permite desplazar en todas las direcciones.
• Permite incluir texto descriptivo, totalmente configurable (Tipo de letra, tamaño, color, fondo).
• Cargador dinámico, el cual muestra segmentos de la imagen desde el primer instante, evitando el uso de barras de carga o similares.
• Listo para usar.
• Su uso es totalmente libre.

Apesar de que Miralo aun se encuentra en una etapa BETA ya presenta 4 ventajas destacadas respecto a otros programas:

• Pesa solo 10 kb.
• Totalmente personalizable sin necesidad de software especial, únicamente un editor de texto.
• La imagen se muestra inmediatamente, no hay que esperar hasta que la “barra de carga” marque el interminable 100%.

Lo puedes encontrar en Miralo o ver su demo

Docking boxes (dbx), usa básicamente 4 elementos:

• dbx-group, el cuál agrupa los “dbx-box”.
• dbx-box, encierra el contenido.
• dbx-handle, encargado básicamente de mostrar / ocultar los elementos.
• dbx-content, el contenido.

Docking boxes (dbx) usa diferentes tecnologías (CSS, HTML, JavaScript) para poder operar. La documentación es muy buena y con ella nosotros podemos personalizarlo modificando cualquiera de sus elementos.

Su uso es relativamente sencillo, veamos un ejemplo