Vaje iz javascripta, oglej si dokumente

  1. Preprost javascript html dokument, sintaksa in osnovna zgradba.
  2. Vpeljava funkcije function ime_fun(x) in naknadna uporaba v FORMI (rec. form.spremenljivka1.value = ime_fun(form.spremenljivka2.value).
  3. JAVASCRIPT BERE IN SEŠTEVA V FORMI
  4. JAVASCRIPT BERE IN SEŠTEVA V FORMI, rezultat se tudi izpiše v opozorilnem oknu (opcija alert).
  5. Tekstu prelomi vrstice
  6. Moja prva javascript forma (branje, osnovne mat. operacije in izpis) (Nace)
  7. Primer uporabe funkcije eval, ki izvede vse mat. operacije (Nace)
  8. javascript_v_html01.html
  9. visina_sonca01.html
  10. visina_sonca01bb.html (uporabna)
  11. visina_sonca01a.html (dobra verzija, lega in nenergija Sonca po dnevih, mesecih, letna vsota)

  12. zoom_x_zem_slo2.html (zoom-iranje - delno deluje v IE in Firefoxu)

  13. onmousewheel_zoom_image1.html (zoom-iranje - deluje v IE)

  14. Pretvorba med Fahrenheiti in Celzijevimi stopinjami - JavaScrip koda v FTML formah

  15. koordinate_znotraj_slike_in_polja_xy2.htm (BERE X in Y)

  16. koordinate_znotraj_slike_in_polja_xy_ge_koor.htm (BERE X in Y) - približen izračun ge. ko.

  17. canvas_slika_v_ozadju_rise_crte_racunaraz01.html (BERE X in Y) - približen izračun ge. ko. in na zemljevidu rise crte, zadaj je canvas in opcija: style="background-image:url('ze ...


  18. canvas_slika_v_ozadju_rise_crte_racunaraz02.html
    (BERE X in Y in izpisuje pot in razliko med kliki) - približen izračun ge. ko. in na zemljevidu rise crte, zadaj je canvas in opcija: style="background-image:url('ze ...

  19. interaktivna_karta_risanje_slik_pod_karto.html) - !!!!!!!!!!! (resetira tudi firefox, javascript na karti, itn)
  20. interak_karta_ris_slik_v_novo_okno.html) - !!!!!!!!!!! (enako kot zgoraj, le da narise karto se v novem oknu)
  21. interaktivna_karta_risanje_podkarto_mes_let.html) - !!! (enako kot dve vaji prej, kako se vkljuci se recimo mesece (slect name=... |option value="1" selected| jan))
  22. interaktivna_karta_risanje_podkarto_mes_let2.html) - !!! (enako kot zgoraj (se leto je zraven za "Lublano" jan_feb_2010_2011), kako se vkljuci se recimo mesece (slect name=... |option value="1" selected| jan))
  23. google.maps.Map - risanje 1
  24. google.maps - risanje 2 (uporabno - več markerjev za raz. lokacije hkrati, dela hitro)
  25. google.maps - risanje 3
  26. google.maps - risanje 4 (uporabno - več markerjev hkrati ..., marker je dodan kot lastna slika, muca, Saturn in sicer ikonzv01.png ter ikonzv02.png in se zelen baloncek iz google)
  27. google.maps - risanje 5 (uporabno!!) (podobno kot zgoraj - le da se doda še url na stran ...)

  28. google.maps - risanje 6 (izpiše koordinate na klik wgs84)

  29. google.maps - risanje 7 (dvojni klik in izpis nadmorske višine, rabi se datoteko js ..., deluje lokalno - pc)
  30. google.maps - racunanje 8 (vneses koordinati - ven vrze nadmorsko visino, tudi minus pod morjem, deluje lokalno - pc)
  31. google.maps - racunanje 9 (s klikom dolocis koordinate - lahko na ikoni dolocis link na drugos tran - klik, spodaj se opise info o ikoni, ko gres z misko cez ikono - označeno lokacijo)
    _o
  32. google.maps - racunanje 10 odlično !!! (s klikom dolocis koordinate - lahko na ikoni dolocis link na drugos tran - klik, zgoraj se izpiše info o ikoni, ko greš z misko cez ikono - označeno lokacijo - s kliki pa dobiš geo koordinate (in nad. višino, če je orodje lokalno na pc-ju, razen če si priskrbiš api dovljenje iz googlea za na server))
    _ok
    _ok??
    _not_ok
  33. google.maps - risanje 11 - podobno kot zgoraj, le da lahko not daš svoje koordinate (več hkrati).
  34. google.maps - risanje 12 POTI - risanje poti po karti.
  35. google.maps - XIII isce kraje
  36. google.maps - XIIIB isce kraje - hkrati so dodane aktivne ikone
    - isce kraje in izpisuje koordinate - odlicno
    - - -
    - -
    .?
    .?

    Risnje po googlem, razdalje ...:
    1 , 2 , 3 , 4 , 4b (drug ključ ...), 4d (dve karti in export v png ...), 6 , 7 , 8 , 9 ni , 10 , 11 , 12 (tran. png) ,
    9s , 10s ,
    --- kar dobro rise razdalje 1
    --- kar dobro rise razdalje 2
    --- brise markerje v gm, 01



  37. Oglej si nekatere operatorje in stavke v javascrip-u

  38. Oglej si osnove javascrip-a - v Slovenšcini
  39. Kako v JS definiramo dvodimenzionalno polje, matrike (aXb)
  40. Prepis iz enega polja v drugega - textarea
  41. Prepis iz enega polja v drugega - VMES MAT. OPERACIJE - textarea *******!!!!!!!!!!!!!!!!
  42. Prepis iz enega polja v drugega - VMES programiranje za drugo polje v desnem oknu - textarea 1 ******!!!!!!!!
  43. Prepis iz enega polja v drugega - VMES programiranje za drugo polje v desnem oknu - textarea 2 ******!!!!!!!!


  44. VAJA (dava okvirja [frame] , zapisuje se iz levega v desni html dokument - v textarea - zadaj je JS)

    var dd = self.parent.okno2.document.podatki_; // za desni html v desnem okvirju
    var iz_leve=dd.iz_leve.value; // bere textarea iz desnega okna - htmlja dd.iz_leve.value= "wwwwwwwww rr oooooo"; // pise v desno polje textarea (form) v desnem html
  45. Select s size opcijo v fotmi z metodo multiple in branje vec spremenljivk iz tega selecta [ if (form.tipi_[i].selected == true) { if (j>0) {vejica=",";} else {vejica="";} form.izbrani.value=form.izbrani.value + vejica +form.tipi_[i].value; ]..., if (document.postaje.vse_postaje_.checked == true) { for( i = 0; i < document.postaje.tipi_.length; i++ ) { form.tipi_[i].selected = true; //alert(form.vse_postaje_.value); ....
  46. VAJA odznaci, oznaci v formi z js ... .... function oznaci_vse_rad_leto(obj) { // s tem se vse oznaci -cekira //radio button imajo vrednosti //[0]=" "; [1]=" ,leto, mesec "; [2]=" ,leto "; [3]=" pri_mes "; [4]=" , mesec " if (obj.cas_interval[0].checked==true) {i=0;} if (obj.cas_interval[1].checked==true) {i=1;} if (obj.cas_interval[2].checked==true) {i=2;}... Statistike po: obdobju| mesecih|

    (levo desno)
  47. onchange_II07.html ( onchange="doSomething();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" ) - pisanje v ibput text in hkrati sinhrono pisanje v drug input type=text ... !!!!!
    Rezultate bere ali pise v besedilo html: document.getElementById("demo").innerHTML

    ----------------
    vaje_pisi_socasno2.html (bolje kot zgoraj - dela prva opcija v IE in firefoksu
    vaje_pisi_socasno3.html (bolje kot zgoraj - dela prva opcija v IE in firefoksu (funkcijo document.f1.v1ii.oninput = function() { lahko uporabite večkrat, le v1ii spremenite in ostale spremenljivke function() { pa lahko uporabite velikokrat ... v script /script)

  48. Radiobuttons und Event-Handler - VAJA branja vrednosti Radiobuttona ... for( i = 0; i < document.postaje.filam.length; i++ ) { if (form.filam[i].checked == true) { form.izbrani.value=form.filam[i].value; ...
  49. Imeniten slideshow - sam vodiš ali se sam izvaja [function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; // -- document.slideform.slide.length je število slik v select // -- ce pride do zadnje slike ( *length-1 ) skoci na prvo sliko, to je 0, // -- drugače pa prišteje 1, za naslednjo sliko document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } td align=center bgcolor="white" width=200 height=150 img src="car.gif" name="show" td align=center bgcolor="#C0C0C0" select name="slide" onChange="change();" option value="cart.gif" selected>Cart option value="aat.gif" AAT option value="boat.gif" Boat option value="enterprise.gif" Enterprise option value="ewing.gif" E-Wing option value="f18.gif" F-18 option value="klingon.gif" Klingon option value="landingcraft.gif" Landing Craft option value="hoverracer.gif" Hover Racer option value="sith.gif" Sith /select /td /tr ] ...
    -----------------------------------
  50. Pravilnost vpisnega polja (ki je v naprej definiran) ... [ script type="text/javascript" function Antwort () { var Ergebnis = (document.Formular.Eingabe.value == "42") ? "RICHTIG (pravilen) !" : "FALSCH (narobe) !"; document.Formular.Eingabe.value = "Die Antwort ist (Odgovor je) " + Ergebnis; } /script /head body h1 Množenje - testiranje operatorja ? /h1 form name="Formular" p Koliko je 6*7? !/p input type="text" name="Eingabe" size="40" input type="button" value="OK" onclick="Antwort()" /form]
    -----------------------------------
  51. Kako določiš v select opciji izbran element - selectedIndex ... [ #script type="text/javascript"$ function getIndex() { var x=document.getElementById("mySelect") alert(x.selectedIndex) } #/script$ #/head$ #body$ #form$ Select your favorite fruit: #select id="mySelect"$ #option$Apple#/option$ #option$Orange#/option$ #option$Pineapple#/option$ #option$Banana#/option$ #/select$ #br /$#br /$ #input type="button" onclick="getIndex()" value="Alert index of selected option"$ #/form$ ]
    -----------------------------------
  52. ...
    -----------------------------------
  53. Manipulacija z nizi stringov - Regular Expression - poljex = (forma1.vred.value).replace(/\s+/g, ",");

  54. http://www.jaws.umn.edu/javascript_1.1/refix.htm
  55. Odpiranje datotek z javascriptom.
    -- primer 2, direktno fajl C:\a.txt, deluje lokalno
  56. Odpiranje datoteke z javascriptom in branje po vrsticah ali cele vsebine (not je tudi zakomentirano pisanje v datoteko).
    ( var dat="c:/a.txt"; fso = new ActiveXObject("Scripting.FileSystemObject"); ts = fso.OpenTextFile(dat, ForReading); s = ts.ReadLine(); vse = ts.ReadAll(); document.write("Prva vrstica = '" + s + "'<hr> ostali del vsebine = '" +vse + "'<br>"); ), deluje lokalno
    -- primer pisanja in branja "c:\\testfile1.txt", deluje lokalno
    http://www.mozilla.org/js/js-file-object.html


  57. How do I run a Javascript command in a DOS Batch File?
    Zagon JavaScript procedur iz DOS-a (ne iz brskalnika, IE, Firefox, itn)?
    Recimo (primer) da ustvarim in pišem v datoteko "c:\testfile2.txt" s js proceduro jsd2.js, uporabim v dos-promptu ukaz podoben spodnjemu
    c:\primeri> c:\windows\wscript.exe jsd2.js
    ali s potjo windows\system32
    c:\primeri> c:\windows\system32\wscript.exe jsd2.js
    ali preko bat procedure, recimo js_p2.bat, ki vsebuje stavka za zagon dveh procedur
    c:\windows\wscript.exe jsd2.js
    c:\windows\wscript.exe jsd_2.js "crke bodo velike "

    ------------
    Zakaj omenjam zgornjo možnost?
    Kdaj v brskalnikih nagajajo nastavitve varnosti (kontrolnikov), recimo ActiveX, itn (ki nam tudi lokalno onemogočijo delo z datotekami preko brskalnika), in če imamo kak dolg program v JS, s katerim bi radi obdelovali datoteke, podatke ..., je bolje, da JS priredimo in procediro zaženemo v DOS-u ali z 2x klik, direktno v mapi, na bat proceduro.

    Še boljša možnost za izvajanje JS je z zagonom wsf procedur (wsf je Windows Script File, ki lahko vključuje različne skriptne jezike: JScript in VBScript znotraj skrptnega fajla; ali skriptne jezike, ki jih instalira uporabnik, recimo Perl, Object REXX, Python, Kixtart). Na wsf fajl samo 2x kliknes in že se izvede. Preprost primer je spodaj (v nek poljuben.wsf fajl vpišemo spodnjo vsebino, med črtkanima črtama).:
    --------------
    <job>
    <script language="VBScript">
    MsgBox "hello world (from vb)"
    </script>
    <script language="JScript">
    WSH.echo("hello world (from js)");
    </script>
    </job>
    --------------
    Resnejši primer pa je recimo test2_pisanje.wsf .
    Če se pojavijo kake težave s pravicami kreiranja datotek, itn, se vse skupaj lahko izvaja in kreira datoteke v temporary mapi (C:\WINDOWS\TEMP).
    Ukaz za odpiranje fajlov je lahko podan s potjo, spodnja vrstica:
    f1 = fso.CreateTextFile("c:\\testfile3.txt", true);
    a če so kake omejitve glede dovoljenj, uporabi spodnjo moznost kreiranja fajla (brez poti) v lokalni mapi, kjer se izvaja procerdura:
    f1 = fso.CreateTextFile("testfile3.txt", true); // fajl lokalno na mestu zagona procedure

  58. http://sers.s-sers.mb.edus.si/gradiva/w3/javascript/primeri/odpri.html.

  59. Oglej si operatorje v javascrip-u !!!!!!!!!!!
  60. Piškotki ali Cookies !!!!!!!!!!!
  61. Novo kontrolirano okno s podatki nad starim (popup)

  62. Oglej si skoraj vse o JAVI (Java ni JavaScript, Java zmore neprimerno vec, je pa zato vezana na vaš pc, oziroma server !!!!!!!!!!!!!!!!!!!!!)

  63. Oglej si poucna Gradiva iz http://zaversnik.fmf.uni-lj.si/Gradiva/

  64. Tecaji, c, c++, java, unix, vrml, html, javascript - uni-lj.si
  65. Primer appleta A
  66. Primer appleta A (prevajanje, javac Ex4.java, dobimo Ex4.class, ki ga damo na server. skupaj s kodo aplikacija_in_apletx.html)
  67. Računanje razdalje med kraji v Sloveniji. A____________B
  68. Primeri risanja grafov z Java - osnove
  69. Nekaj naslovov za GRAFE, 3D premikanje .......
  70. LCmodel, koda, obracanje !!!!!!
  71. hiperkocka !!!!!!
  72. forma_osvezi_update_refresh.html - js koda v formi, radio gumbki, type="checkbox"
  73. Prva uporaba v fiziki, čas srečanja dveh vozil pri dani razdalji in hitrostih
  74. Zahtevnejša prejšnja vaja, čas srečanja dveh vozil pri dani razdalji in hitrostih (dodatne kontrole pravilnosti vnosa)
  75. Pretvori stopinje (decimalni zapis) v st, min, sek.
  76. Pretvori st, min, sek v stopinje (decimalni zapis).
  77. Kontrola lege miške in tipkovnice, dogodki.
  78. Pretvorba iz desetiškega sistema v ostale sisteme in obratno (spoznal boš:
    uporabo spremenljivk, polj new Array(dolzina), funkcijo toString(n), substring(i,i+j), ukaz (x.value).length, stavek - zanko for (i=0; i < dolzina; i++), stavek if (stevila[i] == "b") { stevila[i]=11 }, ukaz with(form) ...)
  79. Uporabi kalkulator za uzračun dneva, oglej si formate zapisa za datum in čas.

  80. Nekateri ukazi v javascriptu s poudarkom na formah, selektih ..
  81. Iskanje besede (išče besede, string, ...) - strinkga v nekem besedilu, javascript ni od muh.
  82. ko_dir
  83. od_ko_dir
  84. ko_dir2*
  85. od_ko_dir2
  86. (surova verzija, branje levo desno itd.) Javascript animacije gibanja kometov, planetov, asteroidov ...
  87. Javascript animacije gibanja kometov, planetov, asteroidov ... (deluje v ie)
  88. Kvadratna enačba
  89. Osnove vbscript jezika na primeru - VBSCRIPT
  90. Kvadratna enačba v vbscripti - VBSCRIPT
  91. Kvadratna enačba v vbscripti - VBSCRIPT, testiranje 2
  92. Kaj zmore VBSCRIPT.
  93. ura_vbscript.htm
  94. http://skis.ath.cx/skis/jscript-vbscript.htm
  95. vbscript_lokalno.htm
  96. VBSCRIPT bere iz datoteke in pise v datoteko.

  97. Izračun datuma Velike noči (pred letom 1583 velja Julijanski koledar, po letu 1582 pa Gregorijanski koledar).Velika noč je vedno prvo nedeljo po prvi polni spomladanski Luni. (Torej prvo nedeljo po polni Luni po 21. marcu). Pustni torek, pa je en dan pred pepelnično sredo (47 dni pred Veliko nočjo).

  98. ŠAH - žitna zrna, zgodba o nagradi
  99. Find the equation from two points on a grid, y od x.
  100. Javascript primeri ...
  101. Koledar 1 ...
  102. Koledar 2 ...
  103. Koledar 3 ...
  104. Easter Day - velika noč, izračun
  105. Koledar 4 (Gregorian Calendar for the year 2002)
  106. Koledar 5 (The transition from Julian to Gregorian Calendar. )
  107. Čas polne Lune ... ----- drug način !!!!!!!!!!!!!!! in še samo prvi in zadnji krajec iz Fullmoon.html
  108. Lega lune
  109. The JavaScript Planet
  110. Lunar Calendar - Fullmoon.html vse faze in časi.
  111. Month Calendar for Any Year
  112. Koledarji
  113. Welcome, Body Mass Index seeker.
  114. Growth Percentile Calculator See how your child's growth compares to his or her peers'
  115. What the heck is this 95th Percentile number?
  116. MRTG 95th Percentile
  117. Perl koda za percentil
  118. THE QUEUEING THEORY
  119. !!!! Confidence Intervals : The percentile method
  120. Recommend JavaScript Kit to a friend (kode za igre, ure, budilko)
  121. The Date of Easter
  122. Easter day
  123. Stereo (3d) fotografija - izračun baze in ostalih količin !!!!!!!!!!!!!!!!!!!!!
  124. onmouseover_js_vaja.html - Okno na onmouseover z js - primeri
  125. Grafi s flash aplikacijo - amcharts
  126. grafi v JS I (bluff, dela v firefoxu, rabis js knjiznice: js-class.js, bluff-min.js. bluff-src.js. excanvas.js )
  127. JS grafi II, rabimo: wz_jsgraphics.js, line.js, line.js
    Spodaj:
    http://dygraphs.com/
  128. jsgr17_csv.html graf tudi v ie (glej tudi: http://dygraphs.com/tests/)
  129. demo_dyg.htm graf tudi v ie (rabi dygraph-combined.js, excanvas.js, ...)
  130. jsgr14_csv.html graf dela tudi v ie
  131. jsgr18_csv.html graf dela tudi v ie (rabi datoteko temperatures.csv)
    Ne delajo v IE, razen 4 delno
  132. jsgr3.html??? jsgr4.html jsgr5.html jsgr6.html jsgr7.html jsgr2.html???
  133. Kako do lokalnega IP naslova 4
  134. Kako do lokalnega IP naslova 5
  135. Kako do lokalnega IP naslova 6
  136. branje_imena_pcja v ie ... User: Computer:
  137. PHP how to get local IP of system
  138. Get Client Machine Name in PHP


  139. random_stevila01.html
    (metoda Monte Carlo in število PI z ploščine kroga)
    * podobno kot zgoraj, dodal sem le še primerjalni izračun za kroglo! random_stevila02.html (metoda Monte Carlo in število PI iz ploščine kroga in volumna krogle)
  140. Izračun PLOŠČINE mnogokotnika (polygon-a) v ravnini x,y!
  141. GM - metoda z geometrijo na sferi - testiraj poligon na površini Zemlje! (deluje ok)
  142. GM - metoda z geometrijo na sferi - testiraj poligon na površini Zemlje! (deluje napačno)
  143. GM - nedokončana metoda z geometrijo na sferi - testiraj poligon na Zemlji - nestabilno orodje!
  144. Bisekcija - iskanje približne ničle funkcije
  145. Sekantna metoda - iskanje približne ničle funkcije
  146. Newton-Raphsonova metoda - iskanje približne ničle funkcije


  147. *** Testiraj zgornjo teorijo z JS kalkulatorjem za računanje Lagrangevih točk in reduciranega potenciala.

  148. JS kalkulator korelacije med x in y točkami
  149. JS kalkulator korelacije med x in y točkami in regresijske premice y = kx + n
  150. JS kalkulator korelacije med x in y točkami in regresijske premice y = kx + n, kvadratne enačbe y = ax^2 + bx + c in kubne enačbe y = ax^3 + bx^2 + cx + d
  151. Uporabi js aplikacijo za reševanje sistema linearnih enačb preko matrike m x n.
  152. glasba2_js.html (klaviature)
  153. glasba3a_js.html (zaigran ton)
  154. glasba3b_js.html (zaigra skladbo)
  155. glasba4a_js.html (uporaba datoteke simpleTones.js)
  156. Tjuner 1 (kaže frekvenco) - lahko preko spleta (online) uglasiš inštrumente
  157. Tjuner 2 (deluej lokalno) - lahko preko spleta (online) uglasiš inštrumente: kitaro, violino ...
    String 	Scientific
    pitch 	Helmholtz
    pitch 	Interval from middle C 	Frequency
    (Hz)
    1st 	E4 	e' 	major third above 	329.63
    2nd 	B3 	b 	minor second below 	246.94
    3rd 	G3 	g 	perfect fourth below 	196.00
    4th 	D3 	d 	minor seventh below 	146.83
    5th 	A2 	A 	minor tenth below 	110.00
    6th 	E2 	E 	minor thirteenth below 	82.41 
  158. Indeks telesne mase (krajša verzija) (primerno za učenje js, rabi pa datoteko itmase.js)
  159. Indeks telesne mase (nadgrajena zgornje verzija) (rabi itmasezv.js, dobro za učenje JS, tudi if stavka ...)
  160. Indeks telesne mase (nadgrajena zgornje verzija - III) (rabi itmasezv_.js, koda vam še dodatno svetuje minimalno povišanje ali znižanje teže ...)
  161. Temperatura planeta glede na razdaljo do zvezde, izsev zvezde, odbojnost, emisivnost planeta (Zlatolaskin kalkulator ...).
  162. JS aplikacija za reševanje sistema neodvisnih linearnih enačb preko matrike m x n.

Nazaj

Avtor, Zorko Vičar
-leto: 2002 (11111010010)