Select Personalizado

[mabarcau]

Amigos, me guistaria que me ayuden, sucede que en la siguiente pagina:

http://www.easy-designs.net/articles...les/final.html

, existe un select personalizado, es posible asignarle estilos y todo lo demas, pero mi problema es que al displayar las opciones del select y hacer un click fuera de el, la lista no se contrae, lo cual si sucede con un select tradicional, por favor, me gustaria saber como hago para al realizar un click fuera de ese panel, el mismo se contraiga.


Desde ya las gracias por su tiempo.

[JavierB]

Hola mabarcau

Esto tiene más que ver con JavaScript que con Css, así que muevo el mensaje a ese foro.

Movido desde Css.

Saludos,

[b_marinas]

Este código amplia las funciones para que al sacar el mouse de la lista se cierre la lista, no es exactamente al pulsar sobre otra zona como hacen los select normales, pero mejor que nada...

en la función

function selectReplacement(obj) {

al final antes de la linea obj.parentNode.appendChild(ul);

inserta:

// Contribution by b_marinas
// close the list when the mouse goes out the list
// checks than the new target is a LI for determine the focus has changed.
ul.onmouseout = function(e) {
if (!e) var e = window.event;
var relTarg = e.relatedTarget || e.toElement;
if (relTarg.nodeName != 'LI'){
closeList (ul);
}
}
// end contribution by b_marinas

además añade la función siguiente dentro del script.

[I] // Contribution by b_marinas
// Close the list making the last selection visible as selected object
function closeList(obj) {
var lis = obj.getElementsByTagName('li');
for (var i=0; i<lis.length; i++) {
if (lis[i].className =='') { // not the selected list item
lis[i].className='';
lis[i].onclick = function() {
selectMe(this);
}
} else {
setVal(lis[i].selectID, lis[i].selIndex);
lis[i].className='selected';
obj.className =
obj.className.replace(new RegExp(" selectOpen\\b"), '');
lis.onclick = function() {
obj.className += ' selectOpen';
this.onclick = function() {
selectMe(this);
}
}
}
}
}
// end contribution by b_marinas