Foros del Web » Programando para Internet » Javascript »

¿Cómo introducir código css en javascript onmouseover para un navegador específico?

Estas en el tema de ¿Cómo introducir código css en javascript onmouseover para un navegador específico? en el foro de Javascript en Foros del Web. En esencia lo ideal seria que esto se pudiera hacer: function over() { document.getElementById('entrar').style.background ="url(img/top.png) no-repeat 1px 0px "; ( Para todos los navegadores ) ...
  #1 (permalink)  
Antiguo 14/03/2014, 10:35
Avatar de AngelMarine  
Fecha de Ingreso: enero-2014
Ubicación: Madrid
Mensajes: 79
Antigüedad: 10 años, 3 meses
Puntos: 0
Pregunta ¿Cómo introducir código css en javascript onmouseover para un navegador específico?

En esencia lo ideal seria que esto se pudiera hacer:

function over() {

document.getElementById('entrar').style.background ="url(img/top.png) no-repeat 1px 0px"; (Para todos los navegadores)

document.getElementById('entrar').style.background ="url(img/top.png) no-repeat 0px 0px";(Para Chrome)

}

Sin embargo, javascript no hace magia, así que, si alguien puede echarme una mano se lo agradecería.

Usando este hack tal vez podría servir, más no se como implementarlo en la función: @media screen and (-webkit-min-device-pixel-ratio:0) {#entrar {background="url(img/top.png) no-repeat 0px 0px"}}
  #2 (permalink)  
Antiguo 14/03/2014, 10:49
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: ¿Cómo introducir código css en javascript onmouseover para un navegador es

Si deseas comprobar con JS que el navegador es Chrome, hazlo así:

Código Javascript:
Ver original
  1. if (navigator.userAgent.toLowerCase().indexOf('chrome/') > -1){
  2.     //Es Chrome
  3. }
  4. else{
  5.     //No es Chrome
  6. }

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 14/03/2014, 13:26
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: ¿Cómo introducir código css en javascript onmouseover para un navegador es

Como el UAString puede ser modificado, otra forma de hacerlo es comprobando si el navegador es chromium o no no mediante la propiedad "chrome" del window:

Código:
if(window.chrome) // es chromium
  #4 (permalink)  
Antiguo 18/03/2014, 05:00
Avatar de AngelMarine  
Fecha de Ingreso: enero-2014
Ubicación: Madrid
Mensajes: 79
Antigüedad: 10 años, 3 meses
Puntos: 0
Pregunta Respuesta: ¿Cómo introducir código css en javascript onmouseover para un navegador es

¿Se podría poner esto en el head?

<script type="text/javascript">
if (navigator.userAgent.toLowerCase().indexOf('chrome/') > -1){
<script type="text/javascript" src="Scripts/topbar-chrome.js"></script>
}
else{
<script type="text/javascript" src="Scripts/topbar.js"></script>
}
</script>
  #5 (permalink)  
Antiguo 18/03/2014, 08:15
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: ¿Cómo introducir código css en javascript onmouseover para un navegador es

Estás demostrando que no sabes HTML
  #6 (permalink)  
Antiguo 18/03/2014, 08:18
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: ¿Cómo introducir código css en javascript onmouseover para un navegador es

No es la sintaxis correcta. Para añadir un script externo, debes hacerlo así:

Código Javascript:
Ver original
  1. var head = document.getElementsByTagName('head')[0], //Tomas la cabecera del documento
  2.     script = document.createElement('script'); //Creas un elemento <script>
  3.  
  4. script.type = 'text/javascript'; //Le asignas el tipo
  5.  
  6. if (navigator.userAgent.toLowerCase().indexOf('chrome/') > -1){
  7.     script.src = 'Scripts/topbar-chrome.js'; //Le añades la fuente
  8. }
  9. else{
  10.     script.src = 'Scripts/topbar.js'; //Le añades la fuente
  11. }
  12.  
  13. head.appendChild(script); //Añades el script a la cabecera del documento

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: css, css3, html5, javascript+html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:04.