html/index.html

[Ritorna]

<!DOCTYPE html> <html lang="it"> <head> <title>Raspberry-My Programmazione HTML/CSS/Javascript</title> <meta charset="utf-8"> <meta name="author" content="Ing. Stefano Salvi"> <link rel="stylesheet" type="text/css" href="../css/index.css"> <script type="text/javascript" src="../js/index.js"></script> </head> <body> <!-- Dialog --> <div id="isf_overlay"> <div id="isf_overlay_frame"> <div id="isf_overlay_content"> <h2> Dialog modale visualizzato dal Javascript </h2><p> &Egrave; possibile fare comparire un dialog sopra la pagina, che scompaia con un bottone. </p> </div> <div id="isf_overlay_bottom"> <input id="isf_overlay_close_button" type="button" onClick="closeDialog()" value="Chiudi"> </div> </div> </div> <!-- Fine Dialog --> <!-- Slideshow --> <div id="testa-carousel"> <div id="testa-slideshow"> <img src="../img/little_pi.png" alt="Raspberry Pi 3" width="400" height="400" /> <img src="../img/raspberry-pi-2-angle-100569133-orig.png" alt="Raspberry Pi 3" width="400" height="400" /> <img src="../img/Raspberry_Pi_-_Model_A.jpg" alt="Raspberry Pi Model A" width="400" height="400" /> <img src="../img/rpi1bplus.png" alt="Raspberry Pi 2" width="400" height="400" /> </div> </div> <!-- Fine Slideshow --> <script type="text/javascript"> function somma () { var fldPrimo = document.getElementById("primo"); var fldSecondo = document.getElementById("secondo"); var display = document.getElementById ("display"); var primo = fldPrimo.value; var secondo = fldSecondo.value; if (primo == '') { display.innerHTML = "<div class=\"error\">Il Primo numenro non pu&ograve; essere vuoto</div>"; } else if (secondo == '') { display.innerHTML = "<div class=\"error\">Il Secondo numenro non pu&ograve; essere vuoto</div>"; } else { var a = parseInt(primo); var b = parseInt(secondo); if (((primo[0]< '0' || primo[0]> '9') && primo[0]!= '-') || a == NaN) { display.innerHTML = "<div class=\"error\">Il Primo numenro non &egrave; un numero</div>"; } else if (((secondo[0]< '0' || secondo[0]> '9') && secondo[0]!= '-') || b == NaN) { display.innerHTML = "<div class=\"error\">Il Secondo numenro non &egrave; un numero</div>"; } else { display.innerHTML = "<div class=\"display\">"+ a + " + " + b + " = " + (a+b) + "</div>"; } } } </script> <script type="text/javascript">var slides = new Slideshow('testa-slideshow', 1000, 400);</script> <h1>Esempi di programmazione HTML/CSS/Javascript</h1> <p>[<a href="../index.html#htmlcss">Ritorna</a>]</p> <p><input type="button" onClick="openDialog()" value="Apri Dialog"></p> <p>Primo numero: <input type="text" name="primo" id="primo"><br> Secondo numero: <input type="text" name="secondo" id = "secondo"><br> <input type="button" value="Somma" onClick="somma()"></p>' <div id="display"></div> <div id="footer"> <span class="author">Autore Stefano Salvi</span> <a href="mailto:stefano@salvi.mn.it" title="Indirizzo Mail di Salvi">stefano@salvi.mn.it</a> Rilasciato su licenza <a href="https://creativecommons.org/licenses/by-sa/3.0/it/legalcode" title="Attribuzione CC-by-sa">CC-BY-SA</a><br> <a href="https://creativecommons.org/licenses/by-sa/3.0/it/legalcode" title="Attribuzione CC-by-sa"><img src="../img/cc_by_sa_88x31.png" alt="Logo Creative Commons" title="Logo Creative Commons"></a> </div> </body> </html>