Azione su link

**Scream** · 18-12-2009, 20:20

Ciao, ho questo codice:

codice:

<div style="display:inline;width:50px;height:80px;">
  <a href="javascript:" rel="tab-<?php echo $conta; ?>" class="carousel-jumper">
    [img]campione.jpg[/img]
<?php
if ($conta=="1") {
echo '      <input type="radio" checked="checked" value="'.$codicecolore.'" name="colore" /></a>'."\n";
} else {
echo '      <input type="radio" value="'.$codicecolore.'" name="colore" /></a>'."\n";
}
?>
</div>

Ora il problema è questo. Vorrei che premendo sull'immagine campione (o comunque sul link) venisse checcata anche la relativa radio button perchè compie l'azione del link ma il radio button non si attiva

Potete aiutarmi?

**cavicchiandrea** · 18-12-2009, 20:49

soluzione (le modifiche in rosso):

codice:

<div style="display:inline;width:50px;height:80px;">
  <label><a href="java-script:" rel="tab-<?php echo $conta; ?>" class="carousel-jumper">
    [img]campione.jpg[/img]
<?php
if ($conta=="1") {
echo '      <input type="radio" checked="checked" value="'.$codicecolore.'" name="colore" /></a></label>'."\n";
} else {
echo '      <input type="radio" value="'.$codicecolore.'" name="colore" /></a></label>'."\n";
}
?>
</div>

in sintesi aggiungi un label (etichetta), in futuro non postare codice php per i seguenti motivi:
A) Non tutti lo conosco
B) Rende più difficoltosa la lettura
posta sempre e solo html (che è quello che riceve il browser)

**Scream** · 18-12-2009, 21:54

Questo è quello che ha generato:

codice:

<div>
  <label>
    <a href="javascript:" rel="tab-1" class="carousel-jumper">
      [img]campioneA67853.jpg[/img]
      <input type="radio" checked="checked" value="A67853" name="colore" />
    </a>
  </label>
</div>
<div>
  <label>
    <a href="javascript:" rel="tab-2" class="carousel-jumper">
      [img]campioneCA9865.jpg[/img]
      <input type="radio" checked="checked" value="CA9865" name="colore" />
    </a>
  </label>
</div>
<div>
  <label>
    <a href="javascript:" rel="tab-3" class="carousel-jumper">
      [img]campioneF9C77D.jpg[/img]
      <input type="radio" checked="checked" value="F9C77D" name="colore" />
    </a>
  </label>
</div>
ecc...

Ma non funziona

**Scream** · 18-12-2009, 22:35

Dimenticavo... il problema in sostanza è che al primo click il radio diventa checked, ma è sui successivi click che il check non funziona più.

**cavicchiandrea** · 18-12-2009, 22:48

ma sono tutti checked!!!

**Scream** · 19-12-2009, 09:50

Sì scusa, il copia incolla del primo valore mi ha ingannato
ovvio che il codice presenta il checked solo sul primo e non sugli altri.

Ti spiego meglio cosa dovrei fare: uso il carosello basato su prototype che permette con un click su un link di far scorrere un div di destinazione sul suo valore.

Ora ho semplicemente usato lo stesso sistema per far sì che l'utente oltre a vedere il colore lo possa anche scegliere (di qui il radio). Ok, il sistema funzionava come volevo, ma è abbastanza fuorviante perchè tenendo il radio al di fuori del link funziona tutto, ma l'utente può cliccare su un link vedere il colore in anteprima, ma non lo ha di fatto scelto (perchè si sceglie con il radio). Quindi si potrebbe incappare in "vedo una cosa, ma di fatto ne sto scegliendo un'altra". Ho pensato quindi di estendere il tag <a> anche al radio ed effettivamente ora cliccando sul radio si sposta anche l'anteprima. Tuttavia ora il radio diventa checked. O almeno lo diventa solo se non c'è alcun radio già in stato di checked.

**cavicchiandrea** · 19-12-2009, 11:36

Boh... non ho capito nulla hai risolto? Funziona? Altrimenti posta un link alla pagina pubblica forse vedendo in azione il tutto!!!

**Scream** · 19-12-2009, 12:45

Ecco qua:
http://www.mosaicweb.net/capellissime/radio.html

**cavicchiandrea** · 19-12-2009, 14:15

Ho testato e ti posso garantire che

codice:

<body>
<label>prova<input name="p" type="radio" value="1" /></label>
<label>prova2<input name="p" type="radio" value="2" /></label>
</body>

funziona perfettamente al click sul link il radio si spunta.
Nel tuo secondo me il non funzionamento probabilmente si annida in una delle librerie che hai, fai dei tentativi escludendole una ad una

Discussione: Azione su link

Strumenti discussione

Ricerca discussione

Visualizza

Azione su link

Permessi di invio