Piccolo Webmaster

mercoledì 13 marzo 2013

Css Button Generator

Avete bisogno di creare un bel bottone per le vostre form e non avete tempo o voglia?

Ecco un ottimo sito per crearne uno in meno di 5 minuti.

Davvero ottimo e personalizzabile al 100%

http://www.cssbuttongenerator.com/

mercoledì 6 marzo 2013

Robot.txt Generator Tool

Un ottimo tool per creare file robot.txt personalizzati secondo le esigenze e con un ottima spiegazione:

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

venerdì 22 febbraio 2013

Redirect Dominio con Enom e Blogger

Se avete comprato un dominio direttamente dal pannello di amministrazione di blogger e volete cambiarlo impostando anche un redirect dal vecchio al nuovo, ecco in breve la procedura.

Intanto comprate un nuovo dominio. Io ho usato http://www.enom.com/ che è lo stesso che utilizza google.

Nel pannello di controllo del dominio, alla voce host records, ho impostato i campi così:

www – CNAME(Alias) – ghs.google.com

@ - A (Address) – 216.239.32.21

@ - A (Address) – 216.239.34.21

@ - A (Address) – 216.239.36.21

@ - A (Address) – 216.239.38.21

* - A (Address) – 216.239.32.21

Poi ho aggiunto un campo che ho trovato nel pannello di amministrazione di blogger, sotto impostazioni, quando inserisco il nome del mio nuovo dominio. Se cambio il nome dal vecchio al nuovo, mi dice che non riesce a trovare una voce e vi indica come deve chiamarsi e che valore deve contenere. Sono caratteri senza alcun senso, come se fosse un id univoco.

Una volta impostato questo, il nuovo dominio è già funzionante.

Manca il redirect.

Per accedere al corretto pannello di controllo del dominio registrato tramite google, bisogna accedere a Google Apps For Business, http://www.google.com/intl/it/enterprise/apps/business/, dove ci sono alcune impostazioni del dominio. Da qui accedere alle impostazioni del dominio del sito in cui è realmente stato registrato. Generalmente enom, ma credo che google ne utilizzi anche un altro. Credo che si possa anche accedere direttamente ad enom da qui http://manage.exabytes.com/ .

Qui troverete una pagina con gli host records. Semplicemente vanno aggiunti i record @ e www con l’indirizzo del nuovo sito e come tipo URL REDIRECT.

Ad esempio:

@ - http://www.nuovodominio.it – URLREDIRECT

www - http://www.nuovodominio.it - URLREDIRECT

Io non potevo cancellare quelli impostati da google, che sono praticamente gli stessi di quelli scritti sopra. In questo caso ho rinominato gli HostName esistenti chiamandoli con lettere alfabetiche a caso e, importante, ho impostato i RecvordType a TEXT.

Fine.

martedì 5 febbraio 2013

XS Duration XML e String di Visual Studio

Un giorno ti capiterà SICURAMENTE di dover fare una chiamata a un webService passando anche un parametro che l'XML si aspetta sia di tipo DURATION. Tu sai dalla documentazione che per duration si intendono semplicemente dei giorni e Visual Studio ti dice che si aspetta una stringa. Cosa fai?

SEMPLICEMENTE, generi un nuovo TimeSpan con il numero dei giorni, new TimeSpan(2,0,0,0) e lo converti in stringa tramite XMLConvert.ToString().

Lui crea in questo caso la stringa P2D.

E tutto funziona.

FACILE, no?

Ecco l'esempio:

TimeSpan timeSpan = new TimeSpan(2,0,0,0);
string Duration = XmlConvert.ToString(timeSpan);

XML Schema (XSD) type	.NET Framework type
anyURI	System.Uri
base64Binary	System.Byte[]
Boolean	System.Boolean
Byte	System.SByte
Date	System.DateTime
dateTime	System.DateTime
decimal	System.Decimal
Double	System.Double
duration	System.TimeSpan
ENTITIES	System.String[]
ENTITY	System.String
Float	System.Single
gDay	System.DateTime
gMonthDay	System.DateTime
gYear	System.DateTime
gYearMonth	System.DateTime
hexBinary	System.Byte[]
ID	System.String
IDREF	System.String
IDREFS	System.String[]
int	System.Int32
integer	System.Decimal
language	System.String
long	System.Int64
month	System.DateTime
Name	System.String
NCName	System.String
negativeInteger	System.Decimal
NMTOKEN	System.String
NMTOKENS	System.String[]
nonNegativeInteger	System.Decimal
nonPositiveInteger	System.Decimal
normalizedString	System.String
NOTATION	System.String
positiveInteger	System.Decimal
QName	System.Xml.XmlQualifiedName
short	System.Int16
string	System.String
time	System.DateTime
timePeriod	System.DateTime
token	System.String
unsignedByte	System.Byte
unsignedInt	System.UInt32
unsignedLong	System.UInt64
unsignedShort	System.UInt16

venerdì 18 gennaio 2013

Visualizzare i Processi che Utilizzano una porta

Run the following command from a command prompt to find the PID of the process which is using TCP port 80 and/or 443.

               netstat -aon | find ":80"

               netstat -aon | find ":443"

You will see an output similar to the following. Remember the actual PID will vary from case to case.

               TCP    0.0.0.0:80             0.0.0.0:0              LISTENING       3604

               TCP    0.0.0.0:443           0.0.0.0:0              LISTENING       3320

Now using Task Manager you can easily find out to which process the above PID belongs and take appropriate action.

In order to get to know, or view, retrieve and identify the process ID or PID of the processes running in Windows operating system, users or administrators can make use of Task Manager. However, Task Manager does not display PID information by default. To display the PID value in Task Manager, go toProcesses tab, click on View menu, then click on Select Columns…. In the “Select Columns” or “Select Process Page Columns” dialog, tick and check the checkbox for PID (Process Identifier), and click OK.

martedì 27 novembre 2012

Insert Japanese Characters in SQL Server

To insert Japanese Characters or when dealing with Unicode string constants in SQL Server, you must precede all Unicode strings with a capital letter N, and you need to use nvarchar for the colums.

If you do not prefix a Unicode string constant with N, SQL Server will convert it to the non-Unicode code page of the current database before it uses the string.

Use this meta in the webpage as well:

An example of query will be:

INSERT INTO dbo.sample VALUES (
 '12345'
 ,N'を許可し
 );

martedì 30 ottobre 2012

Registrazione al sito tramite Google Login

Ottenere informazioni da Google per la registrazione degli utenti al nostro sito è una pratica abbastanza facile. Io personalmente ci ho sbattuto la testa per un giorno, perché cercando su internet ho trovato migliaia di versioni, una più complicata dell'altra. Qualcuno aveva persino consigliato di scaricare l'intera libreria SDK di google per C#, da ben 27 mega! Altri rispondevano con cose quasi surreali, o con pezzi di codice palesemente errati.

Ovviamente quello che leggerete qui è una sintesi, e va adattata alle vostre esigenze. Vi riporterò i link della documentazione ufficiale che in ogni caso vi conviene leggere.

Il succo del succo è questo: registrate una nuova applicazione nella Google Api Console, inserendo un vostro dominio (anche localhost per provare) e il percorso della pagina che riceverà i dati da Google.

Creare un link in una vostra pagina con un indirizzo particolare che scriverò sotto.

Tramite questo link google chiederà le autorizzazioni all'utente e vi ritornerà (alla pagina che avete impostato) un token.

Prendete quindi questo token e tramite una chiamata al webservice di Google otterrete le informazioni dell'utente.

Prima di tutto dovete registrare una nuova applicazione nelle Google Api Console, e cominciare a leggere i link della documentazione ufficiale:

<%--

First of ALL: Register an Application on Google Api Console

GOOGLE API CONSOLE:

https://code.google.com/apis/console/?hl=it#project:537242677033:access

DESCRIZIONE IN GENERALE:

https://developers.google.com/accounts/docs/OAuth2?hl=it

DESCRIZIONE PER IL LOGIN:

https://developers.google.com/accounts/docs/OAuth2Login?hl=it

--%>

Poi è la volta del link.

<%-- Qui alcune informazioni sui parametri da passare che comporranno il link

First: Click to connect to google

response_type = Determines if the Google Authorization Server returns an authorization code, or an opaque access token.

client_id = Indicates the client that is making the request. The value passed in this parameter must exactly match the value shown in the APIs Console.

redirect_uri = Determines where the response is sent. The value of this parameter must exactly match one of the values registered in the APIs Console (including the http or https schemes, case, and trailing '/').

scope = Indicates the Google API access your application is requesting. The values passed in this parameter inform the consent page shown to the user. There is an inverse relationship between the number of permissions requested and the likelihood of obtaining user consent.

state = This optional parameter indicates any state which may be useful to your application upon receipt of the response. The Google Authorization Server roundtrips this parameter, so your application receives the same value it sent. Possible uses include redirecting the user to the correct resource in your site, nonces, and cross-site-request-forgery mitigations.

--%>

Il link sarà del tipo:

Leggete bene a cosa servono tutti questi parametri e notate che lo scope deve essere decodificato correttamente.

userinfo.email vi permette di ricevere le informazioni sull'email oltre a quelle del profilo ottenute da userinfo.profile.

In questo caso il link è sulla pagina LoginGoogle.aspx e il redirect è sulla stessa pagina. Quindi Google invierà il token in querystring alla stessa pagina.

Poi è la volta della chiamata al webservice. Magari sarà in un'altra pagina, in ogni caso deve essere solo un esempio da adattare. Mi sono aiutato con JQuery e ho scritto nei commenti tutti i valori che ritorna google. Utilizzate i valori che vi ritorna per le vostre esigenze.

Il token è preso dalla querystring con la funzione che c'è all'inizio dello script e non con Request.Querystring in JS come scrivono in molti!

<%--

Second: Click to get the Token from querystring and connect again to google to request user information.

--%>

martedì 16 ottobre 2012

Migration From MySql to Sql Server

Ecco la procedura per la migrazione da MySql a SqlServer.

Scaricare Microsoft SQL Server Migration Assistant (SSMA) for MySQL (SSMA is a tool to automate migration from MySQL database to SQL Server)

Una volta scaricato, installato e avviato, la procedura è facilissima:

Collegare il DB MySql - Tasto in alto nella barra degli strumenti "Connect To MySql".

Collegare SqlServer - Tasto in alto nella barra degli strumenti "Connect To SqlServer".

Assicuratevi di avere configurato un utente con privilegi di amministrazione sia su MySql che su SqlServer.

Avremo quindi due schermate: una in alto con i nostri db in MySql ed una in basso con quelli di SqlServer.

In alto, fate tasto destro sul db da migrare e cliccate su Convert Schema. Questo crea il db e le tabelle in SqlServer.

In basso, fate click col tasto destro sul nuovo db creato automaticamente e cliccate su Synchronize With Database. Questo effettuerà la vera connessione col db.

Infine cliccate su Migrate Data, in alto nella balla degli strumenti.

venerdì 3 agosto 2012

Trasparenza Pagina Blogger

E' facile rendere un poco più trasparente tutti i contenuti del blog e visualizzare sullo sfondo una immagine.
Basta impostare l'opacità del Content Outer aggiungendo i parametri per Filter, Moz-opacity e Opacity

.content-outer {
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin-bottom: 1px;

/* PARAMETRI DA AGGIUNGERE
----------------------------------------------- */
filter: alpha (opacity=95);
moz-opacity: 0.95;
opacity: 0.95;

}

giovedì 29 marzo 2012

[CSS] - Immagine Di Sfondo Css

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

link utilissimo con altri modi per fare la stessa cosa:
http://css-tricks.com/perfect-full-page-background-image/

sabato 14 agosto 2010

[TUTORIAL] - Immagini RGB e CYMK in pagine Web

Chi come me ha a che fare con pagine web, nel senso che le realizza, ci lavora o quant'altro, potrà imbattersi nel problema che un'immagine venga visualizzata correttamente in qualunque (o quasi) browser tranne che su Explorer (e chissà perchè i problemi li ha sempre la casa Microsoft).

Beh, il consiglio è di controllare il metodo colore dell'immagine con Photoshop: se l'immagine non è in formato RGB ma in formato CMYK, la foto verrà comunque aperta e visualizzata in locale o in browser come Chrome, Firefox, Opera, ma non verrrà interpretata dal browser Explorer.

Perderete quindi non so quanto tempo a cercare di capire il perchè di questo strano mistero.

venerdì 13 agosto 2010

[CSS] – [JAVASCRIPT] - [ASP] - Form con campi data e calendario css

Form con due campi data e calendario css.

Codice utilizzato: ASP VBScript

Range di date non superiore a 31 giorni.

Controlli su date inserite.

Utilizza i Cookie per memorizzare le date temporaneamente.

Lo script è composto dalle pagine:

form.asp (la pagina con il form)

calendario_css.asp (il calendario vero e proprio)

css/calendario.css (css per il calendario da mettere nella cartella css).

css/css_pagina.css (css della pagina centrata in un box)

js/calendario.js (funzioni javascript per il calendario da mettere nella cartella js)

PAGINA form.asp

<%@LANGUAGE="VBSCRIPT"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>TITOLO</title>

function procedi(ind)

{

err=false //variabile che mi dice se ci sono errori

cont=0 //contatore errori

campi=0 //campo che non è stato valorizzato

str = new Array();

//str[1] = "DATA INIZIALE";

//str[2] = "DATA FINALE";

//PER IL CONTROLLO DELLA DATA

//POSIZIONARLO PRIMA DEGLI ALTRI CONTROLLI

//COSI' CHE SE RESTITUISCE ERROR=FALSE

//NON SOVRASCRIVE EVENTUALI ERRORI PRECEDENTI

//****************************************

data_dal_ggmmaaaa = document.info.data_dal.value;

data_al_ggmmaaaa = document.info.data_al.value;

//data_oggi = document.info.data_oggi.value;

//CONTROLLIAMO LE DATE SOLO SE CI SONO!

if(!(document.info.data_dal.value=="") && !(document.info.data_al.value==""))

{

ControllaData(data_dal_ggmmaaaa, data_al_ggmmaaaa);

}

//****************************************

/* if(document.info.data_dal.value=="")

{err=true;++cont;campi=1;}

if(document.info.data_al.value=="")

{err=true;++cont;campi=2;}*/

if(err==false)

{

//possiamo andare avanti

//PER IL CALENDARIO CSS

//********************************************

vai(ind)

//********************************************

}

else

{

//messaggio di errore

if(cont!=1)

{

alert("Attenzione Non hai compilato alcuni campi obbligatori")

}

else

{

alert("Seleziona " + str[campi])

}

</script>

</script>

</script>

'PER IL CALENDARIO

'******************************************************************

'******************************************************************

</head>

<body>

'PAGINA DEL CALENDARIO INCLUSA TRA IL TAG DIV CON ID CALENDARIO

'**************************************************************

'**************************************************************

'RICHIAMO DELLE FUNZIONI PER VISUALIZZARE/NASCONDERE IL CALENDARIO

'**************************************************************

calendario_vis = Request.QueryString("calendario_vis")

if calendario_vis = "SI" then

mostra_calendario();

</script>

else

nascondi_calendario();

</script>

end if

'**************************************************************

<h1>titolo</h1>

'PER IL CALENDARIO

'**********************************************************

'**********************************************************

<p>

periodo = request.QueryString("periodo")

if periodo = "SI" then

checked = " checked=""checked"" "

si_no = "NO"

disabled = " "

else

checked = " "

si_no = "SI"

disabled = " disabled=""disabled"" "

end if

<input type="checkbox" name="periodo" id="periodo" <%=checked%> onclick="location.href='nuova_pagina.asp?periodo=<%=si_no%>'" />

Attiva/Disattiva Intervallo Periodo

</p>

<p>

dal

type="text"

id="data_dal"

onclick="mostra_calendario('data_dal')"

size="10" maxlength="10" readonly="true" />

type="text"

id="data_al"

onclick="mostra_calendario('data_al');"

size="10" maxlength="10" readonly="true" />

</p>

<p>* IL RANGE TEMPORALE NON PUO' ESSERE SUPERIORE A 31 GIORNI.</p>

<p>

</p>

</form>

</div>

</body>

</html>

PAGINA calendario_css.asp

'NOME DELLA PAGINA IN CUI SIAMO PRESO AUTOMATICAMENTE DALL'URL

'*****************************************************

' Assegna l'URL della pagina corrente

strURL = Request.ServerVariables("URL")

' Splitta il percorso ai valori /

aryURL = Split(strURL, "/")

' Prendi l'ultimo elemento dell'array

strPagina = aryURL(Ubound(aryURL))

' Stampa il valore

'Response.Write(strPagina)

'LINK CHE SERVIRA' ALLA PAGINA DEL CALENDARIO

'NOME DELLA PAGINA IN CUI E' INCLUSO QUESTO CALENDARIO

'*****************************************************

link = strPagina

'*****************************************************

Function nome_esteso(mese)

nome_esteso = split(Formatdatetime(mese, vblongdate))(2)

nome_esteso = Ucase(Left(nome_esteso,1)) & Mid(nome_esteso,2) & " " & year(mese)

End function

Function festa(giorno)

data_corrente = giorno & "/" & month(inizio_mese_corrente) & "/" & anno

If data_corrente = Pasqua or data_corrente = Pasquetta or data_corrente = "1/1/" & anno or data_corrente = "6/1/" & anno or data_corrente = "1/1/" & anno or data_corrente = "25/4/" & anno or data_corrente = "1/5/" & anno or data_corrente = "15/8/" & anno or data_corrente = "1/11/" & anno or data_corrente = "8/12/" & anno or data_corrente = "25/12/" & anno or data_corrente = "26/12/" & anno then

festa = true

Else

festa = false

End if

End function

</head>

<tr>

nomeform = Request.Querystring("nomeform")

nomecampo = Request.Querystring("nomecampo")

inizio_mese_corrente = Request.QueryString("inizio_mese_corrente")

If inizio_mese_corrente = "" then

inizio_mese_corrente = cdate("01/" & month(date) & "/" & year(date))

Else

inizio_mese_corrente = cdate(inizio_mese_corrente)

End if

inizio_mese_precedente = DateAdd("m", -1, inizio_mese_corrente)

inizio_mese_successivo = DateAdd("m", 1, inizio_mese_corrente)

'Determino le festività

'Pasqua

Anno = year(inizio_mese_corrente)

A = Anno Mod 19

B = Anno 100

C = Anno Mod 100

D = B 4

E = B Mod 4

F = (B + 8) 25

G = (B - F + 1) 3

H = (19 * A + B - D - G + 15) Mod 30

I = C 4

K = C Mod 4

L = (32 + E + E + I + I - H - K) Mod 7

M = (A + 11 * H + 22 * L) 451

N = (H + L - 7 * M + 114)

Mese = N 31

Giorno = (N Mod 31) + 1

Pasqua = Cdate(Giorno & "/" & Mese & "/" & Anno)

Pasquetta = DateAdd("d", 1, Pasqua)

Pasqua = Replace(Pasqua,"/03/", "/3/")

Pasqua = Replace(Pasqua,"/04/", "/4/")

Pasquetta = Replace(Pasquetta,"/03/", "/3/")

Pasquetta = Replace(Pasquetta,"/04/", "/4/")

primo_lun = inizio_mese_corrente

Do while not DatePart("w", primo_lun, 2) = 1

primo_lun = primo_lun + 1

Loop

primo_lun = day(primo_lun)

If primo_lun = 1 then

giorno_set = 1

Else

giorno_set = 9 - primo_lun

End if

ultimo_giorno_mese = DateAdd("m", 1, inizio_mese_corrente)

ultimo_giorno_mese = DateAdd("d", -1, ultimo_giorno_mese)

<tr>

<td width="20"><font color="#FFCC00"><a href="javascript:cambio_pagina('<%=link%>?calendario_vis=SI&inizio_mese_corrente=<%= inizio_mese_precedente%>')"><<</a></font></td>

<td width="20" align="right"><a href="javascript:cambio_pagina('<%=link%>?calendario_vis=SI&inizio_mese_corrente=<%= inizio_mese_successivo%>')">>></a></td>

</tr>

</table>

</tr>

</tr>

</tr>

For i = 1 to 7

<td>

If i >= giorno_set then

giorno_corrente = giorno_corrente + 1

If i = 7 or festa(giorno_corrente) = true then

Else

End if

</td>

</tr>

For i = 1 to 7

<td>

giorno_corrente = giorno_corrente + 1

If i = 7 or festa(giorno_corrente) = true then

Else

End if

</td>

</tr>

For i = 1 to 7

<td>

giorno_corrente = giorno_corrente + 1

If i = 7 or festa(giorno_corrente) = true then

Else

End if

</td>

</tr>

For i = 1 to 7

<td>

giorno_corrente = giorno_corrente + 1

If giorno_corrente <= day(ultimo_giorno_mese) then

If i = 7 or festa(giorno_corrente) = true then

Else

End if

</td>

</tr>

For i = 1 to 7

<td>

giorno_corrente = giorno_corrente + 1

If giorno_corrente <= day(ultimo_giorno_mese) then

If i = 7 or festa(giorno_corrente) = true then

Else

End if

Else

End if

</td>

</tr>

For i = 1 to 7

<td>

giorno_corrente = giorno_corrente + 1

If giorno_corrente <= day(ultimo_giorno_mese) then

If i = 7 or festa(giorno_corrente) = true then

Else

End if

Else

End if

</td>

</tr>

</tr>

'QUESTO COLLEGAMENTO HA DUE INDIRIZZI UGUALI PERCHE'

'CON EXPLORER FUNZIONA L'HREF MA NON FA FUNZIONARE GLI ALTRI BROWSER

'GLI ALTRI BROWSER SE C'è HREF NON FANNO FUNZIONARE

<td height="20" colspan="7" align="center"><a href="javascript:chiudi_finestra('<%=link%>')">Chiudi</a></td>

</tr>

</table></td>

</tr>

</table>

</div>

</form>

PAGINA css/calendario.css

@charset "utf-8";

/* CSS Document */

/*STILE DEL CALENDARIO*/

.testobianco12B {

font-family: Arial, Helvetica, sans-serif; font-size: 12px;

font-color: #FFFFFF;

color: #FFFFFF;

font-weight: bold;

text-align:center;

}

#calendario{

display: none;

position: absolute;

left: 0px;

top: 0px;

height: 100%;

width: 100%;

background-color: BLACK;

color: BLACK;

opacity: 0.9;

filter: alpha(opacity=90);

text-align: center;

padding-top: 100px;

}

#sfondo_calendario{

background-color: #8eaa7b;

color: #8e2b7b;

text-align:center;

}

PAGINA css/css_pagina

@charset "utf-8";

/* CSS Document */

body{

background-color:#8eaa7b;

background-image:url(../images/sfondo_xxx_700x1.jpg);

color:#FFF;

SCROLLBAR-FACE-COLOR: #2a2f45;

SCROLLBAR-HIGHLIGHT-COLOR: #2a2f45;

SCROLLBAR-SHADOW-COLOR: #bdbebd;

SCROLLBAR-3DLIGHT-COLOR: #bdbebd;

SCROLLBAR-ARROW-COLOR: #ffffff;

SCROLLBAR-TRACK-COLOR: #3b4162;

SCROLLBAR-DARKSHADOW-COLOR: #102810;

}

h1{

color:#fff4a9;

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

}

#container{

width:680px;

height:495px;

margin:auto;

border-top:10px solid #FFF;

border-bottom:10px solid #FFF;

border-left:10px solid #FFF;

border-right:10px solid #FFF;

}

.border-top-left{

background: url(../images/roller.gif) no-repeat;

position:absolute;

z-index:100;

}

#title{

width:680px;

height:158px;

text-align:center;

background-image:url(../images/top.gif);

}

#corpo{

width:660px;

height:317px;

color:#fff;

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

padding:10px;

overflow:auto;

}

#corpo a{

color:#fff4a9;

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

text-decoration:none;

}

#corpo a:hover{

color:#fff;

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

text-decoration:none;

}

#attesa{

text-align:center;}

PAGINA js/calendario.js

// JavaScript Document

//FUNZIONI PER IL CORRETTO FUNZIONAMENTO DEL CALENADRIO

//*****************************************************

function mostra_calendario(nome_campo)

{

document.getElementById("calendario").style.display = 'block';

//ASSEGNA IL VALORE E LO MEMORIZZA IN XX

var xx = document.getElementById("valore_temp").value = nome_campo;

}

function nascondi_calendario()

{

document.getElementById("calendario").style.display = 'none';

}

function vai(pPagina)

{

//CANCELLIAMO I COOKIE DELLE DATE

deleteCookie( 'data_dal' );

deleteCookie( 'data_al' );

document.info.method="post";

document.info.action=pPagina;

document.info.submit();

}

//LETTURA COOKIE

//ESEMPIO: var res = getCookie( 'variabile' );

function getCookie( name ) {

var start = document.cookie.indexOf(name+"=");

var len = start+name.length+1;

if ((!start) && (name != document.cookie.substring(0,name.length))) return(null);

if (start == -1) return(null);

var end = document.cookie.indexOf(";",len);

if (end == -1) end = document.cookie.length;

return(unescape(document.cookie.substring(len,end)) );

}

//SCRITTURA COOKIE

//ESEMPIO: setCookie( 'variabile', 'valore', 10 );

//function setCookie(name, value, expiredays, path, domain, secure) {

function setCookie(name, value, expiredays, path, domain, secure) {

var expires = new Date();

expires.setDate( expires.getDate() + expiredays );

var cookieString = name + "=" +escape(value) +

( (expires) ? ";expires=" + expires.toGMTString() : "") +

( (path) ? ";path=" + path : "") +

( (domain) ? ";domain=" + domain : "") +

( (secure) ? ";secure" : "");

document.cookie = cookieString;

}

//ELIMINAZIONE COOKIE

//ESEMPIO: deleteCookie( 'variabile' );

function deleteCookie(name, path, domain) {

if (getCookie(name)) document.cookie = name + "=" +

( (path) ? ";path=" + path : "") +

( (domain) ? ";domain=" + domain : "") +

";expires=Thu, 01-Jan-70 00:00:01 GMT";

}

//FUNZIONE CHE PRENDE UN VALORE DALLA QUERYSTRING DELL'URL

//DOBBIAMO PASSARGLI IL NOME DEL VALORE DI CUI ABBIAMO BISOGNO

function getQSParam(ParamName) {

// Memorizzo tutta la QueryString in una variabile

QS=window.location.toString();

// Posizione di inizio della variabile richiesta

var indSta=QS.indexOf(ParamName);

// Se la variabile passata non esiste o il parametro è vuoto, restituisco null

if (indSta==-1 || ParamName=="") return null;

// Posizione finale, determinata da una eventuale & che serve per concatenare più variabili

//var indEnd=QS.indexOf('&',indSta);

var indEnd=QS.indexOf('&',indSta);

// Se non c'è una &, il punto di fine è la fine della QueryString

if (indEnd==-1) indEnd=QS.length;

// Ottengo il solore valore del parametro, ripulito dalle sequenze di escape

var valore = unescape(QS.substring(indSta+ParamName.length+1,indEnd));

// Restituisco il valore associato al parametro 'ParamName'

return valore;

}

//INSERISCE LA DATA NEL CAMPO DATA_DAL O DATA_AL

function inser_data(var_data) {

nome_campo = document.getElementById("valore_temp").value;

//SE IL CAMPO E' INDEFINITO PERCHE' ABBIAMO CAMBIATO MESE

//PRENDIAMO IL NOME DEL CAMPO DALLA QUERYSTRING DELL'URL

if (nome_campo == "undefined" || nome_campo == "")

{

nome_campo= getQSParam("nome_campo")

}

//COOKIE

//MEMORIZZIAMO I VALORI DI DATA_DAL O DATA_AL INSERITI PRECEDENTEMENTE

//IN DEI COOKIE CHE RICHIAMEREMO AL MOMENTO DELL'INSERIMENTO

//SE IL CAMPO DA INSERIRE E' DATA_DAL PRENDIAMO IL COOKIE DI DATA_AL

//ALTRIMENTI IL CONTRARIO

if (nome_campo == "data_dal"){

setCookie( 'data_dal', var_data, 1 );

var data_dal = var_data;

var data_al = getCookie( 'data_al' );

if (data_al == null || data_al == ""){

data_al = data_dal;

}

if (nome_campo == "data_al"){

setCookie( 'data_al', var_data, 1 );

var data_al = var_data;

var data_dal = getCookie( 'data_dal' );

if (data_dal == null || data_dal == ""){

data_dal = data_al;

}

//INSERISCE NEI RISPETTIVI CAMPI I VALORI DELLE DATE

document.getElementById("data_dal").value = data_dal;

document.getElementById("data_al").value = data_al;

//NASCONDIAMO IL CALENDARIO

nascondi_calendario();

}

//FUNZIONE PER CAMBIARE MESE NEL CALENDARIO

function cambio_pagina(url){

//QUESTA PARTE E' UNA PARTE DI TEST (IN PIU')

//ATTUALMENTE NON UTILIZZATA MA CHE POTREBBE SERVIRE PER IMPLEMENTAZIONI DIVERSE.

//*******************************************************************************

//VEDIAMO SE E' LA PRIMA VOLTA CHE CAMBIAMO MESE

//SERVE POI A NON CANCELLARE I CAMPI INSERITI FINO ADESSO

nofirst_dal= getQSParam("nofirst_dal")

nofirst_al= getQSParam("nofirst_al")

if(!(nofirst_dal==1)){

var data_dal = document.getElementById("data_dal").value;

}

else

{

data_dal= getQSParam("data_dal")

}

if(!(nofirst_al==1)){

var data_al = document.getElementById("data_al").value;

}

else

{

data_al= getQSParam("data_al")

}

//*******************************************************************************

//RIPRENDIAMO IL NOME DEL CAMPO SE ABBIAMO PERSO IL VALORE

var nome_campo = document.getElementById("valore_temp").value;

if (nome_campo == "undefined" || nome_campo == "")

{

nome_campo= getQSParam("nome_campo")

}

//COSTRUZIONDE DELL'URL CON PRESENZA DEL "NOFIRST"

//CON QUESTA IMPLEMENTAZIONE IN REALTA' BASTEREBBE UN SOLO INDIRIZZO UGUALE

//PER ENTRAMBI.

//POTREBBE SERVIRE PER ALTRA IMPLEMENTAZIONE

if(nome_campo == "data_dal"){

var url_completo = url + "&nome_campo=" + nome_campo + "&data_dal=" + data_dal + "&data_al=" + data_al + "&nofirst_dal=1&periodo=SI";

}

else

{

var url_completo = url + "&nome_campo=" + nome_campo + "&data_dal=" + data_dal + "&data_al=" + data_al + "&nofirst_al=1&periodo=SI";

}

//REINDIRIZZAMENTO ALLA PAGINA DEL MESE SUCCESSIVO O PRECEDENTE

location.href=url_completo;

}

//CHIUSURA DELLA FINESTRA

function chiudi_finestra(pagina) {

//PRENDIAMO I VALORI DELLE DATE DAI COOKIE

var data_al = getCookie( 'data_al' );

var data_dal = getCookie( 'data_dal' );

//INSERISCE NEI RISPETTIVI CAMPI I VALORI DELLE DATE
if (data_dal == null || data_dal == ""){
document.getElementById("data_dal").value = "";
}
else{
document.getElementById("data_dal").value = data_dal;
}

if (data_al == null || data_al == ""){
document.getElementById("data_al").value = "";
}
else{
document.getElementById("data_al").value = data_al;

}

//NASCONDIAMO IL CALENDARIO

nascondi_calendario();

}