"Advanced HTML" skyrelis

Šiuo nedideliu straipsneliu atveriame naują skyrelį, kuriame WWW svetainių kūrėjai galės keistis informacija bei sulaukti įvairių patarimų. Skyrelio tematika apims įvairius sudėtingesnius HTML ir CSS aspektus, CGI, Perl, Java, JavaScript ir VBScript programavimo klausimus. Kviečiame "Global Lithuanian Net" naršytojus aktyviai dalyvauti šio skyrelio kūrime ir pateikti savus sprendimus, savąsias gudrybes. Nuo jūsų priklauso šio skyrelio gyvybė.

Ekrano skiriamoji geba

Pirmuoju pasirodymu šis skyrelis nepateikė išsamaus atsakymo iškeltu klausimu - jis tikėjosi šiokio tokio jūsų aktyvumo. Nepaisydamas savo lankytojų pasyvumo skyrelis papildo iškelto klausimo sprendimą pateikdamas universalesnį būdą naršytojo ekrano charakteristikoms sužinoti.

Voratinklio naršytojai labai skiriasi vienas nuo kito. Skiriasi ir jų naudojama technika bei ekrano skiriamoji geba. Ką daryti, jei norime kad mūsų sukurti puslapiai neblogai atrodytų skirtingą skiriamąją gebą nusistačiusiems naršytojams?

Visual Basic Script

Atrodytų labai paprasta - tiesiog skirtingiems lankytojams reikia priskirti skirtingus stilius priklausomai nuo jų ekrano charakteristikų. O jas nesunku nustatyti naudojant VBScript (Visual Basic Script) "screen" objektą. Jei naudojatės "Microsoft" firmos "Internet Explorer" 4.0 versijos naršykle, galite išbandyti žemiau pateiktą pavyzdėlį. Spragtelėkite čia, jei norite pažiūrėti, kaip jis "gyvai" veikia!


<HTML><HEAD><TITLE>Ekrano savybės</TITLE></HEAD>
<BODY BGCOLOR="White">
<P>Naršyklės ekrano charakteristikos:<br>
<FONT COLOR="Red">
<script Language="VBScript">
  document.write "Leistinas aukštis: "
  document.write screen.availHeight
  document.write "<br>Leistinas plotis: "
  document.write screen.availWidth
  document.write "<br>Buferio gylis: "
  document.write screen.bufferDepth
  document.write "<br>Spalvų bitų kiekis: "
  document.write screen.colorDepth
  document.write "<br>Šriftų glodinimo režimas: "
  document.write screen.fontSmoothingEnabled
  document.write  "<br>Ekrano aukštis: "
  document.write screen.height
  document.write "<br>Ekrano plotis: "
  document.write screen.width
</script></FONT></BODY></HTML>

Ekrane turite pamatyti tokį vaizdelį

Naršyklės ekrano charakteristikos:
Leistinas aukštis: 572
Leistinas plotis: 800
Buferio gylis: 0
Spalvų bitų kiekis: 24
Šriftų glodinimo režimas: False
Ekrano aukštis: 600
Ekrano plotis: 800

Atrodo nesudėtinga? Tačiau šis pavyzdėlis neveikia "Netscape" naršyklėse. Tad, norint šią techniką sėkmingai naudoti, reikia prieš tai nustatyti lankytojo naršyklę (o jų gali būti labai įvairių).

Universalusis JavaScript

Taigi, VBScript uždarė mus "Microsoft" kiaute - ir galime tik kaip kokie vėžliai žvalgytis pro jo angą. Todėl dabar pateikiame sprendimą "JavaScript" kalba, kuris veikia naujausiose (4.x ir aukštesnėse) tiek "Microsoft", tiek "Netscape" naršyklėse (ir net, kai kuriais atvejais, NN 3.x naršyklėje). Spragtelėkite čia, jei norite pažiūrėti, kaip jis "gyvai" veikia!


<SCRIPT LANGUAGE="JavaScript">
<!--
 if (self.screen) {       // Atskiria IE 4.x ir NN 4.x
   width = screen.width   // Jiedu turi screen objektą
   height = screen.height
 }
 else if (self.java) {   // NN 3.x, kai įjungtas Java režimas
    var jkit = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = jkit.getScreenSize();
    width = scrsize.width;
    height = scrsize.height;
 } else {
    width = height = 'Nenustatytas' // visoms likusioms naršyklėms
 }

document.write("<P>Jūsų ekrano skiriamoji geba:<BR>");
document.write("<FONT COLOR=Red>Plotis: ", width, ",  Aukštis: ", height, "</FONT></P>");
// -->
</SCRIPT>

Šis pavyzdys ekrane turėtų pateikti tokio tipo informaciją:

Jūsų ekrano skiriamoji geba:
Plotis: 1024, Aukštis: 768
 

Dygios JavaScript eilutės
Sveikųjų skaičių žaidimai
ASP patarimų liūnas
Programavimo kalbų klegesys
Veikimo valdymas Unix skriptuose
AWK kalba - sena ir nuolat aktuali
Java 8: Optional prieš null
Kaip atsiranda piešinukai?
JavaScript pradmenys
Tcl kalba
Vartiklis