W3-SI.com | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
Koda: | <script type="text/javascript"> function tabela() { x=document.all.vrstice.value //spremenljivka, ki bo dolaloČala število vrstic y=document.all.stolpci.value //spremenljivka, ki bo doloČla število stolpcev document.write('<table sumarry="tabela">') //zaČetek tabele for (var i=1; i<=x; i++) { document.write('<tr>') //zaČetek vrstice for (var j=1; j<=y; j++) { document.write('<td> * </td>') //celica } document.write('</tr>') //zakljuČek vrstice } document.write('</table>') //zakljuČek tabele } </script> <form id="obrazec"> <! -po kliku na ta gumb se bo samodejno kreirala tabela -> <input onclick="tabela()" type="button" value="Nariši" /> <span> : </span> <! -tukaj si bomo izbrali število vrstic -> <select id="vrstice"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <span> * </span> <! -tukaj si izberemo število stolpcev -> <select id="stolpci"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </pre> |
---|---|
Izgled v brskalniku: |
|
Razlaga: | Scripta s funkcijo tabela() kreira tabelo v kateri imamo dve spremenljivki od katerih bo x določal število vrstic v tabeli, y pa število stolpcev v tabeli. Nato Javascript s pomočjo for zanke kreirati tabelo želenih lastnosti. Za konec ustvarimo še gumb in padajoča seznama s pomočjo sintakse form in select, ki nam podata podatke za kreiranje tabele(). Padajoča seznama vsebujeta vrednosti od 1-10 pri čemer je eden število vrstic in drugi število solpcev v tabeli. Brskalnik nato s klikom na gumb Nariši tabelo v novem oknu samodejno kreira tabelo želenih lastnosti. |
SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart