Calendario JavaScript

**FrancescaM** · 14-12-2012, 21:50

Buonasera a tutti, sono nuova, spero riusciate ad aiutarmi, sono disperata.
Sto cercando di fare un calendario che cambia immagine ogni mese, di seguito vi riporto il codice, ma ho un problema, nel codice originale il numero del giorno si trova esternamente (sotto) l'immagine di base del mese, ecco io vorrei che il giorno risultasse invece all'interno dell'immagine.
Nel mio codice le immagini dei numeri dei giorni sono di colore bianco e forse in un'eventuale anteprima non li vedete, ma ci sono e sono sotto esternamente

Pensate ci sia un modo per sistemarle all'interno?

E' tutto il pomeriggio che provo e riprovo, cerco qua e là ma non ne vengo a capo

Chiedo il vostro aiuto

Vi ringrazio in anticipo

Ecco il codice:

codice:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>

<script language="JavaScript" type="text/javascript">







<!-- Begin
theDate= new Date();
months = new Array();
days = new Array();
months[1] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/jan.gif";
months[2] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/feb.gif";
months[3] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/mar.gif";
months[4] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/apr.gif";
months[5] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/may.gif";
months[6] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/jun.gif";
months[7] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/jul.gif";
months[8] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/aug.gif";
months[9] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/sep.gif";
months[10] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/oct.gif";
months[11] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/nov.gif";
months[12] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/dic.gif";
days[1] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/1.png";
days[2] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/2.png";
days[3] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/3.png";
days[4] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/4.png";
days[5] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/5.png";
days[6] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/6.png";
days[7] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/7.png";
days[8] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/8.png";
days[9] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/9.png";
days[10] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/10.png";
days[11] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/11.png";
days[12] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/12.png";
days[13] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/13.png";
days[14] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/14.png";
days[15] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/15.png";
days[16] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/16.png";
days[17] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/17.png";
days[18] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/18.png";
days[19] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/19.png";
days[20] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/20.png";
days[21] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/21.png";
days[22] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/22.png";
days[23] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/23.png";
days[24] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/24.png";
days[25] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/25.png";
days[26] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/26.png";
days[27] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/27.png";
days[28] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/28.png";
days[29] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/29.png";
days[30] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/30.png";
days[31] ="http://i814.photobucket.com/albums/zz61/scuoladigrafica/scuoladigrafica6/scuoladigrafica7/31.png";
function printDate() {
document.write('[img]' + months[theDate.getMonth()+1] + '[/img]'); // month
document.write('
');
document.write('[img]' + days[theDate.getDate()] + '[/img]'); // day
}
//  End -->
</script>











</head>

<body>
<script language="JavaScript" type="text/javascript">
<!-- 
printDate();
</script>

</body>

</html>

**cavicchiandrea** · 14-12-2012, 22:22

Ciao Francesca e benvenuta, metti un link alla pagina demo online (tuo sito.xx/pagina demo.xxxx) forse vedendo la pagina si capisce meglio il problema

**FrancescaM** · 14-12-2012, 22:24

Ciao e grazie per il benvenuto

Non ho ancora inserito nulla, anche perchè penso lo inserirò in un iframe, io per ora sto lavorando e visualizzando in Frontpage

**cavicchiandrea** · 14-12-2012, 22:29

Premesso che stai usando uno dei peggiori editor sviluppati da Microsoft, i test meglio farli sempre online potresti usare un server free tipo altervista.org

**FrancescaM** · 14-12-2012, 22:31

Eh lo so, ma per i miei pastrocchi va bene.......
Andrea lo script funziona bene, sono io che lo vorrei modificare......hai letto bene sopra?

**cavicchiandrea** · 14-12-2012, 22:37

Forse sbaglio ma ho letto che se voglio "capire il problema" devo provare il tutto in locale e sinceramente non mi va, ma se non è così prova a rispiegare

P.S. Mi permetto d'insistere le pagine web si chiamano così perché devono stare sul web non il locale si no si chiamavano pagine locali

**FrancescaM** · 14-12-2012, 22:41

Andrea tu sei esperto nel settore sicuramente e puoi insistere quanto vuoi ci mancherebbe!
Ma forse io non mi sono spiegata bene

Anche che io metto online lo script non risolvo il mio problema perchè l'immagine dei numeri dei giorni è fuori da quella di base dei mesi, in poche parole e qui ti spanzerai dalle risate, ma ti chiedo scusa, non sono esperta

, vorrei capire se è possibile inserire un Array in un altro Arrey..........

così forse quel benedetto numero mi si piazza nell'immagine

**cavicchiandrea** · 14-12-2012, 23:14

http://webandylab.altervista.org/calendarioimage.html

**br1** · 14-12-2012, 23:21

E' un problema solo di CSS, il javascript c'azzecca tanto quanto poco.

Modifica la riga:

document.write('[img]' + days[theDate.getDate()] + '[/img]'); // day

**FrancescaM** · 14-12-2012, 23:29

Ecco io un uomo così me lo sposerei subito se già non lo fossi!!!!

Bri tu sei un genio e il tuo avatar se mi dici che lo hai messo dopo aver letto questa mia richiesta....io ci credo!!!!!

Non finirò mai di ringraziarti, sei stato un angelo, grazieeeee!!!!!!

Discussione: Calendario JavaScript

Strumenti discussione

Ricerca discussione

Visualizza

Calendario JavaScript

Permessi di invio