Pannello in javascript modificabile in lunghezza da utente--how to

[chunktochunk]

ciao a tutti
sto creando un'agendina per me,in html.
Ho in una tabella html gli orari di una giornata. appena inserisco un impegno,vorrei creare sopra un pannellino che copra la tabella per la durata del mio impegno.
penso che la soluzione migliore sia in javascript,ma non saprei dove metterci mano,qualcuno mi puo aiutare??
grazie


ps
mi sa che dovro usare degli overlay,ma non ho la piu pallida idea di come si usano,in sintesi se vorrei un pannello azzurro trasparente per la label 1,che devo fare??



tabella di esempio:

<table border='1' rules='all'><th>CODICE</th><th>ORARIO</th><th>TIPOAPP</th><th>PRATICA</th><th>DESCRIZIONE</th><th>DETTAGLI</th>
		<tr><td><input  name=CODICE value="41062159267422786" type=radio></td><td>11:00:00</td><td>0</td><td>Aprilia/Amedeo Motors</td><td>Annullamento contratto</td><td><LABEL FOR="41062159267422786">DETTAGLI
<h7>tooltips</h7></LABEL></td></tr>
		<tr><td><input  name=CODICE value="41061175322734508" type=radio></td><td>12:00:00</td><td>1</td><td>Albacom/Alleanza Assicurazioni</td><td>Risarcimento danni da sinistro stradale</td><td><LABEL FOR="41061175322734508">DETTAGLI
<h7>tooltips</h7></LABEL></td></tr>
		<tr><td><input  name=CODICE value="410621584967299815" type=radio></td><td>16:00:00</td><td>2</td><td>Assic.MAA/Federici</td><td>Annullamento contratto</td><td><LABEL FOR="410621584967299815">DETTAGLI
<h7>tooltips</h7></LABEL></td></tr>

    </table>

[chunktochunk]

prendendo esempio da un vostro esempio:

esempio vostro

mi servirebbe un elemento simile a quelli sopra pero come posso mettere un elemento in automatico sopra una riga e poi eventualmente modificare l'elmento solo in lunghezza(per la durata prevista dell'impegno)

[chunktochunk]

nessuno che sappia iutarmi'?