Newsgroup: it.comp.www.html
Titolo: style che mette un * davanti un campo input

E' possibile definire uno style che messo dentro un tag <input ....>
mi metta un * (o qualunque altra cosa) subito prima del campo stesso
nella pagina generata ?

Alberto ha scritto:
| E' possibile definire uno style che messo dentro un tag <input ....>
| mi metta un * (o qualunque altra cosa) subito prima del campo stesso
| nella pagina generata ?
Teoricamente con la pseudo classe ":before", combinandolo con la proprietą content.
Si tratta di css di livello 2, ma non so quanto siano supportati dai browsers
(forse da quelli gecko-based, per esempio mozilla, si). Dovrebbe essere
qualcosa del genere:
input:before{
    content: "*";
    }
Non so dirti oltre, se vuoi approfondire dai uno sguardo qui:
http://www.richinstyle.com/guides/generated2.html
Saluti,
    SantaKlauss

     SantaKlauss
-- 
Spirito Libero
"La veritą non sta in un solo sogno ma in molti sogni!"
(Le mille e una notte)

     }
Grazie, ho provato e cercato della documentazione... ma IE non lo
supporta. E il sito per cui mi servirebbe e' fatto apposta per IE (e'
un sito per una rete aziendale....).
Provero' in qualche altro modo!

Alberto ha scritto:
| Grazie, ho provato e cercato della documentazione... ma IE non lo
| supporta. E il sito per cui mi servirebbe e' fatto apposta per IE (e'
| un sito per una rete aziendale....).
| Provero' in qualche altro modo!
Ciao Alberto,
 credo che l' asterisco ti serva per evidenziare i campi obbligatori della form.
Un modo veloce senza scrivere html extra potrebbe essere usare l' asterisco
come immagine di sfondo della cella che contiene l' input.
Per es. se il tuo input è in una cella di tabella:
td.requiredfield{
    background: transparent url("asterisco.gif") no-repeat center left;
    padding-left: 10px; /*da aggiungere x aggiustare l' allineamento degli input, se è a sx,
                                su tutte le td*/
    }
e nell' html qualcosa del genere:
<td class="requiredfield">
    <input type="text">
        <!-- eccetera -->
Stesso discorso se i campi della form li sistemi in dei div invece che in td.
Solo un' idea, ma ha un indubbio vantaggio rispetto a scrivere l' asterisco come testo:
se dovesse mai scocciarti, puoi sempre cambiarlo e metterci una stella, oppure togliere
l' immagine e mettere uno sfondo bianco invece che azzurrino come le restanti celle della
form.
Saluti,
    SantaKlauss

     }
Grazie, ma il problema e' un po piu' complesso di quello che ho
spiegato.
Ho una pagina jsp che a seconda del contesto in cui viene richiamato
mette alcuni campi obbligatori oppure no.
Per farlo, all'interno del tag <input ...> richiamo una classe che fa
alcune cose in questo modo
<input .... <%=Obbligatorio.setta()%> name="esempio">
E la chiamata va messa li dentro perche crea uno style che cambia il
colore del campo e fa anche altre cose. Per mettere l'asterisco
davanti dovrei richiamare un'altra volta la classe, e vorrei evitare
cio'. Per cui lo style :before andrebbe benissimo... se solo IE lo
supportasse.
Mi sa che dovremo gestirlo in qualche altro modo. 
se avete altre idee, sono sempre beneaccette!
grazie, Alberto

 ha scritto nel messaggio
news:pa45b.79475$sj6.1...@tornado.fastwebnet.it...

si potrebbe fare il contrario? tipo mettere qualcosa alla fine del campo?