Sfondo Checkbox

**Mitttico** · 16-10-2007, 17:25

Salve a tutti, volevo chiedere se qualcuno sa darmi una mano per una cosa che non riesco mica a fare.
Ho un database dal quale estrapolo dei numeri, dopo di che creo una serie di checkbox da 1 a 120 e devo fare in modo che le checkbox corrispondenti al numero prelevato dal database non siano selezionabili. Ho usato il classico "disabled" ma la differenza visiva e' minima dalle altre caselline, a questo punto mi è venuta l'idea di colorare il fondo di queste caselle non selezionabili... e' possibile una cosa del genere? nn so come si fa, ho cercato ma nulla..

PS Qualcuno se no ha qualche altra idea?

Vi ringrazio tutti!!!

**Emulman** · 16-10-2007, 17:33

poniamo che il numero rpelevato sia 12:

Codice PHP:


$num=12;

$check='';

for ($i=1; $i<=120; $i++) {

  $check = "checkbox $i <input type=\"checkbox\" name=\"numeri[]\"";

  if ($i==$num)

    $check .= " style=\"background-color: red\"";

  $check .= " />
";

}

echo $check;

**Mitttico** · 16-10-2007, 17:40

Grazie per avermi risposto!

Ho provato a fare come dici, ma viene colorato il contorno della casellina e non l'interno, si riesce a colorare dentro?

**Emulman** · 16-10-2007, 17:45

non ho ben capito..vuoi colorare il quadratino del checkbox?

**Mitttico** · 16-10-2007, 17:52

Originariamente inviato da Emulman
non ho ben capito..vuoi colorare il quadratino del checkbox?

Esatto!

**Emulman** · 16-10-2007, 18:03

prova così

Codice PHP:


<html>

<head>

  <title></title>

  <style>

    input.checkbox.red { background-color: red }

  </style>

</head>

<body>

<?

$num=12;

$check='';

for ($i=1; $i<=120; $i++) {

  $check = "checkbox $i <input type=\"checkbox\" name=\"numeri[]\"";

  if ($i==$num)

    $check .= " class=\"red\"";

  $check .= " />
";

}

echo $check;

?>

**Sgurbat** · 16-10-2007, 20:37

Mi pare un problema di CSS, dovresti chiedere nell'apposito Forum.

Nel caso non riuscissi ad ottenere uniformità grafica sui vari browser si può risolvere con un piccolo trick:

Invece di una checkbox vera e propria si crea un'immagine che simula il controllo ed al click dell'utente su di essa la stessa assume di volta in volta l'apparenza di selezione/deselezione.
Al contempo in Javascript modifichi il valore di un campo hidden che tratti come valore della finta checkbox.

Ciao.

Discussione: Sfondo Checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Sfondo Checkbox

Permessi di invio