Foros del Web » Programando para Internet » Jquery »

Marcar al hacer click con jQuery

Estas en el tema de Marcar al hacer click con jQuery en el foro de Jquery en Foros del Web. Buenas. Este es mi primer tema en el foro, así que si me equivoco en algo me corrigen por favor. Estoy tratando de hacer algo ...
  #1 (permalink)  
Antiguo 17/01/2014, 18:56
 
Fecha de Ingreso: febrero-2013
Mensajes: 5
Antigüedad: 11 años, 9 meses
Puntos: 0
Marcar al hacer click con jQuery

Buenas.
Este es mi primer tema en el foro, así que si me equivoco en algo me corrigen por favor.

Estoy tratando de hacer algo parecido a un desktop con HTML, CSS y jQuery.
Yo puedo hacer que cuando le doy click a un icono este se ponga con un color de fondo, lo que no he conseguido es que al hacer click en otro elemento o en fondo se le quite el color de fondo y se le pase al otro elemento o si es en el fondo se quite y ya...
A ver si alguien me puede echar una mano???

Acá les paso un poco de code:

HTML:
Código HTML:
<div class="cont_a">
	<div class="archivo carpeta"><p>Carpeta</p></div>
	<div class="archivo carpeta"><p>Carpeta</p></div>
	<div class="archivo carpeta"><p>Carpeta</p></div>
	<div class="archivo carpeta"><p>Carpeta</p></div>
	<div class="archivo compressed"><p>Nombre.zip</p></div>
	<div class="archivo exe"><p>Nombre.exe</p></div>
	<div class="archivo file"><p>Nombre.dll</p></div>
	<div class="archivo music"><p>Nombre.mp3</p></div>
	<div class="archivo image"><p>Nombre.png</p></div>
	<div class="archivo video"><p>Nombre.avi</p></div>
	<div class="archivo text"><p>Nombre.txt</p></div>
	<div class="archivo html"><p>Nombre.html</p></div>
	<div class="archivo css"><p>Nombre.css</p></div>
	<div class="archivo pdf"><p>Nombre.pdf</p></div>
	<div class="archivo word"><p>Nombre.doc</p></div>
	<div class="archivo excel"><p>Nombre.csv</p></div>
	<div class="archivo point"><p>Nombre.ppt</p></div>
	<div class="archivo psd"><p>Nombre.psd</p></div>
	<div class="archivo fireworks"><p>Nombre.fw</p></div>
	<div class="archivo illustrator"><p>Nombre.ai</p></div>
	<div class="archivo flash"><p>Nombre.swf</p></div>
</div> 
JS:
Código:
$(document).ready(function() {
* $('.cont_a').sortable();
});
$(document).ready(function() {
* $('.archivo').click(function() {
* * $(this).css("background","#999");
* });
});
  #2 (permalink)  
Antiguo 17/01/2014, 19:37
Avatar de rottenp4nx  
Fecha de Ingreso: octubre-2012
Ubicación: Santiago
Mensajes: 417
Antigüedad: 12 años, 1 mes
Puntos: 36
Respuesta: Marcar al hacer click con jQuery

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('.archivo').click(function() {
  3.         $(".archivo").css("background","none");
  4.         $(this).css("background","#999");
  5.  });
  6. });

Saludos :B

Etiquetas: html, javascript, js, marcar
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 09:16.