it-swarm-eu.dev

Mostra che un input di testo non è applicabile

Sto usando la riga superiore di una tabella HTML come riga di controllo "copia giù". Quindi puoi scavalcare i valori nelle righe che hai selezionato di seguito (ogni riga ha una casella di controllo - simile all'interfaccia phpMyAdmin) quando fai clic su un pulsante nella riga superiore che dice 'Copia giù'.

enter image description here

Tuttavia, se non si desidera solo superare alcuni dei valori, le altre caselle devono avere un modo per dimostrare che non sono applicabili.

  • Tutti gli input sono numeri in caselle di testo
  • Ho iniziato inserendo 'n/a' nelle caselle di testo
  • Questo non ha funzionato in quanto può essere confuso con non disponibile che è una cosa valida da copiare
  • al momento sono solo vuoti per impostazione predefinita, ma ora c'è un problema poiché le righe sottostanti ora avranno anche degli spazi vuoti per impostazione predefinita. Quindi il valore del bianco potrebbe implicare che gli input seguenti siano vuoti.

enter image description here

1
icc97

Se c'è una cella che richiede la loro attenzione, cambierei il suo colore fino a quando non viene aggiunto un valore valido. Se c'è un'azione specifica che rende improvvisamente diverse celle non valide, avviserei (non necessariamente un avviso javascript, ci sono modi migliori per gestirlo) e cambiare i colori delle celle.

2
ThatSteveGuy

Se sei interessato solo all'interfaccia utente e non alla difficoltà di programmare il comportamento, potresti provare a incapsulare l'intera azione di copia giù nel suo stato. In questo modo tutte le celle avranno lo stesso aspetto fino a quando un utente non intende copiarlo. Questo è il flusso a cui sto pensando:

  1. L'utente fa clic sulla cella "copia giù"
  2. La colonna viene evidenziata (cambio colore di sfondo o qualcosa di simile)
  3. Il pulsante Applica appare nella parte superiore e inferiore della colonna
  4. L'utente è in grado di fare clic sulle celle della tabella nella colonna per attivare o disattivare la modifica
  5. Una volta che l'utente è soddisfatto delle celle da aggiornare, l'utente fa clic sul pulsante Applica.
  6. I valori vengono aggiornati, i pulsanti di applicazione nascosti e gli stili tornano a una tabella normale

In questo modo la tabella non è impantanata con stili pensati appositamente per le azioni di casi speciali. Se implementato correttamente, le celle che sono state attivate la prima volta che l'utente ha utilizzato la funzione "copia giù" dovrebbe rimanere attivata/disattivata la volta successiva che l'utente utilizza la funzione anche se ciò non è evidente fino a quando gli stati non cambiano.

2
DingoEatingFuzz

Puoi mettere un'icona di blocco attivabile accanto alle celle che vuoi consentire agli utenti di bloccare.

Oppure, puoi semplicemente disattivare (disabilitare) il campo di input?

0
taudep