Autor | Zpráva | ||
---|---|---|---|
Michall Profil * |
#1 · Zasláno: 31. 8. 2011, 16:02:55
Zdravím,
potřeboval bych poradit jak udělat, že po výběru jakehokoliv ze dvou optionů ze selectu se mi skryje část webu: takhle to vypada: <td> <select name="tarif"> <option selected="selected" value="D01d">Optimum 24 jednotarif | D01d</option> <!-- pri vyberu tohodle --> <option value="D02d">Optimum 24 jednotarif | D02d</option> <!-- nebo pri vyberu tohodle --> <option value="D25d">Optimum AKU 8 dvoutarif | D25d</option> <option value="D26d">Optimum AKU 8 dvoutarif | D26d</option> <option value="D35d">Optimum AKU 16 dvoutarif | D35d</option> <option value="D45d">Optimum Přímotop dvoutarif | D45d</option> <option value="D55d">Optimum TČ 22 dvoutarif | D55d</option> <option value="D56d">Optimum TČ 22 dvoutarif | D56d</option> </select> </td> mělo by se skrýt tohle: <tr> <td> Spotřeba NT</td> <td><input type=text style="width:100px; height:20px;" id="spotrebaNT001" name="spotrebaNT"/></td> <td>MWh</td> </tr> dík |
||
Sir Tom Profil |
#2 · Zasláno: 31. 8. 2011, 16:54:02
Michall:
Také zdravím, použij JavaScript. Do selectu přidej událost onchange, která zavolá funkci, kde bude podmínka, která zjišťuje, který option je vybrán. Pokud bude vybrán option s value D01d nebo D02d, tak se řádek <tr> skryje (dostane css styl s display: none;) |
||
Michall Profil * |
#3 · Zasláno: 1. 9. 2011, 10:46:33
jo super, dík za tip
|
||
Michall Profil * |
#4 · Zasláno: 2. 9. 2011, 11:19:02
vyřešil jsem to tahle:
<script type="text/javascript"> window.onload = modifyform; function modifyform() { var sel = document.forms[0].tarif; var typ = sel.options[sel.selectedIndex].value; var visible; if(navigator.appName == 'Microsoft Internet Explorer') { /* jen pro IE */ visible = 'block'; } else { /* ostatni prohlizece */ visible = 'table-row'; } if(typ == 'D01d') { document.getElementById('tr_polozka').style.display = 'none'; } else if (typ == 'D02d') { document.getElementById('tr_polozka').style.display = 'none'; } else if (typ == 'D25d') { document.getElementById('tr_polozka').style.display = visible; } else if (typ == 'D26d') { document.getElementById('tr_polozka').style.display = visible; } else if (typ == 'D35d') { document.getElementById('tr_polozka').style.display = visible; } else if (typ == 'D45d') { document.getElementById('tr_polozka').style.display = visible; } else if (typ == 'D55d') { document.getElementById('tr_polozka').style.display = visible; } else if (typ == 'D56d') { document.getElementById('tr_polozka').style.display = visible; } } </script> <td> <select name="tarif" onchange="javascript:modifyform();"> <option selected="selected" value="D01d">Optimum 24 jednotarif | D01d</option> <!-- pri vyberu tohodle --> <option value="D02d">Optimum 24 jednotarif | D02d</option> <!-- nebo pri vyberu tohodle --> <option value="D25d">Optimum AKU 8 dvoutarif | D25d</option> <option value="D26d">Optimum AKU 8 dvoutarif | D26d</option> <option value="D35d">Optimum AKU 16 dvoutarif | D35d</option> <option value="D45d">Optimum Přímotop dvoutarif | D45d</option> <option value="D55d">Optimum TČ 22 dvoutarif | D55d</option> <option value="D56d">Optimum TČ 22 dvoutarif | D56d</option> </select> </td> <tr id="tr_polozka"> <td> Spotřeba NT</td> <td><input type=text style="width:100px; height:20px;" id="spotrebaNT001" name="spotrebaNT"/></td> <td>MWh</td> </tr> |
||
Časová prodleva: 13 let
|
0