Archive for the 'navegadores' Category

03DicCódigos diferentes para navegadores diferentes (II)

Ya expliqué como hacerlo en Javascript. Vamos a ver como vincular una hoja de estilos diferente según el navegador que tengamos.

  1.  
  2. if (stripos($_SERVER[HTTP_USER_AGENT],"MSIE"))
  3.                 echo "<link href="\"estilos/estiloMetro.css\"" type="\"text/css\"" rel="\"stylesheet\"" />\n";
  4.         else
  5.                 echo "<link href="\"estilos/estiloMetro.css\"" type="\"text/css\"" rel="\"stylesheet\"" />\n";
  6.         echo "
  7.  

25NovCódigos diferentes para navegadores diferentes

A lo mejor un día tenéis que trabajar con diferentes códigos para diferentes navegadores. En mi caso ha sido debido a los archivos o2c. Los archivos o2c son archivos en 3d que pueden ser reproducidos por el Navegador (con el correspondiente player) y permiten navegar en el archivo 3d así como modificar algunos parámetros como el color de fondo, la posibilidad de girar los elementos de forma automática etc…

No los he generado nunca pero el cliente me los proporcionaba para integrarlos en su web. Lo que os adjunto es un código en Javascript muy sencillito que me ha permitido detectar el navegador mediante el atributo "appName" del objeto "navigator" y de esto modo proporcionar un código diferente a cada Navegador. Uno para Firefox y otro para Explorer. No podía usar el mismo código debido a que no soportan los mismo atributos para la etiqueta object. En cualquier caso no me interesaba demasiado investigar sobre el o2c, dado que es un player muy poco extendido, y sí solucionar el problema.

  1.  
  2. <script lang="javascript">
  3. if(navigator.appName=="Microsoft Internet Explorer"){
  4.    document.write(‘<OBJECT CLASSID="CLSID:B1953AD6-C50E-11d3-B020-00A0C9251384" CODEBASE="http://www.o2c.de/download/o2cplayer.cab#version=2,0,0,37" TITLE="Wenn Sie hier kein 3D Objekt sehen, surfen Sie zu www.o2c.de und installieren Sie den O2C-Player!"ID=o2c height="100%" width="100%" ><param name="BackColor" value="16777215"><param name="Phi" value="115"><param name="Psi" value="10"><param name="KeepSpinning" value="-1"><param name="SpinPhi" value="20"><PARAM NAME=Lights VALUE=15><PARAM NAME=ObjectURL VALUE="index.o2c"></OBJECT>’);
  5.    }else{
  6.  document.write(‘<OBJECT DATA="index.e3d" TYPE="application/x-o2c-object" WIDTH=100% HEIGHT=100% ID="O2cFF" VIEWASTEXT> <PARAM NAME="Appearance" VALUE="1"><PARAM NAME="BackColor" VALUE="#886600"><PARAM NAME=Zoom VALUE="1"><PARAM NAME=BackStyle VALUE="0"><PARAM NAME="BackColor" VALUE="#886600"><PARAM NAME=ObjectURL VALUE="index.o2c"></OBJECT>’);
  7. }
  8. </script>
  9.  
  10.  

03SepChrome, el nuevo navegador de google

Entra en escena un nuevo navegador: Chrome, de google. Y cuando entra en juego un nuevo producto de esta casa, tiembla el sector correspondiente. En los últimos años Firefox ha ido comiendo terreno al navegador más extendido del mundo: el explorer, y también curiosamente el más odiado. Si alguien se pregunta porqué se  "odia" a un navegador, os diré que Microsoft, su creador, ignora las premisas del w3c, un consorcio que establece un estándar para la programación web: xhtml y css. Esta política de microsoft supone que el explorer tiene un comportamiento imprevisible. Dado que está tan extendido obliga a los programadores a programar especifícamente para él. Concretamente, el País en un artículo del 2 de Septiembre decía

"En la actualidad la empresa creada por Bill Gates cuenta con el 72% del mercado de los navegadores gracias a su Explorer. Le siguen el Firefox de Mozilla con el 20%, y Safari de Apple, con el 6,4%".

Si son ciertas estas cifras es un porcentaje de gente muy grande como para ignorarlo.

Lo que google ha hecho introduciéndose en este mercado es pintar un nuevo escenario en el que los navegadores tendrán que repartirse la tarta contando con un nuevo competidor que promete ser una herramienta de calidad. Por lo que hasta ahora hemos visto de google dudo que sea un navegador que se salte las directrices del w3c y espero que no suponga una nueva pieza incómoda para la programación web.

Lo podéis descargar en www.google.com/chrome. Iremos descubriendo qué nuevas aportaciones trae este navegador.

27FebInsertar un swf transparente

Bien, la inserción de un swf transparente puede ser un recurso muy interesante en la web, sobre todo para hacer determinados diseños. Los principales problemas que presenta son los de siempre: los Navegadores y el código de inserción. El código tiene dos secciones marcadas en rojo, la primera es el código para Explorer, la segunda es el código para firefox.

  1. <object width="320" height="240" id="MyMovieName" codebase="; http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  2. <param value="MyFlashMovie.swf" name="movie" />
  3. <param value="high" name="quality" />
  4. <param value="transparent" name="wmode" /></object>

Navegadores que soportan transparencia de flash.
• Internet Explorer 3 o superior (Windows)
• Internet Explorer 5.1 o superior (Macintosh)*
• Netscape 7.0*
• Mozilla 1.0 o superior*
• Firefox*
• Safari
• AOL*
• CompuServe*

* Macromedia Flash Player versión 6,0,65,0 (Windows) o 6,0,67,0 (Macintosh).




Blogroll

Recent Listening