script nefunguje po pridaní tagu <form>

1daemon1 · Napísal **1daemon1**: 03.04.2011 16:30

Čaute,

z js neviem nič, ale našial som si na nete jeden veľmi jednoduchý script, ktorý by mi mal umožniť skrývanie/odkrývanie riadku tabulky vzhľadom na vybratú položku v inom selecte. Vyzerá asi takto:

Kód:

<script type="text/javascript">
    window.onload = modifyform;     

    function modifyform() {
      var sel = document.forms[0].typ;
      var typ = sel.options[sel.selectedIndex].value;     

      var visible;
      if(navigator.appName == 'Microsoft Internet Explorer') { /* iba pre IE */
        visible = 'block';
      }
      else { /* ostatne prehlaidace */
        visible = 'table-row';
      }     

      if(typ == '1') {
        document.getElementById('tr_polozka').style.display = visible;
      } else {
        document.getElementById('tr_polozka').style.display = 'none';
      }
    }
</script>

ďalej som si pridal html kód, tento:

Kód:

            <form method="post" action="?page=nieco">
            <table>
            <tr>
               <td>
                 Typ<br>
                 <select name="typ" onchange="javascript:modifyform();">
                     <option value="0">0</option>
                   <option value="1">1</option>

                 </select><p>
               </td>
             </tr>
             <tr id="tr_polozka">
               <td>
                 dalsi select:<br>
                 <select name="typ2">
                     <option value="2">2</option>
                   <option value="3">3</option>
                 </select>
               </td>
              </table>
            </form>

HTML kód dám pod js a funguje všetko OK. Ale pokiaľ na vrch celého súboru šupnem ešte toto:

Kód:

            <form>
            </form> 

už to nefunguje. Vedel by mi s tým niekto pomôcť ? V js si neviem žiadne zásahy spraviť sám, ale myslím že to bude veľmi jednoduché tak mi to prosím prepíšte.

Ďakujem.

shaggy · Napísal **shaggy**: 03.04.2011 17:21

Toto:

Kód:

document.forms[0]

znamená, že to berie prvý form na stránke. Čiže pôvodný kód ti funguje, lebo ten tvoj form je prvý. Ak pred to pridáš ďalší form, tak to prestane fungovať, preto si to musíš upraviť podľa toho, koľký v poradí je ten form, s ktorým chceš pracovať (dáš tam iba iné číslo namiesto tej nuly).

1daemon1 · Napísal autor témy **1daemon1**: 03.04.2011 17:33

Super, funguje to. Ďakujem.

chrono · Napísal **chrono**: 04.04.2011 11:53

Je nejaký dôvod, kvôli ktorému nepoužívaš getElementById, getElementsByName? (mne osobne by sa nechcelo skúšať, kde všade funguje ten IE spôsob)

Ďuri · Napísal **Ďuri**: 04.04.2011 17:37

chrono, pristup k DOM objektom pomocou vlastnosti z tzv. DOM level 0 ma spolahlivejsiu a lepsiu podporu ako metody getElementById a getElementsByName.
Co je v tom kode chybne, je ta podmienka pre IE, kedze IE8+ uz podporuje hodnotu table-row CSS vlastnosti display. Spravny postup by bol v try bloku nastavit tuto vlastnost na table-row, ziskat hodnotu tejto vlastnosti pomocou metody window.getComputedStyle, resp. z vlastnosti currentStyle, vyhodit vynimku, ak je vratena ina hodnota ako table-row, a v catch bloku nastavit hodnotu tejto CSS vlastnosti na block.

1daemon1 · Napísal autor témy **1daemon1**: 06.04.2011 16:07

Ak sa niekto bude fakt velmi nudit a prepise to tak aby to bolo spravne, budem velmi vdacny. Ja to nezvladnem.

script nefunguje po pridaní tagu <form>

Podobné témy