API tools faq
paste
maha_kaal

showHide

maha_kaal
Mar 12th, 2011
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 2.45 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title> Pannello di Controllo </title>
  4. <script language="javascript" type="text/javascript">
  5. <!--
  6. function controlla() {
  7. //prendo il valore di ogni option
  8.     for( i = 0; i < 3 ; i++)
  9.     {
  10.         if (optform.opt[i].checked){
  11.             switch(optform.opt[i].value){
  12.                 case 'update':
  13.                     showHide(update)
  14.                     break;
  15.                 case 'select':
  16.                     showHide(select)
  17.                     break;
  18.                 case 'insert':
  19.                     showHide(insert)
  20.                     break;
  21.             }      
  22.        }
  23.        main-menu.style.display = 'none';
  24.     }
  25. }
  26. function showHide(id)
  27. {
  28. if (id.style.display != 'block')
  29. id.style.display = 'block';
  30. else
  31. id.style.display = 'none';
  32. }
  33.     //-->
  34.     </script>
  35. <style type="text/css">
  36. #titolo {
  37. font-family: Copperplate Gothic Light;
  38. font-size: 50px;
  39. color: #00ff00;
  40. }
  41. #container {
  42. font-family: Courier new;
  43. size: 20px;
  44. color: #0033ff;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <center>
  50. <p id="titolo"> Pannello di Controllo </p>
  51. <div id="container">
  52. <div id="main-menu" style="display: block">
  53. <form name="optform">
  54. <fieldset style="width: 200px; border-color: #0033ff;">
  55. <legend>Menù</legend>
  56. <table border="0">
  57. <tr><td>Inserimento</td><td><input type="radio" value="insert" name="opt" /></td></tr>
  58. <tr><td>Modifica</td><td><input type="radio" value="update" name="opt" /></td></tr>
  59. <tr><td>Seleziona Dati</td><td><input type="radio" value="select" name="opt" /></td></tr>
  60. <tr><td><input type="button" value="Vai!" onClick="controlla()" /></td></tr>
  61. </table></fieldset>
  62. </form>
  63. </div>
  64. <br>
  65. <div id="insert" style="display: none;">
  66. <form name="optInsert">
  67. <fieldset style="width : 200px; border-color: #0033ff;">
  68. <legend>Opzioni Menù Inserimento</legend>
  69. <table border ="0" >
  70. <tr><td><label>Corsi</td><td><input type="radio" name="opt1" value="corsi" /></td></tr>
  71. <tr><td><label>Edizioni</label></td><td><input type="radio" name="opt1" value="edizioni" /></td></tr>
  72. <tr><td><legend>Iscrizioni</label></td><td><input type="radio" name="opt1" value="iscrizioni" /></td></tr>
  73. <tr><td><legend>Istruttori</label></td><td><input type="radio" name="opt1" value="istruttori" /></td></tr>
  74. <tr><td><legend>Utentii</label></td><td><input type="radio" name="opt1" value="utenti" /></td></tr>
  75. <tr><td><input type="button" onclick="check2()" value="Inserisci!" /></td></tr>
  76. </table>
  77. </fieldset>
  78. </form>
  79. </div>
  80. </div>
  81. </body>
  82. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!