Ver Mensaje Individual
  #7 (permalink)  
Antiguo 28/02/2011, 04:40
rotivo
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 13 años, 11 meses
Puntos: 3
Respuesta: funcion javascript Firefox/Chrome

Nadie puede ayudarme, si es que no me funciona ni el onclick puesto directamente el href en los navegadores firefox, chrome y safari, sin embargo en opera e IE si me funciona. Les pego el html a ver si alguien me encuentra algo raro que yo no veo (por mucho que reviste):

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>NOUTRORA</title>  
<script type="text/javascript" src="js/ajax.js"></script>
<link href="estilos/reset.css" rel="stylesheet" type="text/css" >
</head>
<body>
<div id="pagina">
	<div id="fondocabecera">
    	<div><img id="cabecera" src="/imagenes/cabecera.png" alt="cabecera" >
            <div><img id="simbolo" src="/imagenes/simbolo.gif" alt="foto" ></div>
            <div id="logo"><img id="logo" src="/imagenes/logo.gif" alt="foto" ></div>
            <div id="idioma">
                <ul id="menuidioma">
                    <li id="i_0"><a href="#" onClick="alert('hola')"><img class="bandera" src="/imagenes/espana.png"> Castellano</a></li>
                    <li id="i_1"><a href="#" onClick="alert('hola')"><img class="bandera" src="/imagenes/galicia.png"> Galego</a></li>
                </ul>
            </div>
		</div>
	</div>
    
	<div id="fondodegradado"><img id="degradado" src="/imagenes/fondodegradado.png" alt="degradado" >
    	<div><img id="marcas" src="/imagenes/marcas.gif" alt="foto" ></div>
    </div>
    
	<div id="fondocuerpo"><img id="cuerpo" src="imagenes/fondocuerpo1.png" alt="cuerpo" >
        <div id="contenedor">
            <ul id="menudinamico">
                <li id="l_0" onClick="pestanaActiva(this.id)" class="activo" ><a href="#"onClick="alert('hola')">Empresa</a></li>
                <li id="l_1" onClick="pestanaActiva(this.id)"><a href="#" onClick="alert('hola')">Ofertas</a></li>
                <li id="l_2" onClick="pestanaActiva(this.id)"><a href="#" onClick="alert('hola')">Cursos</a></li>
                <li id="l_3" onClick="pestanaActiva(this.id)"><a href="#" onClick="alert('hola')">Localización</a></li>
                <li id="l_4" onClick="pestanaActiva(this.id)"><a href="#" onClick="alert('hola')">Soporte</a></li>
            </ul>
            <div id="contenido"><img src="/imagenes/t.png" alt="foto" onLoad="FAjax ('empresa.html','contenido',null,'GET'); return false"></div>												
        </div> 	
	</div>
    
    <div id="fondopie"><img id="pie" src="/imagenes/fondopie.png" alt="pie" >
    	<div id="contenidopie">&copy; NOUTRORA S.L. - Pazos Fontenla, 64 - 36930 Bueu [Pontevedra] - Tel. 986 322 542</div>
    </div>
    
</div>
</body> 
</html>
Aqui el javascript:


Código:
//// SELECCIONAR HOJA CSS SEGUN NAVEGADOR CLIENTE


var nombreNavegador = navigator.userAgent;

// Internet Explorer
if ((nombreNavegador.indexOf("MSIE"))!=-1) {
 document.write('<link href="estilos/msie.css" rel="stylesheet" type="text/css">');
 
}
// Opera 
else if ((nombreNavegador.indexOf("Opera"))!=-1) {
 document.write('<link href="estilos/opera.css" rel="stylesheet" type="text/css">');
 
}
// Google Chrome 
else if ((nombreNavegador.indexOf("Chrome"))!=-1) {
 document.write('<link href="estilos/chrome.css" rel="stylesheet" type="text/css">');

}
// Safari 
else if ((nombreNavegador.indexOf("Safari"))!=-1) {
 document.write('<link href="estilos/safari.css" rel="stylesheet" type="text/css">');

}
// Mozilla Firefox 
else if ((nombreNavegador.indexOf("Firefox"))!=-1) {
 document.write('<link href="estilos/mzfirefox.css" rel="stylesheet" type="text/css">');

}

////CARGAR EVENTOS PESTAÑAS

window.onload = function() {		
	tamanoFuente();
}

window.onresize = function() {
	tamanoFuente();
}

//// AJAX Y GET MEDIANTE AJAX

function creaAjax(){
  var objetoAjax=false;
  try {
   /*Para navegadores distintos a internet explorer*/
   objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
     /*Para explorer*/
     objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
     } 
     catch (E) {
     objetoAjax = false;
   }
  }

  if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
   objetoAjax = new XMLHttpRequest();
  }
  return objetoAjax;
}


 function FAjax (url,capa,valores,metodo) {

   var ajax=creaAjax();
   var capaContenedora = document.getElementById(capa);

    ajax.open ('GET', url, true);
    ajax.onreadystatechange = function() {
         if (ajax.readyState==4){
            if(ajax.status==200){ 
                 document.getElementById(capa).innerHTML=ajax.responseText; 
            }
            else if(ajax.status==404)
                 {

                     capaContenedora.innerHTML = "La direccion existe";
                 }
                 else
                 {
                     capaContenedora.innerHTML = "Error: ".ajax.status;
                 }
        }
    }
    ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    ajax.send(null);

  
    return
}


//// FUNCIÓN QUE SEÑALA LA PESTAÑA ACTIVA

function pestanaActiva(id) {
	
	var pestana=document.getElementById(id); 
	var contenedor=document.getElementById('menudinamico').getElementsByTagName('li');
	var n=contenedor.length;
	
		for (i=0; i<n; i++) {
			contenedor[i].className = 'inactivo';
			
		}
	pestana.className = 'activo';
	
}
No me aplica los onclick del menudinamico. Reviso pero no encuentro el motivo.

Última edición por rotivo; 28/02/2011 a las 05:12