Como puedo hacer esto

[pato12]

Hola,
Tengo muchos divs como:

Código:

<div id="sala">
<div class="sala" sala="General">General</div>
<div class="sala" sala="Entretenimiento">Entretenimiento</div>
<div class="sala" sala="Cine">Cine</div>
<div class="sala" sala="Chistes">Chistes</div>
[...]
</div>

Y como puedo hacer que para que si apreto en General, me cambie el class a sala_ac y todos los otros a sala.
Yo uso esta funcion:

Código HTML:

function selecSala(){
	var lis = document.getElementById("sala").getElementsByTagName("div");
	for (var i=0; i<lis.length; i++) {
		lis[i].onclick=function() {
		sala=this.getAttribute('sala');
		this.className="sala_ac";
	}
	}
}
window.onload=selecSala;

Me lo cambia, pero si apretó después de General, Cine me deja el General en sala_ac y Cine tambien.
Gracias
Salu2

[David]

Puedes usar la misma lógica de tu código que estás usando para asignar los eventos, quiero decir que puedes crear una función parecida que en lugar de asignar el evento onclic, asigne el evento className a "sala", y llamar a esa función en el evento onclick del div, así, al ejecutarlo, todos los divs volverán a su clase por defecto y después de eso, cambia aquella en que se hizo click. Si no se entiende, me avisas . Saludos .

[pato12]

Hola,
No te entiendo, pero gracias por responder.
Gracias
Salu2

[David]

Me refiero a algo como esto:

Código javascript:

function restartClass(){
    var lis = document.getElementById("sala").getElementsByTagName("div");
    for (var i=0; i<lis.length; i++) {
        lis[i].className = "sala";
    }
}
 

Lo que hace esa función es restablecer la clase de todos los div, por lo que llamándolo justo antes de cambiar la clase del div en que se hizo click debería hacer lo que deseas.

[pato12]

Hola,
Ya entendí y funciona de 10.
Muchas gracias
Salu2

[David]

Me alegra que haya funcionado .

También existe la posibilidad de guardar en una variable cuál fue el último div que cambio de class, y restablecer únicamente ese .