Dos scripts en una pagina - no funcionan!

locoxchacho · #1 (**permalink**) 02/02/2009, 21:41

Hola, que tal! Soy nuevo en esto de JS, asique espero que me puedan ayudar...

el problema es el siguiente: yo tengo dos scripts que utilizo para darle, a traves de CSS yJS, format a la pagina. Uno es para agregar una clase al hacer un clic, y otro es para desplegar un menu y replegarlo. Los codigos son los siguientes:

menu:

Código:

<script type="text/javascript">
var visto = null;
function mostrar(num) {
  obj = document.getElementById(num);
  obj.style.display = (obj==visto) ? 'none' : 'block';
  if (visto != null)
    visto.style.display = 'none';
  visto = (obj==visto) ? null : obj;
}
</script>

y este es el de la clase:

Código:

<script type="text/javascript">
function aggEvento(){
		var links = document.getElementById('menu').getElementsByTagName('a');
		for(i=0; links[i]; i++){
			links[i].onclick = function(){
				var links = document.getElementById('menu').getElementsByTagName('a');
				for(j=0; links[j]; j++){
					links[j].className = "";
				}
				this.className = 'current';
			}
		}
	}
</script>

Ahora bien, por separado, funcionan ambos... pero cuando los pongo en la misma pagina, juntos, de esta forma:

Código:

<script type="text/javascript">
var visto = null;
function mostrar(num) {
  obj = document.getElementById(num);
  obj.style.display = (obj==visto) ? 'none' : 'block';
  if (visto != null)
    visto.style.display = 'none';
  visto = (obj==visto) ? null : obj;
}

	function aggEvento(){
		var links = document.getElementById('menu').getElementsByTagName('a');
		for(i=0; links[i]; i++){
			links[i].onclick = function(){
				var links = document.getElementById('menu').getElementsByTagName('a');
				for(j=0; links[j]; j++){
					links[j].className = "";
				}
				this.className = 'current';
			}
		}
	}
</script>

o de esta:

Código:

<script type="text/javascript">
function aggEvento(){
		var links = document.getElementById('menu').getElementsByTagName('a');
		for(i=0; links[i]; i++){
			links[i].onclick = function(){
				var links = document.getElementById('menu').getElementsByTagName('a');
				for(j=0; links[j]; j++){
					links[j].className = "";
				}
				this.className = 'current';
			}
		}
	}
</script>
<script type="text/javascript">
var visto = null;
function mostrar(num) {
  obj = document.getElementById(num);
  obj.style.display = (obj==visto) ? 'none' : 'block';
  if (visto != null)
    visto.style.display = 'none';
  visto = (obj==visto) ? null : obj;
}
</script>

no funciona niguno de los dos. Entonces, que es lo que estoy haciendo mal?? alguien podria ayudarme?? darme una mano sobre como se ponen los scripts, etc??

por si sirve de lado, la funcion aggEvento() pongo esto:

<body onLoad="aggEvento()">

Muchas gracias, espero su ayuda!!

Pablo.