Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di coteaz
    Registrato dal
    Mar 2006
    Messaggi
    365

    campi select - option disabilitati IE vs FF

    Salve

    la lotta tra IE e FF non finirà mai

    ho notato l'ennesimo bug...

    sapete che è possibile inserire un campo OPTION all'interno di una SELECT e dagli l'attributo DISABLED...

    in questo caso l'elemento del menù risulterà in grigetto e non cliccabile.

    è utile quando in un menù a tendina esitono dei valori che non vogliamo far cliccare all'utente

    nel mio esempio ci sono degli elementi come le marche delle auto, le righe bianche e il testo "effettuare una scelta" che non vogliamo siano cliccabili

    esempio

    codice:
    <select name="select">
                  <option selected disabled>Effettuare una scelta</option>
                  <option disabled></option>
                  <option disabled>AUDI</option>
       	      <option>a3</option>
       	      <option>a4</option>
       	      <option>a5</option>W
      	      <option disabled></option>
                  <option disabled>BMW</option>
                  <option>serie1</option>
       	      <option>serie3</option>
       	      <option>serie5</option>
            </select>
    secondo voi perchè questo comodo attributo è completamente ingorato da IE?

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    http://www.w3schools.com/xhtml/xhtml_syntax.asp

    controlla, forse così:

    <option disabled="disabled">

  3. #3
    Utente di HTML.it L'avatar di coteaz
    Registrato dal
    Mar 2006
    Messaggi
    365
    lo stesso non va!

  4. #4
    Io la vedrei così, tenuto conto che, importante, non puoi dare un name="select" ad una select! select è riservato!
    codice:
    <select name="selezione">
    	<option selected="selected" value="0">Effettuare una scelta</option>
            <optgroup label="AUDI">
    		<option>a3</option>
    		<option>a4</option>
    		<option>a5</option>
    	</optgroup>
            <optgroup label="BMW">
    		<option>serie1</option>
    		<option>serie3</option>
    		<option>serie5</option>
    	</optgroup>
    </select>
    Poi, a posteriori, controlli che non sia stato selezionato l'Effettuare una scelta tramite il suo value.
    Utilizzando optgroup a mio avviso si presenta pure meglio!

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  5. #5
    Utente di HTML.it L'avatar di coteaz
    Registrato dal
    Mar 2006
    Messaggi
    365
    la tua può essere un ottima idea; avevo usato select come nome xkè era un esempio so che è riservato

    ma se io voglio fare in modo che su "Effettuare una scelta" l'utente non possa cliccare?

  6. #6
    Mettendo disabled="disabled" e selected="selected" funziona solo con IE
    Firefox, che è un po' più ligio al dovere, vedendo un'opzione 'disabled',
    mica la seleziona!
    ... e propone selezionata la prima opzione non disabled,
    anche se non ha l'attributo selected!
    q u i n d i
    non si può fare cross-browser!

    ciao
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.