JavaScript pradžiamokslis : Internetas, tinklapių kūrimas

**xettit** » 2009 Lie 11, 02:58

Laukelyje įvedama tarpais atskirtų žodžių seka.
Spragtelėjus mygtuką 'Išrinkti', turi būti išrenkami visi laukelyje įrašyti žodžiai ir įrašomi į pagalbinį masyvą. Spragtelėjus mygtuką Parodyti, pagalbiniame masyve saugomi žodžiai parodomi įrašyti stulpelio pranešimo lange.

Tinklalapio aprašymas, kurio žodžių į masyvą funkcija. Testas dirba
teisingai tiktai tada, kai tarp žodžių nėra pasikartojančių tarpų ir už paskutiniojo žodžio įrašomas tarpas, atrodo taip:

Kodas: Pasirinkti visus: <html> </head> <script language="javascript"> var masyvas= new Array (20), n; // Pagalbinis masyvas ir žodžių skaičius function Testas(x) { // Rašymo i masyvą funkcija var s=0, sk='', p; // Pagalbiniai kintamieji n =0; // Tuščio masyvo požymis while (x.indexOf(sk)>0){ // Žodžių paieškos tęsimo sąlyga p= x.indexOf(sk); // Žodžių pabaigos indeksas masyvas [n++]= x.substring(s.p); // Žodžio rašymas į masyvą x= x.substring(p+1, x.lenght); // Apdorotos dalies atmetimas } } function Rodyti(){ // Masyve saugomų žodžių rodymas var t= "Išrinkti žodžiai: \n"; // Aiškinantis tekstas for (i= 0;i<n; i++) // Masyvo peržiūros ciklas t+= masyvas[i]+"\n"; // Žodžių rinkinio formavimas alert(t); // Žodžių rinkinio parodymas } </script></head> <body> <form name= "forma"> Tiriamas tekstas: <input name="tekstas" type=text> <br><br> <input value =Išrinkti" type=button OnClick= "Testas(form.tekstas.value)"> <input value ="Parodyti" type=button OnClick= "Rodyti()"> </form></body></html>

**xettit** » 2009 Lie 11, 03:01

Programų teikiamos paslaugoms prarinkti naudojama dar viena populiari priemonė - išskleidžiamieji sąrašai

Pagrindinis išskleidžiamųjų sąrašų privalumas yra tai, kad jie ekrane užima mažai vietos.

Kodas: Pasirinkti visus: <html> <head></head> <body> <form name="Prekyba"> <p><b>Pažymėkite pageidaujamas OS:</b><br><br> <select size="1" name="Parinkta" multiple> <option value="WinXP" selected>Windows XP</option> <option value="Vista" selected>Windows Vista</option> <option value="Linux" selected>Linux</option> </select>   <input type="submit" value="Užsakyti">   <input type="reset" value="Atsisakyti"> <br><br>Pažymint keletą sąrašo elementų, reikia laikyti nuspausta klavisa <i>Ctrl</i> </form> </body></html>

**xettit** » 2009 Lie 11, 03:02

Užėjus į jūsų puslapį atsivers naujas langas su jūsų tekstu.

Kodas: Pasirinkti visus: function sveikinimas(){ //Naujo lango struktūros aprašymas tekstas="<html><head></head><body>"+ "Sveikiname aplankius mūsų svetainę, sukūrė WyPuk!"+ "</body></html>" atributai= "toolbar= no, width= 100, height=100"; //Lango savybės naujas = window.open("","labas", atributai); //Lango atidarymas naujas.document.write(tekstas); //Rašymas lange setTimeout("naujas.close()",10000); //Lango uždarymas }

**xettit** » 2009 Lie 11, 03:06

Taigi vėl paprastas tutorial'as, kaip uždrausti žymėti tekstą.
Nusikopijuojame šį kodą į bet kurią panelę ar kitą php failą.
( jeigu dėsite į php failą, pridėkite echo)

Kodas: Pasirinkti visus: <script type="text/javascript"> function disableSelection(target){ if (typeof target.onselectstart!="undefined") //IE route target.onselectstart=function(){return false} else if (typeof target.style.MozUserSelect!="undefined") //Firefox route target.style.MozUserSelect="none" else //All other route (ie: Opera) target.onmousedown=function(){return false} target.style.cursor = "default" } //Sample usages //disableSelection(document.body) //Disable text selection on entire body //disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv" </script>

Kai script'as jau suinstaliuotas, tada galite pasinaudoti šiais parametrais:

Draudimas žymėti tekstą visame puslapyje:

Kodas: Pasirinkti visus: <script type="text/javascript"> disableSelection(document.body) </script>

Draudimas žymėti tekstą div žymoje:

Kodas: Pasirinkti visus: <script type="text/javascript"> var somediv=document.getElementById("mydiv") disableSelection(somediv) </script>

Draudimas žymėti tekstą visose puslapio lentelėse:

Kodas: Pasirinkti visus: <script type="text/javascript"> var alltables=document.getElementsByTagName("table") for (var i=0; i<alltables.length; i++) disableSelection(alltables[i]) </script>

**xettit** » 2009 Lie 11, 03:08

Pasidarykite tokį panašų dalyką savo HTML puslapiui kaip registracija.

Kodas: Pasirinkti visus: <html> <head></head> <body> <form action ="http://puslapis.lt/prog/forma1" method="post"> Vardas:   <input type="text" name="vardas">    Pavardė: <input type="text" name="pav"><br> E-Paštas: <input type="text" name="adresas"><br><br> <center><input type="submit" value="Registruotis"> &nbsp <input type="reset" value="Trinti"></center></form> </body></html>

Šioje formoje spragtelėjus reset tipo mygtuka Trinti, bus ištrinami visi teksto laukeliuose
įrašyti duomenys, o submit tipo mygtukas Registruotis valdo šių duomenų perdavimą.
"Konteinerio" form parametro action nurodomai programai. Kai šio parametro reikšmė yra
elektroninio pašto adresas, formos elementų pavadinimai ir parinktos jų reikšmės siunčiamos parametro
nurodytu adresu.Pvz:.

Kodas: Pasirinkti visus: <form name=Siuntimas e-paštu" action="mailto:Tavomail@Mail.LT" method="POST" title="Test" entype="text/plain">

Rikiuojant formos elementus stulpeliuose ir eilutėse, siūloma panaudoti lentelę.

Kodas: Pasirinkti visus: <form action="http://puslapis.lt/prog/forma1" method="post"> <table> <tr> <td><label for="vd">vardas:</label> <td><input type="text" id="vd"> <td><lebel for="pvd">pavardė:</label> <td><input type="text" id="pvd"> <tr> <td><label for="ep">e-paštas:</label> <td><input type="text" id="ep"> <td><td><input type="submit" value="registruotis">  <input type="reset" value="trinti"> </table></form>

**xettit** » 2009 Lie 11, 03:10

Interneto svetainių paslaugomis patogiau naudotis, kai jose būna tiekiamų paslaugų pasirinkimo ir lankytojams aktualios informacijos paieškos priemonės. Tokioms priemonėms sudaryti galima naudoti anksčiau aptartus teksto laukelius jų analizei skirtus JavaScript
arba kurios nors kitos programavimo kalbos skriptus.

Jeigu norite padaryti tokį dalyką kaip prekių rinkinį su žymimosiomis akutėmis checkbox:

Kodas: Pasirinkti visus: <html> <head></head> <body> <form name="Prekyba"> <p>Vardas: <input type="text" name="vard" size="15"> Pavardė: <input type="text" name="pav" size="20"><br> <p><b>Pažymėkite jums patinkančius puslapius:</b><br><br> <input type="checkbox" name="dlf" value="ON">Delfi.LT <input type="checkbox" name"alf" value="ON">Alfa.LT <input type="checkbox" name"one" value="ON">One.LT <br><br> <input type="submit" value="Užsakyti">   <input type="reset" value="Trinti"></p> <form> </body></html>

Žymimųjų akučių aprašymas skiriasi tuo, kad visiems vienos grupės mygtukams nurodoma ta pati vardą
aprašančio parametro name reikšmė, kuri vadinama mygtukų grupės vardu. Taip yra todėl, kad parinkimo aprašymui pakanka
nurodyti grupės vardą ir pažymėtos akutės paskirtį aprašančia reikšmę (value). Žymimųjų akučių aprašymo pavyzdys:

Kodas: Pasirinkti visus: <form name="Testas"> <p><b>Pasirinkite kalbą:</b><br><br> <input type="radio" name="kalba" checked value="lietuvių">lietuvių <input type="radio" name="kalba" value="anglų">anglų <input type="radio" name="kalba" value="vokiečių">vokiečių <br><br> </form>

Svetainėse, kurių tinklalapiuose lankytojas turi pasirinkti pageidaujamas paslaugas, tenka
tikrinti, ar parinkimas tikrai atliktas. Perrenkant elementus, galima tikrinti jų tipus ir parinkimą.
Pavyzdžiui tinklapiui galima sudaryti tokią žymimųjų langelių įjungimo kontrolės funkciją.

Kodas: Pasirinkti visus: function Tikrinti(){ gerai = 0; //Pradinė prielaida apie užpildymą for (i= 0; i<document.Prekyba.elements.lenght; į++) //Ar elementų perrinkimo ciklas if(document.Prekyba.elements[i].type == "checkbox")&& (document.Prekyba.elements[i].checked)) //Ar elementas užpildytas? gerai += 1; //Pažymėtų žymimųjų langelių skaičiavimas if(!gerai) { //Ar bent vienas žymimasis langelis buvo pažymėtas? alert("Nurodykite pageidaujamą prekę"); return false; return true; }

Siūloma atkreipti dėmesį į tai, kad įvedimo kontrolės funkcijai, priklausomai nuo gautų
rezultatų, suteikiama reikšmė true (yra parinktų elementų) arba false (parinktų elementų nėra)
Arba galima tinkamai panaudoti mygtuką submit kartu su Tikrinti().
Viskas yra aprašoma taip

Kodas: Pasirinkti visus: <form name="Prekyba" onSubmit= "return Tikrinti()">

Pateiktame funkcijos Tikrinti() aprašyme keletą kartų įrašyti ilgi sudėtiniai formos elementų
savybių vardai. Tokius aprašymus galima suprastinti pirijungimo operatoriumi with. Jo sintaksė

Kodas: Pasirinkti visus: with (Objekto vardas){ Operatoriai, kuriuose objekto savybės nurodomos paprastais vardais };

Pavyzdžiui naudojant operatorių with, funkcijoje Tikrinti formos žymimųjų langelių
žymėjimo tikrinamą galima aprašyti taip:

Kodas: Pasirinkti visus: gerai = 0; for (i= 0; i<document.Prekyba.elements.lenght; i++) with (document.Prekyba.elements[i]) //Prisijungimo operatorius if ((type == "checkbox")&&(checked)) //Objekto savybių tvarkymo aprašymas gerai += 1;

**Dilex** » 2009 Lie 12, 13:33

Nelabai pradžiamokslis, pagrinde pasakai funkciją ir scriptą. Dar commentai scripte truputį geriau, bet jeigu pradžiamokslis tai galėtum paaiškinti kiekvieną eilutę, funkciją.

**ou'nou** » 2009 Lie 12, 13:53

Tai turbut nebuvo paaiskinta is ten kur kopino

**Tomas** » 2009 Lie 26, 02:43

Ką xetti yra parašęs t.y. nukopijavęs esu viską senai matęs kituose puslapiuose.
Bent jau parašytu šaltinį....

**EvoN** » 2009 Rgp 15, 23:12

Jusu ziniai traukiau viska is phpfusion-lt.com , kur pats viska surasiau straipsniuose galite pasiziureti.

**DRAGOON** » 2012 Bal 05, 23:40

sveiki, žinau, kad tema jau sena, bet jei jau kalba eina apie JavaScript, o prie jo būtų gerai truputį mokėt ir pačią Java tai nutariau pasidalinti viena puikia nuoroda. http://www.codecademy.com/ šioje svetainėje galima labai lengvai kad ir visiškai žaliam išmokti Java kalbos. Patariu išmėgint. Kai užsivedi, tai kaip kokiu narkotiku programavimas tampa

JavaScript pradžiamokslis

Prisijungti

Kas naujo?

Forumo stilius

Dabar prisijungę

Savaitės parašas

Komandinis darbas: