Segun navegador cargar un css u otro

Maycol · #1 (**permalink**) 09/03/2004, 11:02

Hola javascripteros

Me podeis ayudar a crear o sabeis donde encontrar un script que segun el navegador del visitante cargue un archivo CSS u otro por <link> claro

, exactamente quiero que si el navegador es IE cargue uno y si el navegador es otro cargue otro css.

Gracias

JavierB · #2 (**permalink**) 09/03/2004, 11:20

Hola, Maycol.

Prueba poniendo esto entre las etiquetas <head>

Código PHP:

  if (document.all) 
  document.write('<link rel="stylesheet" href="ie.css" type="text/css">') 
else 
  document.write('<link rel="stylesheet" href="otro.css" type="text/css">')

Saludos,

Maycol · #3 (**permalink**) 09/03/2004, 15:29

He estado probando y con IE y Opera se ve el ie.css y quiero que solo sea IE porque o si no en Opera se ve mal, alguna solucion?
Con mozilla y safari va bien ;)

caricatos · #4 (**permalink**) 09/03/2004, 15:48

Hola Maycol y JavierB

:

En una ocasión tuve que distinguir entre opera y explorer y me funcionó esto:

function esOpera() {
return (navigator.userAgent.toLowerCase().indexOf("opera" ) >= 0);
}

...por lo que bastaría modificar esto: if (document.all && !esOpera() )

Espero que te sirva.

Saludos

Maycol · #5 (**permalink**) 09/03/2004, 17:34

gracias a ambos ya lo tengo :D

miguelelinventor · #6 (**permalink**) 04/06/2008, 01:37

Hola soy nuevo solo queria poner el codigo completo para cargar los css segun el navegador.

<head>
<script>
function esOpera() {
return (navigator.userAgent.toLowerCase().indexOf("opera" ) >= 0);
}
if (document.all){
if(esOpera()){
document.write('<link rel="stylesheet" href="opera.css" type="text/css">')
}else{
document.write('<link rel="stylesheet" href="ie.css" type="text/css">')
}
}else{
document.write('<link rel="stylesheet" href="firefox.css" type="text/css">')
}
</script>
</head>

salu2

marilinadg · #7 (**permalink**) 11/12/2008, 10:36

Hola a todos!
Resucito este post de hace tiempo porque parece ser justo lo que estoy necesitando...
El tema es que no se NADA de java ni php...
Entonces intenté "copiar" el código que puso JavierB

"if (document.all)
document.write('<link rel="stylesheet" href="ie.css" type="text/css">')
else
document.write('<link rel="stylesheet" href="otro.css" type="text/css">') "

Esto lo copié dentro del head de mi html.
El punto es: Cual de todos los parámetros que aparecen tengo que modificar?

Marque con naranja lo que creo que debería personalizar... pero no estoy segura si es asi y menos por cual archivo o nombre cambiar cada cosa...

Les pido disculpas si es muy tonta la pregunta pero como se habrán dado cuenta realmente no conozco nada de programación, perop estoy necesitando urgente poder llamar a 2 hojas de estilo diferentes dependiendo del navegador y vi que esto es de lo más corto (en cuanto a código) de lo que encontré y parece ser simple (si lo llegara a entender del todo).

Gracias por responder!!!
Saludos.