option ed attributo onmouseout/over

Discussione in 'HTML e CSS' iniziata da borgo italia, 5 Luglio 2010.

  1. borgo italia

    borgo italia Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    4 Febbraio 2008
    Messaggi:
    14.422
    Mi Piace Ricevuti:
    27
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    PR
    Home Page:
    ciao
    una domanda di html.
    dopo una “accanita” ricerca ho trovato che il tag <otption> accetta come attributi gli eventi (onclick, …onmouseover,…).
    quindi volevo fare la classica select in cui l’utente passando com mouse sopra un opzione vedesse una breve spiegazione a cosa l’opzione si riferisce.
    il primo tentativo (riuscito) è stato quello di usare l’atributo title

    HTML:
    <select name="select1">
        <option value="uno" title="sono nel primo" >primo</option>
        <option value="due" title="sono nel secondo">secondo</option>
        <option value="tre" title="sono nel terzo">terzo</option>
      </select>
    però i title non sono facilmente costomizzabili, se sono lunghi occupano tutta la larghezza della pagina.
    considerato che in alcuni sito ho usato, nei <A href=…> un js che “disegna” i tooltip es.

    HTML:
    <a href="#"  onMouseOut="toolTip()" onMouseOver="toolTip('<b>qui funzia</b>',75)">pinco</a>
    che mi disegna un bell tooltip con i vari a capo dove servono, sfondo, bordi ecc…, ho pensato di poterlo utilizzare anche nella select (visto che option accetta (dovrebbe accettare) onmuoseout e over, per cui la select sopra è diventata

    HTML:
    <select name="select2">
        <option onMouseOut="toolTip()" onMouseOver="toolTip('<b>perchè qui non funzia?</b>',75)" value="uno" >primo</option>
        <option value="due" >secondo</option>
        <option value="tre" >terzo</option>
      </select>
    ma non funzia.
    chi mi sa dire il perché?
    p.s. domentivavo
    che accetti l'attributo l'ho trovato su
    http://www.w3schools.com/tags/tag_option.asp

    p.s. al ps un'ora dopo
    su FF funzia su IE8 no
     
    Ultima modifica: 5 Luglio 2010
Sto caricando...

Condividi questa Pagina