Pannello in javascript modificabile da utente--how to

[sbrigu]

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

 

[lukeonweb]

Ciao!

Premesso che temo di non aver compreso a pieno la tua esigenza, temo che Javascript lato client non faccia al caso tuo.

Se la tua agenda dev'essere dinamica e leggere i dati da un database, devi usare ASP o PHP.

Fammi sapere!

 

[sbrigu]

grazie per la risp

ho capito che non hai capito la domanda.
allora io la mi aagenda gia l'ho bella è pronta,creata con le java server face,legata a db2.
adesso vorrei ad esempio:
ho un appuntamento alle ore 11:00.durata prevista 3 ore.
vorrei creare nella tabella html che contiene la mia agenda un pannello(colorato e trasparente) che mi occupi la durata prevista,ma che non implichi che non possa aggiungere un 'impegno sotto ad esempio alle 12:00 anche se in teoria sare impegnato.

capito??

 

[lukeonweb]

Indubbiamente non ha senso inserire un impegno mentre sei già impegnato

In ogno caso sul tuo bel DB2 dovresti avere un campo in cui memorizzi la durata dell'appuntamento, o comunque ora inizio ed ofa fine e poi calcoli la differenza la volo.

Perdonami, sarà l'influenza, ma non capisco perchè vuoi demandare la cosa a Javascript...

Fammi sapere :byebye:

 

[sbrigu]

spero ti riprenderai.

cmq
il problema nnon è nella durata prevista,che logicamente è salvata nel db.

vorrei aggiungere un elemento grafico che copra l'impegno.

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(appuntamento delle 11),che devo fare??(come l'agenda che usa tiscali...)



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<br><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<br><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<br><h7>tooltips</h7></LABEL></td></tr>

</table>

 

[sbrigu]

prendendo un 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)

 

[sbrigu]

pleas,help me

 

[lukeonweb]

potrebbe starti bene una cella di colore differente ad impegno espletato o vuoi per forza complicarti la vita con i livelli sovrapposti?

 

[sbrigu]

vorrei completarmi la vita,anche per capire il tutto... ti prego mia ancora di salvezza.. :beer:

 

[lukeonweb]

Adulatore

Ormai lo sanno tutti che non resisto a chi mi considera ancora di salvezza

Professionalmente ovviamente!!!

Puoi provare con i CSS: z-index permette di sovrapporre livelli, position, top e left li posizionano.

Un esempio

.liv_sovr
{
position: Absolute;
top: 10px;
left: 10px;
z-index: -1;
}

Prova a giostrarti questi valori e vedi se ce li riesci a piazzare nel livello in cui ti serve.

Fammi sapere

 

[sbrigu]

non ci sono riuscito

Adulatore

Ormai lo sanno tutti che non resisto a chi mi considera ancora di salvezza

Professionalmente ovviamente!!!

Puoi provare con i CSS: z-index permette di sovrapporre livelli, position, top e left li posizionano.

Un esempio

.liv_sovr
{
position: Absolute;
top: 10px;
left: 10px;
z-index: -1;
}

Prova a giostrarti questi valori e vedi se ce li riesci a piazzare nel livello in cui ti serve.

Fammi sapere

mi faresti un esempio pratico..
aspetto tue notizie
grazie

 

[lukeonweb]

te l'ho già fatto, sta a te applicarlo

 

[sbrigu]

scusami

ma sono proprio bianco. il codice scritto da te dove lo devo mettere?? nel head del mio hatml?? e poi dove lo richiamo l'oggetto...


sono un falllito..... :dipser:

 

[lukeonweb]

eddaiiii esageratooooooo!

crea un div, che sarebbe quello che deve essere sovrapposto dove vuoi

il codice css che ti ho postato lo usi come style di questo div, anche in linea

<div style="codice che ti ho suggerito">...</div>

 

[sbrigu]

<html>
<head>


</head>
<body>
<div style=".liv_sovr
{
position: Absolute;
top: 10px;
left: 100px;
z-index: -1;
}">ola</div>
<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>null</td><td>0</td><td>Aprilia/Amedeo Motors</td><td>Annullamento contratto</td><td><LABEL FOR="41062159267422786" onmouseover="this.style.color = '#D17E62'; domTT_activate(this, event, 'content', 'prova provA<p> Descrizione: 22</p><p>Autorit&#224: CORTE DI APPELLO CIVILE</p><p> Sede: </p><p> numeroCausa: </p><p> Nome del Giudice: </p><p> Provenienza: null</p><p> Dominus: null</p><p> Evento evaso: true</p><p> Evento aggiornato: true</p><p> Durata Prevista: 0</p>', 'trail', true, 'fade', 'both', 'fadeMax', 87, 'styleClass', 'niceTitle');" onmouseout="this.style.color = ''; domTT_mouseout(this, event);">DETTAGLI<br><h7>tooltips</h7></LABEL></td></tr>
<tr><td><input name=CODICE value="41061175322734508" type=radio></td><td>null</td><td>1</td><td>Albacom/Alleanza Assicurazioni</td><td>Risarcimento danni da sinistro stradale</td><td><LABEL FOR="41061175322734508" onmouseover="this.style.color = '#D17E62'; domTT_activate(this, event, 'content', 'prova provA<p> Descrizione: dfrer</p><p>Autorit&#224: TRIBUNALE CIVILE</p><p> Sede: </p><p> numeroCausa: 345/4</p><p> Nome del Giudice: </p><p> Provenienza: null</p><p> Dominus: null</p><p> Evento evaso: false</p><p> Evento aggiornato: false</p><p> Durata Prevista: 0</p>', 'trail', true, 'fade', 'both', 'fadeMax', 87, 'styleClass', 'niceTitle');" onmouseout=\"this.style.color = ''; domTT_mouseout(this, event);">DETTAGLI<br><h7>tooltips</h7></LABEL></td></tr>
<tr><td><input name=CODICE value="410621584967299815" type=radio></td><td>null</td><td>2</td><td>Assic.MAA/Federici</td><td>Annullamento contratto</td><td><LABEL FOR="410621584967299815" onmouseover="this.style.color = '#D17E62'; domTT_activate(this, event, 'content', 'prova provA<p> Descrizione: 1</p><p>Autorit&#224: TRIBUNALE CIVILE</p><p> Sede: </p><p> numeroCausa: </p><p> Nome del Giudice: </p><p> Provenienza: null</p><p> Dominus: null</p><p> Evento evaso: false</p><p> Evento aggiornato: false</p><p> Durata Prevista: 0</p>', 'trail', true, 'fade', 'both', 'fadeMax', 87, 'styleClass', 'niceTitle');" onmouseout="this.style.color = ''; domTT_mouseout(this, event);">DETTAGLI<br><h7>tooltips</h7></LABEL></td></tr>

</table>
</body>
</html>


cambiando i parametri per la posizione,non cambia la posizione il mio ola

in cosa sbaglio? deve essere un oggetto e non una semplice scritta??

 

[metalgemini]

<html>
<head>
<title>Titolo della pagina</title>
<style type="text/css">
.liv_sovr
{
position: Absolute;
top: 10px;
left: 10px;
z-index: -1;
}
</style>
</head>

<body>
<div class="liv_sovr">Contenuto del livello</div>
ecc ecc...

 

[sbrigu]

grazie per il supporto,ecco la pagina,ma l'immagine non la vedo da nessuna parte,come mai??

<<html>
<head>
<title>Titolo della pagina</title>
<style type="text/css">
.liv_sovr
{
position: Absolute;
top: 10px;
left: 10px;
z-index: -1;
}
</style>
</head>

<body>
<div class="liv_sovr"><IMG SRC="Immagine.JPG"></div>
<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>null</td><td>0</td><td>Aprilia/Amedeo Motors</td><td>Annullamento contratto</td><td><LABEL FOR="41062159267422786" onmouseover="this.style.color = '#D17E62'; domTT_activate(this, event, 'content', 'prova provA<p> Descrizione: 22</p><p>Autorit&#224: CORTE DI APPELLO CIVILE</p><p> Sede: </p><p> numeroCausa: </p><p> Nome del Giudice: </p><p> Provenienza: null</p><p> Dominus: null</p><p> Evento evaso: true</p><p> Evento aggiornato: true</p><p> Durata Prevista: 0</p>', 'trail', true, 'fade', 'both', 'fadeMax', 87, 'styleClass', 'niceTitle');" onmouseout="this.style.color = ''; domTT_mouseout(this, event);">DETTAGLI<br><h7>tooltips</h7></LABEL></td></tr>
<tr><td><input name=CODICE value="41061175322734508" type=radio></td><td>null</td><td>1</td><td>Albacom/Alleanza Assicurazioni</td><td>Risarcimento danni da sinistro stradale</td><td><LABEL FOR="41061175322734508" onmouseover="this.style.color = '#D17E62'; domTT_activate(this, event, 'content', 'prova provA<p> Descrizione: dfrer</p><p>Autorit&#224: TRIBUNALE CIVILE</p><p> Sede: </p><p> numeroCausa: 345/4</p><p> Nome del Giudice: </p><p> Provenienza: null</p><p> Dominus: null</p><p> Evento evaso: false</p><p> Evento aggiornato: false</p><p> Durata Prevista: 0</p>', 'trail', true, 'fade', 'both', 'fadeMax', 87, 'styleClass', 'niceTitle');" onmouseout=\"this.style.color = ''; domTT_mouseout(this, event);">DETTAGLI<br><h7>tooltips</h7></LABEL></td></tr>
<tr><td><input name=CODICE value="410621584967299815" type=radio></td><td>null</td><td>2</td><td>Assic.MAA/Federici</td><td>Annullamento contratto</td><td><LABEL FOR="410621584967299815" onmouseover="this.style.color = '#D17E62'; domTT_activate(this, event, 'content', 'prova provA<p> Descrizione: 1</p><p>Autorit&#224: TRIBUNALE CIVILE</p><p> Sede: </p><p> numeroCausa: </p><p> Nome del Giudice: </p><p> Provenienza: null</p><p> Dominus: null</p><p> Evento evaso: false</p><p> Evento aggiornato: false</p><p> Durata Prevista: 0</p>', 'trail', true, 'fade', 'both', 'fadeMax', 87, 'styleClass', 'niceTitle');" onmouseout="this.style.color = ''; domTT_mouseout(this, event);">DETTAGLI<br><h7>tooltips</h7></LABEL></td></tr>

</table>
</body>
</html>

​

[/CENTER][/RIGHT][/CENTER]