Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/03/2009, 17:31
MauXXI
 
Fecha de Ingreso: junio-2008
Mensajes: 51
Antigüedad: 16 años, 9 meses
Puntos: 2
[RESUELTO] Problemas al cambiar estilo de un div

Hola. Tengo esta función:
Código HTML:
function mostrar(id) {
	//Parte 1
	var obj = document.getElementById(id);
	obj.style.display=='none' ? obj.style.display='block' : obj.style.display='none';
	//parte 2
	var menu = document.getElementById(this);
	menu.style.borderColor=='#669900' ? menu.style.borderColor='#99CC00' : menu.style.borderColor='#669900';
}
La primera parte muestra y oculta in div.
La segunda parte es la que me está trayendo muchos problemas ya que hace más de 3 horas estoy con lo mismo.
A mi parecer la sintaxis está bién y el algoritmo también pero NO funciona.
Los divs están dispuesto de esta forma:

Código HTML:
<div id="1" class="li" onclick="mostrar('v');">Item1</div>
<div id="2" class="li" onclick="mostrar('n');">Item2</div>
<div id="3" class="li" onclick="mostrar('f');">Item3</div>
<div id="4" class="li" onclick="mostrar('c');">Item4</div>
<div id="5" class="li" onclick="mostrar('t');">Item5</div>
<div id="6" class="li" style="margin-right:0;" onclick="mostrar('p');">Item6</div> 
Hice de todo, al principio estos divs eran <li> y pensé que ese era el probelma pero no fue asi. Le quité y le volví a colocar el atributo "id".
Este es el código CSS:

Código HTML:
.li {
	float:left;
	margin-right:5px;
	background:#006699;
	text-align:center;
	border-left:15px solid;
	border-color:#669900;
	width:107px;
	height:12px;
	padding:4px;
	cursor:pointer;
}
Busqué por todo Google, me leí todas las páginas en inglés, hasta encontré artículos de FDW pero aún no encuentro solución.

Desde ya muchas gracias a todos los que hacen posible este espacio para novatos como yo.

Saludos.

Última edición por MauXXI; 14/03/2009 a las 16:26