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

cavaliere123 · 2012-08-05T09:41:29+0200

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 · 2012-08-05T13:00:19+0200

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 · 2012-08-05T19:16:07+0200

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.

Cerca

Cerca

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

cavaliere123

Utente Attivo

criric

Super Moderatore

cavaliere123

Utente Attivo

Discussioni simili