Kokie nauji JavaScript elementai naujoje versijoje?

Pas graikus Atlasas pakliuvo į Titano nemalonę ir buvo Dzeuso pasmerktas amžinai laikyti dangaus skliautą. Kas laukia "Netscape", kurio "Navigator" 3.0 darbinė versija turėjo būtent tokį pavadinimą? Juk iš pažiūros naujoji versija niekuo nesiskiria nuo ankstesnės, - nebent tvarkingai veikia 'Back' mygtukas. Bet negi dėl to verta keisti programą?

Be abejo, ji numato ne tik naujus HTML pagerinimus, pvz, freimus be be rėmelių. Ir retas kuris pastebi, kad labai pakito būtent 'JavaScript': nauji objektų konstruktoriai, piešinių keitimas "vietoje", tiesioginė sąveika su Java "apletais". Paminėsime tik keletą pagrindinių naujovių.

2.0 versijoje tebuvo trys objektai: Date, Array ir Object. Objekto konstruktorius "new" naudojamas naujam objektui sukurti, pvz., iš ankstesnio 'Vartiklio' straipsnelio:

Dabar = new Date();

3.0 versija ne tik apaugino mėsa "Array" masyvą, bet ir įvedė naujų konstruktorių. Dabar "new" galima naudoti su Array, Boolean, Date, Function, Images, Number, Object, Options ir String objektais.

Konkrečiau apie šiuos objektus bus kituose 'Vartiklio' numeriuose, o dabar priminsiu, kad atsirado senai laukiama galimybė aprašyti atskirą puslapį "JavaScript" programai. Tą galime nurodyti panaudoję SRC atributą, pvz. (neužmirštanr, kad plėtinys .js yra būtinas ir šiame faile vien tik grynas "JavaScript" programos tekstas be jokių papildomų <SCRIPT> komandų. Ir dar, WWW serveris privalo šiuos .js failus atiduoti su aplication/x-javascript MIME tipu - kitaip Navigator 3.0 tiesiog ignoruos šiuos failus ir niekas neveiks),

<SCRIPT SRC="pabegiok.js">
</SCRIPT>

Taip pat yra galimybė nurodyti, kokį tekstą pateikti, jei "JavaScript" nėra naudojamas (arba išjungtas). Tekstą tarp <NOSCRIPT> ... </NOSCRIPT> praleidžia "JavaScript", tačiau išveda, kai jo nėra, pvz.,

<NOSCRIPT>
Čia skaitote, kai nenaudojama JavaScript.
</NOSCRIPT>

Taip pat realizuota galimybė patikrinti, ar įdiegti papildomi priedai ("plug-ins"), galima nustatyti, kas atidarė naują langą, dinamiškai keisti sąrašus formose (<SELECT> komanda) ir kita, apie ką rašysime ateityje.

O dabar rimčiausia problema, kaip paruošti puslapį, kad jis veiktų ir su ankstesne versija ir su nauja? Vienas būdas - naudoti dvi atskiras programas:

vieną <SCRIPT> komandoje aprašytą kaip "JavaScript" (ankstesnei versijai·; kitą - kaip "JavaScript1.1", pvz.

<SCRIPT LANGUAGE="JavaScript">
var versija=navigator.userAgent;
    if (versija.indexOf("2.") != -1) {
       alert ("Tai ankstesnis 'JavaScript' variantas");
     } else {
       alert ("Neatpažintas variantas");
   }
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.1">
    alert ("Pagerintas JavaScript variantas");
</SCRIPT>

O drąsiausieji gali naudoti tą pačią programą, o priklausomybes nuo versijos atskirti programiškai. Ir dar baisiau, kad Microsoft Explorer 3.0 nors ir sugeba vykdyti "JavaScript" programas, tačiau jo galimybės labai ribotos. Ir visiškai nebus vykdomos naujos galimybės (netgi pranešant apie klaidą). Norint atpažinti Microsoft kūrinį "navigator.userAgent" charakteristikoje paieškokite eilutės "MSIE". Ir tokią suradę, neleiskite programai pakliūti į naujoves. Pvz.,

<SCRIPT LANGUAGE="JavaScript">
var versija=navigator.userAgent;
    if (versija.indexOf("MSIE") == 25) {
       alert ("Microsoft! Microsoft! Microsoft! Microsoft!");
    } else {
       alert ("Ne, ne, ne,... nereikia ašarų...");
    }
</SCRIPT>

Be to, galima nurodyti ir dar vieną programos bloką su "VBScript" kalba - specialiai "Microsoft Explorer" peržiūrėtojui, nes jis tiesiog ignoruos (ne nežino) "JavaScript1.1" bloką, pvz.,

<SCRIPT LANGUAGE="JavaScript1.1">
    ...
</SCRIPT>

<SCRIPT LANGUAGE="VBScript">
    ...
</SCRIPT>
Tad sėkmės medžiojant skirtingas versijas!


(C)1996, spalis. Vartiklis. Pasiliktos visos teisės.


Šiuo metu taip pat galite pasiskaityti straipsniukus apie:
Kas yra HTML?
Kas yra CGI?
JavaScript pradžiamokslį,
JavaScript eilutes,
JavaScript laiko objektas
JavaScript rėmeliuose ir
Sugrįšk, kol nevėlu... - 'Back' mygtukas.
Kaip Web'e atsiranda piešinukai

Yra senas kaip pasaulis mitas, kad piešinys vertas kelių tūkstančių žodžių. Sunku ginčytis su mitais ir religiniais fanatikais, tačiau vis vien noriu paklausti "Ar tai tikrai geriau?" Juk tas posakis buvo skiriamas piešiniui bendrąja prasme, o ne voratinkliui (Web) su ribotomis perdavimo galimybėmis, įvairiomis suspaudimo schemomis, spalvų transformavimo schemomis, 16-os spalvų 600x400 taškų displėjais. Tokioje terpėje piešinys kartais atrodo kaip murzina dėmė. Tiek to, kaip piešinukai atsiranda www puslapyje.

Piešiniai yra pats paprasčiausias HTML puslapio elementas. Ir net keli mažyčiai piešinukai gali puslapį išskirti iš kitų. Pagrindinė priemonė juos įtrauki yra <IMG SRC=...> direktyva. "SRC" nurodo piešinio failo vardą, pvz., <IMG SRC="grybas.gif">. Vietoje failo vardo gali būti ir programos, kuriančios piešinio vaizdą, "Internet" adresas, - taip veikia daugelis skaitliukų.

Jeigu piešinys yra teksto dalis, galima nurodyti, kaip jis bus "lygiuojamas" su šiuo tekstu, - tam skirtas ALIGN parametras, pavyzdžiui, <IMG SRC="grybas.gif" ALIGN="top">. Visos peržiūros programos supranta TOP (ties didžiausio eilutės elemento viršumi), MIDDLE (centre) ir BOTTOM (teksto apačios "bazės" linija) lygiavimo atributus. Kad galima būtų tiksliau valdyti piešinių išdėstymą, "Netscape" įtraukė ir keletą naujovių, kurios išplito:

ALIGN=TEXTTOP - ties teksto viršumi;

ALIGN=ABSMIDDLE - eilutės centre;

ALIGN=BASELINE - atitinka ALIGN=BOTTOM

ALIGN=ABSBOTTOM - ties žemiausio eilutės elemento kraštu.

Tačiau vis vien piešiniai ir tekstas nenorėjo meiliai bendrauti. Pabandykite piešinį įdėti pastraipos viduje ir pamatysite, kad jis "surištas" tik su viena eilute, o kitos "neplaukia" apie jį (žr. pavyzduką) Todėl HTML 3.0 specifikacijoje papildomai įtrauktos horizontalaus lygiavimo RIGHT ir LEFT atributai. Reikalai iškart pagerėja!

Naudojant šiuos atributus, tekstas pildomas šalia piešinių eilutė po eilutės. Jeigu norite nutraukti teksto pildymą, galite įterpti <BR> direktyvą - "nulaužti" eilutę, - joje nurodydami CLEAR atributą, kurio leistinos reikšmės yra LEFT, RIGHT ir ALL. Pavyzdėlyje buvo panaudotas atributas ALL:

<P ALIGN="center">
<IMG SRC="grybas.gif" ALIGN="left">
<IMG SRC="vover.gif" ALIGN="right">
<FONT SIZE=+2>
Kas Lietuvoje nežino, kur daugiausia grybų?
<B>Varėna!</B> <BR>
Jei ne grybai, uogos, dzūkų mergos būtų nuogos!..
</FONT>
<BR CLEAR="ALL">

<P>Šiame kukliame pavyzdėlyje pristatysime
šio miškingo krašto įdomybes ir žmones.

<BR CLEAR=LEFT> ir <BR CLEAR=RIGHT> nurodo, kad reikia tęsti tekstą nuo pirmos tuščios kairės ar dešinės paraštės. <BR CLEAR=ALL> - nuo pozicijos, kurioje abi paraštės tuščios.

Rėmeliai

Dažniausia piešiniai neįdedami į rėmelius, nebent tada, kai jie yra nuorodos į kitą Internet puslapį dalis, - tada piešinių rėmelius yra tokios pat spalvos, kaip ir kitų nuorodų, esančių puslapyje (dažniausia mėlynos ar purpurinės spalvos). Tačiau rėmelį galima nurodyti ir tiesiogiai panaudojus BORDER atributą, kuris nurodo rėmelio plotį, pvz., <IMG SRC="grybas.gif" BORDER=5>. Nulinė reikšmė reiškia, kad rėmelis nebus naudojamas.

Alternatyvos

Nepaprastai svarbus yra ALT atributas ir jo nereikėtų niekada ignoruoti. Jis nurodo, kokį tekstą reikia pateikti piešinio vietoje, kol šis dar nėra atsiųstas. Peržiūros programos iš pradžių atsisiunčia tik www puslapio tekstą, jį nagrinėja ir tik tada atsisiunčia papildomus elementus, pavyzdžiui, piešinius. Tačiau piešiniai gali būti didelės apimties, ir kol jie atkeliaus, gali praeiti kelios ar net keliolika minučių. Tačiau piešinio vietoje bus pateiktas tekstas, nurodytas ALT parametru, pavyzdžiui, <IMG SRC="grybas.gif" ALT="GRYBAS">.

Kokio dydžio piešinys?

Piešinys yra tam tikrų išmierų. Geriausiai, kai jo aukštis ir plotis yra toks, kaip ir turi atrodyti www puslapyje. Tačiau piešinį galima ir "patampyti", nurodžius HEIGHT ir WIDTH parametrus, pavyzdžiui, <IMG SRC="grybas.gif" WIDTH=156 HEIGHT=156>. Tačiau stenkitės išvengti piešinių "tampymo", nes ne visos peržiūros programos sugeba dinamiškai pakeiti piešinio dydžio, - vieną kartą ir šių eilučių autoriui teko raudonuoti, - "jaunas - kvailas".

Tačiau rekomenduojama šiuos parametrus nurodyti net ir tada, kai puslapyje piešinys bus pateikiamas tikruoju dydžiu. Tai suteikia peržiūros programai papildomos informacijos ir pagreitina puslapio pateikimą ekrane, nes nereikia atsisiųsti net ir piešinio antraštės, kad sužinotų, kiek gi iš tikro vietos palikti piešiniui.

Tuščios lankos aplink

Taigi, savo www puslapyje įdėjote piešinuką ir netikėtai aptikote, kad tarp jo ir teksto nepaprastai mažas tarpelis. Ne taip netinka! Ir čia padeda nauji atributai HSPACE ir VSPACE, nurodantys kiek tuščios vietos palikti šalia piešinio, pvz.,

<IMG SRC="grybas.gif" ALT="GRYBAS" BORDER=0 WIDTH=156 HEIGHT=156 HSPACE=32 VSPACE=32>.

Fonai, čerpės ir vandens ženklai

Piešinukas, panaudotas fonui, labai pagerina puslapio išvaizdą. Tačiau nepradėkite piktnaudžiauti jais! Jis turi būti vien fonas ir neblaškyti dėmesio skaitant informaciją puslapyje. Nebent būtų toks tikslas...

Rekomenduojama, kad pagrindinis puslapio tekstas prasidėtų <BODY> direktyva (nors tai ir nėra būtina). Šioje direktyvoje galima nurodyti puslapio foną (nepamirštant, kad kartu reikia nurodyti ir kuo artimesnę fono spalvą - trejulę: raudona-žalia-mėlyna), pavyzdžiui, <BODY BACKGROUNG="samanos.jpg" BGCOLOR="#008800">.

Taip nurodytas fono piešinys yra dauginamas suklijuojant jį patį, kad užpildytų visą ekraną (kaip "čerpės" ar "šiferis"). Vaikštant po puslapį vienu metu vartosi ir tekstas ir puslapis. Tačiau "Microsoft Explorer" supranta atributą BGPROPERTIES=FIXED, pririšantį foną, - tada vartosi tik tekstas.

Kas dar?

Anotacijos Java kalboje
Unix komandinės eilutė
Įvadas į Perl kalbą: Kas naudoja Perl?
Lyginant su gimtąja kalba
Tcl kalba
`