Grazie,ma niente...la tabella non appare.......
Questa è la funzione con l'aggiunta che mi hai suggerito
<div id="i1">
<form name="sommare">
Queste sono le 2 select:
Questo è il codice html delle 2 tabelle:
Quessto è il codice css
Per favore, dov'è che sto sbagliando??
Grazie
Questa è la funzione con l'aggiunta che mi hai suggerito
Codice:
function aggiornaOpzioni(scelta){
var sel = document.getElementById("metodall");
scelte = new Array();
switch(scelta) {
case '1':
scelte[0]= "Test di Harre";
scelte[1]= "Metodo Bulgaro";
break;
case '2':
scelte[0] = "LIGHT TO HEAVY SYSTEM";
scelte[1] = "HEAVY TO LIGHT SYSTEM";
break;
default:
break;
}
// azzero le option
sel.options.length = 1;
// creo le option in base agli elementi degli array
for(var i=0; i<scelte.length; i++) {
sel.options[sel.options.length]= new Option(scelte[i],scelte[i]);
}
if (scelta == "Test di Harre")
document.getElementById("Harre").style.display="inline";
}
Questo è il codice html delle due select
<form name="sommare">
Queste sono le 2 select:
Codice:
SCEGLI OBBIETTIVO
<select name="obbiet" size ="1" onchange="aggiornaOpzioni(this.options[this.selectedIndex].value);">
<option selected></option>
<option value="1">Forza</option>
<option value="2">Massa</option>
</select>
SCEGLI METODO ALLENAMENTO
<select id="metodall" name= "metododall" size ="1" onchange= "aggiornaOpzioni();">
<option selected></option>
</select>
</div>
</form>
Questo è il codice html delle 2 tabelle:
Codice:
<div id="Bulgaro">
<form name="sommare">
<table border="1">
<tr>
METODO BULGARO
</tr>
<tr>
<td><label class="Bulgaro">%DEL MAX</label></td>
<td>RIPETIZIONI</td>
<td>SERIE</td>
<td>VELOCITA'</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="w"></td>
<td>1-4</td>
<td>1</td>
<td>MODERATA</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="y"></td>
<td>4-8</td>
<td>1</td>
<td>MASSIMA</td>
</tr>
</table>
</div>
<div id="Harre">
<table border="1">
<tr>
TEST DI HARRE
</tr>
<tr>
<td><label class="HARRE">%1 RM</label></td>
<td>RIPETIZIONI</td>
<td>VELOCITA'</td>
<td>RECUPERO</td>
<td>SPECIFICITA'</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z7"></td>
<td>1-5</td>
<td>BASSA</td>
<td>3-5'</td>
<td>FORZA MASSIMALE</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z8"></td>
<td>5-10</td>
<td>BASSA</td>
<td>2-4'</td>
<td>FORZA MAX IPERTROFIA</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z9"></td>
<td>6-10</td>
<td>MASSIMA</td>
<td>4-6'</td>
<td>FORZA VELOCE</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z10"></td>
<td>20-30</td>
<td>BASSA</td>
<td>35-40''</td>
<td>FORZA RESISTENTE</td>
</tr>
<tr>
<td><input type="text" size="4" class="corpo" name="Massimale()" disabled="disabled" readonly="readonly" id="z11"></td>
<td>25-30</td>
<td>MODERATA</td>
<td>OTTIMALE</td>
<td>FORZA RESISTENTE</td>
</tr>
</table>
</div>
Quessto è il codice css
Codice:
#Harre
{
z-index:3;
padding:1em;
line-height: 20pt;
border:1px solid black;
display:none;
padding-top: 2px;
padding-bottom: 5px;
position: absolute;
top: 200px;
left: 445px;
background-color: #00BFFF;
color: black;
}
Per favore, dov'è che sto sbagliando??
Grazie