es decir.... que cuando se pasa el mouse sobre la opcion, no lo selecciona...
hay caso como en la pagina de www.ticketbus.com.mx pero no se como hacerlo, hay alguien que me ayude???
![lloron](http://static.forosdelweb.com/fdwtheme/images/smilies/chillando.png)
| |||
![]() Hola, he visto que en algunas paginas, bloquean opciones de selects.... es decir.... que cuando se pasa el mouse sobre la opcion, no lo selecciona... hay caso como en la pagina de www.ticketbus.com.mx pero no se como hacerlo, hay alguien que me ayude??? ![]() |
| |||
Si hablas de "cuando se pasa el mouse sobre la opción" .. el trabajo de ese efecto lo hará Javascript o algún lenguaje del lado del cliente (no del lado del servidor como es PHP). Muevo tu pregunta al foro de javascript para que te orienten. Un saludo,
__________________ Por motivos personales ya no puedo estar con Uds. Fue grato haber compartido todos estos años. Igualmente los seguiré leyendo. |
| |||
Yo tampoco lo veo, pero se me ocurre que estás hablando de <optgroup>. Dicho tag se usa para agrupar opciones dentro de un select. Hace las veces de cabecera y no puede ser seleccionado (esto es (x)html puro).
Código:
Tené en cuenta que optgroup sirve para agrupar opciones. Si vos querés que no se puedan seleccionar 'x' opciones (pero no son categorías ni nada por el estilo), ahí sí tenés que usar javascript.<select> <optgroup label="Mamíferos"> <option>Gato</option> <option>Perro</option> </optgroup> <optgroup label="Aves"> <option>Paloma</option> <option>Tucán</option> </optgroup> </select> Probado en Opera:
Código:
Usando ese código no te permite seleccionar los options que tengan value = 0. Podés editarlo para que no te deje seleccionar en base a cualquier condición que cumpla o no ese option, obviamente.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <script type="text/javascript"> function disable_options(sel) { if(sel[sel.selectedIndex].value == '0') sel.selectedIndex = 0; } window.onload = function() { document.getElementById('animales').onchange = function() { disable_options(this) } } </script> </head> <body> <select id="animales"> <option value="default">Seleccione</option> <option value="0">Gato</option> <option value="1">Perro</option> <option value="0">Paloma</option> <option value="2">Tucán</option> </select> </body> </html> Suerte Fede Última edición por thunder.scripts; 28/06/2006 a las 17:14 |