visualizzare datepicker sempre in primo piano

[peppeweb]

Ciao a tutti,

utilizzo uno script per visualizzare un datario per selezionare un giorno ed inserirlo in un campo text ...

<input value="<%=DateAdd("m", 1, Date())%>" readonly="readonly" type="text" name="DataA" onclick="Calendar.show(this, '%d/%m/%Y', false)" onfocus="Calendar.show(this, '%d/%m/%Y', false)" onblur="Calendar.hide()" />

ma se volessi usare lo stesso script per far vedere il datario sempre in primo piano come posso modificare il codice ?

[cavicchiandrea]

- Su datepicker c'è documentazione in merito?
- Che tentativi hai fatto?
- Esiste un file css del calendario?
- Hai provato ad aumentare lo zIndex?

[peppeweb]

Il nome datepicker era solo un'esempio per comprendere il tipo di calendario ..... sul sito originale non ho trovato nessuna documentazione in merito, allego link per il js e di seguito il css

www.pasqualedistasio.com

questo il link per visualizzare il file .js:
http://pasqualedistasio.com/exp/down...alendar.js.txt

questo il link per visualizzarne una demo:
http://pasqualedistasio.com/exp/calendar/

.calendar{
	border:1px solid #a3a3a3;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	background-color:#ffffff;
	padding:1px;
	width:218px;
}

.calendar > div.header{
	background-color: #B5C0CF;
	padding:2px;
	height:15px;
}
.calendar > div.header .date, .calendar > div.header .date_up{
	padding:1px 13px 1px 1px;
	margin: 0px 2px 0px 12px;
	color:#6F767F;
	font-weight:bold;
	cursor:pointer;
	background:url(images/down.gif) right 5px no-repeat;
}
.calendar > div.header .date_up{
	background:url(images/up.gif) right 4px no-repeat;
}

.calendar > div.main > table{
	border:0px;
	border-spacing:1px;
}
.calendar > div.main > table th{
	text-align:center;
	width:30px;
	padding:4px 0px 4px 0px;
}
.calendar > div.main > table td{
	text-align:center;
	padding:4px 0px 4px 0px;
}

.calendar > div.main > table td.day_on{
	background-color:#B5C0CF;
	cursor:pointer;
}
.calendar > div.main > table td.day_selected{
	background-color:#D4D8DE;
}
.calendar > div.main > table td.day_disabled{
	color:#cccccc;
}

.calendar > div.inc_dec{
	border:1px solid #B3B8BF;
}
.calendar > div.inc_dec > table{
	border-spacing:1px;
	background-color: #f6f6f6;
}
.calendar > div.inc_dec > table th{
	background-color: #D1D7DF;
	border-bottom:1px solid #C2C8CF;
	color:#6F767F;
	padding: 1px;
}
.calendar > div.inc_dec > table th .years{
	width:94px;
}

.calendar > div.inc_dec > table td{
	text-align:center;
	width:42px;
	cursor:pointer;
	padding:3px 0px;
}
.calendar > div.inc_dec > table td.month_on{
	font-weight:bold;
}
.calendar > div.inc_dec > table td.month_selected{
	font-weight:bold;
	color:#9BABBF;
}

.calendar > div.footer{
	text-align:center;
	margin-top:1px;
	padding:3px;
	background-color:#dfdfdf;
}
.calendar > div.footer > div{
	cursor: pointer;
}

.calendar > div.time{
	text-align:center;
	margin-top:1px;
	padding:2px;
	background-color:#e3e3e3;
}

.calendar > div.time > div{
	width:104px;
	margin:0px auto;
}
.calendar > div.time > div > div{
	background-color:#ECECEC;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	color:#999999;
	width:20px;
	height: 15px;
	text-align:center;
	padding-top:2px;
}

[peppeweb]

visto che mi serve al di fuori di un form non saprei che prova fare ... ho provato così:

<script>
Calendar.show(this, '%d/%m/%Y', false)"
</script>


ma era solo un tentativo da ignorante.