Calendario lavorativo

[flavietta]

Ciao a tutti! Ho cercato un po' sul forum e in internet ma non trovo nulla che faccia al caso mio.

Devo creare un calendario dinamico (e fin qui ci sono un sacco di script per farlo). L'opzione aggiuntiva che mi serve è fare in modo che cliccando sopra ad un giorno mi cambi il colore di sfondo della cella della tabella. Precisamente: se clicco una volta diventa verde, se clicco un'altra volta diventa rosso, poi se riclicco diventa grigio (cioè colore di default).
I giorni verdi sarebbero giorni lavorativi e i rossi giorni festivi (o quando uno non è disponibile).
E' un tipo di calendario che ho visto applicato su un sito web di traduttori, http://ita.proz.com/.

Io ho provato mettendo nelle <td> l'evento onclick, che rimanda ad una funzione la quale cambia la classe css alla cella. Ma non succede nulla. Probabilmente è la funziona che non funge =)

Qualcuno di voi sa come fare o ha visto da qualche parte uno script che permette questa cosa?

[Virus_101]

io uso google calendar

E cmq forse ti conviene vedere i calendari tipo jqeriUi :

http://jqueryui.com/demos/datepicker/

[sergioDario]

Potresti provare una cosa tipo questa
esempio calendario generato da php

<tr>
<td>
<a href=javascript:void(0)" onclick="cambia(this)">1</a>
</td>
<td>
<a href=javascript:void(0)" onclick="cambia(this)">2</a>
</td>
ecc.

javascript

function cambia(campo)
{
if(campo.className=="")
{
campo.className="verde";
}
elseif(campo.className=="verde")
{
campo.className="rosso";
}
else
{
campo.className="";
}
}

ed infine il css

.verde{background:"green";}
.rosso{background:"red";}

[nivasio]

http://jqueryui.com/demos/selectable/#display-grid
forse ti serve di + questo dacci un'occhiata

[flavietta]

Originariamente inviato da sergioDario
Potresti provare una cosa tipo questa
esempio calendario generato da php

<tr>
<td>
<a href=javascript:void(0)" onclick="cambia(this)">1</a>
</td>
<td>
<a href=javascript:void(0)" onclick="cambia(this)">2</a>
</td>
ecc.

javascript

function cambia(campo)
{
if(campo.className=="")
{
campo.className="verde";
}
elseif(campo.className=="verde")
{
campo.className="rosso";
}
else
{
campo.className="";
}
}

ed infine il css

.verde{background:"green";}
.rosso{background:"red";}

Si la funzione che ho creato io fa praticamente questo. Il problema è che sembra non riesca a richiamare la funzione. Non fa proprio nulla. Ora riprovo e vedo se ho sbagliato qualcosa.

Originariamente inviato da nivasio
http://jqueryui.com/demos/selectable/#display-grid
forse ti serve di + questo dacci un'occhiata

Si, l'ho vista, però non è esattamente questo che mi serve. Qui è come se stai facendo un numero col cellulare e ti indica il numero che hai cliccato al momento. Poi appena ne clicchi un altro si disattiva quello di prima.

Comunque grazie a tutti per il momento!

[flavietta]

Aaahhh siii ho risolto! Grazie soprattutto al consiglio di sergioDario.
Facevo un errore quando richiamavo la funzione.

Ciao ciaoo, grazie a tutti ancora

[sergioDario]

Di niente, è stato un piacere.