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>
Código:
$(document).ready(function() { * $('.cont_a').sortable(); }); $(document).ready(function() { * $('.archivo').click(function() { * * $(this).css("background","#999"); * }); });