Ciclare button

**rojo** · 16-05-2012, 13:06

Salve a tutti, ho creato una galleria di foto in cui l'utente decide quali foto usare per l'album.
La pagina PHP viene generata a partire dalle foto inserire via FTP in una cartella specifica. Le foto posson variare sino ad esser 300.
Sotto ogni foto ho messo un RADIO con "si - no - forse", più un conteggio delle foto selezionate sulla sinistra. Sin qui tutto ok. Per semplicità visiva vorrei mettere accanto ad ogni foto un pallino verde, rosso e grigio, ognuno per ogni scelta effettuata. Per il pallino ho usato un INPUT BUTTON con backgroud in CSS. come faccio a cambiare il background quando si clicca su RADIO?
Esiste una soluzione più semplice rispetto a quella che ho pensato?
Grazie mille.

**cavicchiandrea** · 16-05-2012, 13:54

Prova cosi:
<input tipe="radio" name="tuoName" id="tuoidunivoco" onclick="if(this.checked){this.style.backgroundCol or='#dicecolore'}else{this.style.backgroundColor=' '}" />

**rojo** · 16-05-2012, 14:02

Cavicchiandrea grazie per la risposta, molto probabilmente mi son espresso male. Cercherò di esser più chiaro. Attualmente i RADIO mi servono per incrementare un contatore, che è quello che permetterà all'utente di capire quando non può più selezionare altre foto. Fin qui tutto funziona. Ora mi serve uno script che quando clicco sul RADIO mi cambi il backgroud al un BUTTON. Ricordo che la cosa deve funzionare dentro un ciclo perchè le foto varieranno da un minimo di 120 ad un massimo di 300. Spero di non aver scritto castronerie :-P

**carlomarx** · 16-05-2012, 19:46

Senza JavaScript...:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Esempio</title>
<style type="text/css">
.sceltasi:checked + .pallino {
	background-color: red;
}
</style>

</head>
<body>
<div><input type="radio" checked name="blabla" value="no" />No
<input type="radio" name="blabla" value="yes" class="sceltasi" />S&amp;igrave;
<input type="button" class="pallino"></div>
</body>
</html>

**cavicchiandrea** · 16-05-2012, 23:02

@carlomarx ma se non sbaglio lo puoi fare solo con css3 e non tutti i browser (ancora) lo supportano e comune solo le versioni più recenti
@rojo posta un link alla pagina demo pubblica, oppure lo script e l'html circoscritto (senza codice php) indicando come o quando lo sfondo dovrà cambiare, grazie.

**carlomarx** · 17-05-2012, 03:36

Sì, con le vecchie versioni di ie non andrà.. ma trattandosi di una funzione non vitale correrei il rischio.. Poi a lui la scelta.

**rojo** · 17-05-2012, 10:36

Che non vada nelle vecchie versione dei browser poco mi importa. Deve funzionare come app interna.
Ecco il link alla pagina. Per entrare digitare il mio nick.
Vorrei che accando ad ogni foto, sulla sinistra, compaia un'immaigne od un cerchio dello stesso colore della scelta effettuata, per cui verde, rosso o grigio.
Grazie mille per l'aiuto.

**cavicchiandrea** · 17-05-2012, 10:42

Originariamente inviato da rojo
Che non vada nelle vecchie versione dei browser poco mi importa. Deve funzionare come app interna...

In tal caso prova il conisglio/soluzione di Carlo

**rojo** · 17-05-2012, 10:44

cavicchiandrea ma come faccio ad adottare il metodo di carlo su n immagini?

**cavicchiandrea** · 17-05-2012, 11:47

Originariamente inviato da rojo
cavicchiandrea ma come faccio ad adottare il metodo di carlo su n immagini?

Io non ti capisco,

e la mia pazienza non più quella di una volta!!! Auguri.

Discussione: Ciclare button

Strumenti discussione

Ricerca discussione

Visualizza

Ciclare button

Permessi di invio