Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    1,627

    Cambiare stile checkbox

    Ciao a tutti,
    voelvo chiedervi se potete consigliarmi qualche risorsa che permetta di sostituire alla classiche checkbox generate da una query delle immagini.
    Grazie

  2. #2
    Hai già provato a cambiare l'aspetto delle checkbox con i CSS?

    Te lo tico perchè in realtà sostituire le checkbox con immagini comporta un bel po' di lavoro per fare si che continuino a comportarsi come tali, in pratica bisogna scriversi degli handler che su click o su pressione della barra spazio commutino il valore di un campo hidden, con il rischio che se qualcosa va storto nel javascript non ci sia poi nessun modo di fare funzionare la checkbox...

    Diverso è se le checkbox non le stavi usando inserite in una form, ma come semplici indicatori cliccabili di attivazione o meno di un flag, in questo caso è semplicissimo, le sostituisci con tag <a> contenenti un tag <img> e con l'atributo onclick del tag <A> puoi inserire il tuo js che commuti l'immagine...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    1,627
    codice:
    <form>
    <img src="spento.gif" onclick="x=document.getElementById('deposito'); if(x.value=='') {this.src='acceso.gif'; x.value='on'} else {this.src='spento.gif'; x.value=''}">
    <input type="hidden" name="deposito" id="deposito">
    </form>
    mi hanno suggerito questo codice, ma purtroppo se ci clicco una una volta funziona ma se ci clicco una seconda non torna indietro (sai magari per errore !)

    e poi se dovessi utilizzarlo per tutti i giorni della settimana ?

  4. #4
    Non usare mai in javascript nomi di variabili così generici come x, spesso vanno in conflitto con altri elementi del linguaggio:

    codice:
        <form>
            <img src="spento.gif" onclick="hidfld=document.getElementById('deposito'); if(hidfld.value=='') {this.src='acceso.gif'; hidfld.value='on';} else {this.src='spento.gif'; hidfld.value='';};">
            <input type="hidden" name="deposito" id="deposito">
        </form>
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  5. #5
    Quanto poi al discorso sui giorni della settimana, non ho idea di cosa tu stia parlando...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    1,627
    perfetto!...con le tue modifiche sembra aver risolto!
    per i giorni della settimana, intendo dire se dovessi applicare questo sistema al lunedi aperto/chiuso , martedi aperto/chiuso e via dicendo, dovrei copiare per ogni giorno o variabile che mi intaressa tutto lo script ?

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 © 2025 vBulletin Solutions, Inc. All rights reserved.