Javascript completo di html per creare una tabella dove compare il saluto in base all'ora.

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Salve ho trovato sul web questo script e inserito in una pagina html con una tabella con due colonne ed una riga, nella prima colonna c'è una immagine, nella seconda compare il saluto. Spero che possa essere utile a qualcuno. Alla prossima :)

HTML:
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>

<style type="text/css">
   
    .input { border-style: none;
    font-family:Vivaldi,Arial,Helvetica,sans-serif;
    font-size:40pt;
    color :#E30B5C;
    font-weight: bold;}

         table {
    border:solid transparent 0px !important;
    
    font-family:Vivaldi,Arial,Helvetica,sans-serif;
    font-size:50pt;
    color : RED;
    font-weight: bold;
    background-color: transparent;
     }

   tr,td{border:solid white 0px !important;}
}
    
    </style>

</head>

<body>

<table style="text-align: left; width: 100%; border=0;
 BORDERCOLOR=transparent;  bordercolor=transparent; 
    bordercolordark=transparent; bordercolorlight=transparent;" cellpadding="2" cellspacing="2">

<tr>
      <td style="width:xxxpx; height:xxxpx"><img
 alt=""
 src="immagine.jpg"></img
></td>

      <td align="center" valign="center" style="width:100%">

 <span id="clock" class="input"></span>
 	<script type="text/javascript" language="JavaScript">
 	<!--
 
 	 
 	function aggiorna() {
 	 
 	
 	 
 	Data = new Date()
 	Ore = Data.getHours()
 	
 	 
 	if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno"
 	 
 	if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio"
 	 
 	if ((Ore > 17) && (Ore < 22)) Saluto = "Buonasera"
 	 
 	if (Ore > 21) Saluto = "Buonanotte"
 	 
 	if (Ore < 7) Saluto = "Buonanotte"
 	 
 	 	
 	 
 	messaggio = Saluto + " e benvenuti  "
 
 	if(!document.layers){
 	aggsec = setTimeout("aggiorna();",1000);}
 	 
 	if (document.getElementById){
 	document.getElementById('clock').innerHTML=messaggio;}
 	 
 	else if (document.all){
 	document.all.clock.innerHTML=messaggio;}
 	 
 	else if(document.layers){
 	document.write(messaggio);}
 	}
 	aggiorna();
 	//-->
 	</script>
 	</td></tr>

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

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
document.all e document.all non conviene piu usarli
stiamo parlando di metodi che usavano i browser alle versioni 4
ormai tutti i browser supportano document.getElementById
anche language="JavaScript" non è piu usato basta scrivere type="text/javascript" senza contare che in HTML5 è sufficiente scrivere <script></script>
la chiusura del tag <img> non è </img> ma <img src""/>
il tag <script> non va inserito dentro un altro elemento della pagina
Le regole css nel tag <table> sono scritte in modo errato e visto che hai creato un stile per la tabella ti conviene scriverle tutte li
E' bene chiudere tutte le istruzioni javascript con il ; (punto e virgola)
Per quanto riguarda la scelta di usare le tabelle per strutturare un pagina anzichè i div, il discorso è ancora soggettivo
Detto questo ti posto il codice:
HTML:
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Prova</title>
        <style type="text/css">
            html {
                text-align: center;
            }
            table {
                margin:auto;
                border:none;
                font-family:Vivaldi,Arial,Helvetica,sans-serif;
                font-size:30pt;
                color :#E30B5C;
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    <img src="immagine.jpg" alt=""/>
                </td>
                <td>
                    <span id="clock"></span>                    
                </td>
            </tr>
        </table>
        <script type="text/javascript"> 
            function aggiorna() { 	 
                Data = new Date();
                Ore = Data.getHours(); 	
 	 
                if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno";
 	 
                if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio";
 	 
                if ((Ore > 17) && (Ore < 22)) Saluto = "Buonasera";
 	 
                if (Ore > 21) Saluto = "Buonanotte";
 	 
                if (Ore < 7) Saluto = "Buonanotte"; 	 	
 	 
                var messaggio = Saluto + " e benvenuti  "
 	 
                if (document.getElementById){
                    document.getElementById('clock').innerHTML=messaggio;
                }
            }
            aggiorna();            
        </script>
    </body>
</html>

Buon lavoro e continua a studiare :fonzie:
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Ottimo...

Si hai ragione sul tutto.... non ho nessuna giustifica, solo che da 20 gg mi sono avvicinato a questo mondo non avendo basi particolari e chiedo solo un pizzico di comprensione... poco alla volta miglioro promesso.. :)
Grazie come sempre. Domenico.
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Creare elementi html con javascript Javascript 1
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0
L [Javascript] input variabili di scrittura con canvas Javascript 2
G [Javascript] Passare un valore via querystring Javascript 1
max1974 [Javascript] Funzione Errata procedura Javascript 2
R [Javascript]gratta e vinci Javascript 2
max1974 [Javascript] Load Default image Javascript 2

Discussioni simili