Tag Archives: diagramación

Detección de browser con PHP

8 Ago

Bueno,

Está muy complicado el tema de los CSS y demás con Firefox y IE. Por suerte, hay una forma de detectar qué navegador está corriendo con PHP. Alcanza con usar la función que está más abajo para detectar si se está utilizando IE. Para saber de otros navegadores, pueden usar la clase completa, que encontré en: http://apptools.com/phptools/browser/

<?php
$ie = false;
function browser(){
$agent = $_SERVER[‘HTTP_USER_AGENT’];
if(eregi(“msie”,$agent) && !eregi(“opera”,$agent))
{
 $val = explode(” “,stristr($agent,”msie”));           
 $ie = true;
 return $ie;
}
}
?>

Con está función se hace en algún lugar del código $ie=browser(); y si se está usando IE, $ie vale 1.

Anuncios

Ocultar y mostrar filas – Javascript

1 Jul

También aporte de Gonzalo, cómo hacer para ocultar/mostrar filas usando Javascript.

1. Asignar un ID único a cada fila que desees mostrar u ocultar
2. Elegir la forma en la que deseas llamar a la función que oculte o muestre las filas: ya sea al elegir una opción de un formulario o apretar un botón o imagen.

El código Javascript sería el siguiente:

Ocultar:

<SCRIPT languaje=”JavaScript”>
function ocultar(id_fila) {
document.all[id_fila].style.display = “none”;
}
</script>

Mostrar:
<SCRIPT languaje=”JavaScript”>
function mostrar(id_fila) {
document.all[id_fila].style.display = “”;
}

Cargando en Flash

21 May

Siguiendo con los aportes de Virgin…

Hoy nos explica cómo hacer un cargando en Flash.

1. Se crean dos escenas (cargando y contenido).

2. La escena cargando va a tener la siguiente estructura:
Imágen de estructura del cargando

 El código, será el siguiente:

Código(*):

var vacargando=getBytesLoaded();
var bytesTotales=getBytesTotal();
var porcentajeNumero=Math.round(vacargando*100/bytesTotales);
var porcentaje=”Cargando..  “+porcentajeNumero+”%”;
barra._xscale=porcentajeNumero;

if(vacargando==bytesTotales){
    gotoAndStop(“contenido”,1);
}

IMPORTANTE: el campo dinámico tiene que tener como propiedad “Var:”: porcentaje (la propiedad var la encontramos en la ventana de propiedades seleccionando el campo de texto dinámico.

Ícono en la dirección del Explorador

21 May

Hoy vienen aportes de Virgin… (www.virginiamonteverde.deuruguay.net)

¿Quieren que en la barra del Internet Explorer aparezca un ícono distinto cuando entran a su sitio web?

Tienen que tener su imágen con extensión .ico, y entonces alcanza con poner el siguiente código en el head de sus páginas:

<link rel=”shortcut icon” href=”ejemplo.ico” />

En el código, ejemplo.ico es el nombre de la imágen.

Descarga de Archivo Automática

9 May

Para hacer que un archivo se descargue automáticamente cuando el usuario entra a una página, se debe utilizar el siguiente META-TAG:

<META HTTP-EQUIV=”Refresh” CONTENT=”5;URL=descarga.zip”>

5 es la cantidad de segundos que se va a demorar antes de empezar la descarga.

Diagramación – Buenas Prácticas I

8 May

Un aporte de Maggie a la comunidad…

Les paso la forma correcta de hacer determinadas diagramaciones especiales:

 è     Nunca poner imágenes complejas como fondos. La forma correcta es recortarla en las partes necesarias y poner todo en una misma tablita bien dividida en celdas y subtablas.

Ejemplo Concreto:

 Ejemplo Completo

La diferencia entre la forma correcta y la incorrecta es que en la primera la imagen es un fondo que NO puede crecer verticalmente porque si crece se empieza a repetir el fondo y trae problemas. Además es complicada de editar (hay que editar la imagen en fireworks cada vez), otro problema es que no se ve tan nítido y además es más difícil de diagramar porque es más complejo hacer coincidir elementos con un fondo determinado que directamente armar la tabla de manera que si el contenido varía a mi no me afecta. Por ejemplo, si el cliente quisiera agregar un cuadro de fútbol, como ser “Wanders” y quisiera agregarlo arriba de peñarol: en el caso correcto no tengo ningún problema, agrego una tabla y listo, en el caso incorrecto es mucho más difícil.

 è     Solo poner imágenes como fondo cuando es un fondo que se pretende que se repita:

Ejemplo Concreto:

 

 

En este caso, al tener las imágenes de los dos laterales como fondo me permite crecer verticalmente sin que se me desarme el box (la cajita en la que está metida el contenido).
 
Otro ejemplo concreto:

 

 

 

 

 

 

 

 

 

  En este caso particular, además de los laterales, el fondo en degradé también es una imagen de fondo, de manera de que yo pueda hacer crecer el box verticalmente sin problemas.

 

 

 

Refresh Automático de una página

6 May

Al trabajar con cookies, muchas veces puede ser necesario que la página que contiene un formulario se refresque. Esto se logra a través de la etiqueta body:

<body onLoad=”if (location.href.indexOf(‘reload’)==-1) location.replace(location.href+’?reload’)”>

También puede hacerse que de un HTML se vaya a otro a través de un meta tag:

<meta http-equiv=”refresh” content=”5; url=formulario.php”>

El 5, es la cantidad de segundos que se va a esperar antes de hacer el redireccionamiento.

 

A %d blogueros les gusta esto: