IZBORNIK HOME FORUM ACCESS EXCEL WORD KAZALO
   
  Kazalo - sadržaj tema
  Uvod u JavaScript
1 Načini ispisa
2 Kontrola prozora
2a Sintaxa
3 Kontrola događaja
3a Kontrola toka
4 Detekcija podataka
5 Efekti s podlogom
6 Efekti s tekstom
7 Efekti sa slikom
8 Razna rješenja
9 Rad s formama
10 Razni primjeri
11 Ključne riječi
12 Događaji
   
 
AutoCAD tutoriali

-

-
 

Adsense sponzor



JS - JAVA SCRIPT za početnike i neznalice - JAVA SCRIPT for dummies

JS - RAZNA RJEŠENJA

Search This Web Site

Adsense sponzor






RAD S LAYERIMA (prekrivanje područja)

Ovdje ćemo prikazati kako se definiraju layeri i kako ih možemo kontorlirati JavaScriptom:

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
    <!--
    function
PrikaziSakrij(vrijednost) {  /*prikazuje ili sakriva layer, ovisno o kliknutom gumbu */
        if (vrijednost==0) {
            if (document.layers)
                document.layers["podrucje3"].visibility='hide';
            else
                document.all["podrucje3"].style.visibility='hidden';
        }
        else if (vrijednost==1) {
            if (document.layers)
                document.layers["podrucje3"].visibility='show';
            else
                document.all["podrucje3"].style.visibility='visible';
        }
    }
    //-->
</SCRIPT>
</HEAD>
<BODY>
<H1>Kontrola područja (layera) s JavaScriptom</H1>

<FORM>
    <INPUT TYPE="button" VALUE="Prikazi podrucje"
onClick="PrikaziSakrij(1);">
   
<INPUT TYPE="button" VALUE="Sakrij podrucje"   onClick="PrikaziSakrij(0);">
</FORM>

<P>Ovo je paragraf s normalnim tekstom, izvan svih područja (layera).</P>

<DIV ID="podrucje1" style="position:static; background-color:lightgreen">
    Ovo je prvo područje (layer). Pozicionirano je STATIČNO i zelene je podloge.
</DIV>

<P>Ovo je također paragraf s normalnim tekstom, izvan svih područja (layera).<BR>
normalni tekst - normalni tekst - normalni tekst - normalni tekst - normalni tekst<BR>
normalni tekst - normalni tekst - normalni tekst - normalni tekst - normalni tekst<BR>
normalni tekst - normalni tekst - normalni tekst - normalni tekst - normalni tekst<BR>
normalni tekst - normalni tekst - normalni tekst - normalni tekst - normalni tekst<BR>
normalni tekst - normalni tekst - normalni tekst - normalni tekst - normalni tekst<BR>
</P>

<DIV ID="podrucje2" style="position:absolute; LEFT:400; TOP:200; WIDTH:100; HEIGHT:200; background-color:yellow">
    Ovo je drugo područje (layer). Pozicionirano je APSOLUTNO s gornjim lijevim kutem na poziciji 400x200 u odnosu na browser, dimenzija 100x200 (minimalno), žute boje.
</DIV>

<DIV ID="podrucje3" style="position:absolute; LEFT:35; TOP:210; background-color:orange; width:100; height:50; visibility:hidden">
    Ovo je treće područje (layer). Pozicionirano je APSOLUTNO s gornjim lijevim kutem na poziciji 35x210 u odnosu na browser, dimenzija 100x50 (minimalno), narančaste boje, u startu NEVIDLJIVO a kontrola vidljivosti obavlja se pomoću JavaScripta...
</DIV>

<DIV ID="podrucje4" style="position:relative; LEFT:100; TOP:100; background-color:lightblue; WIDTH:200; HEIGHT:100">
    Ovo je četvrto područje (layer). Pozicionirano je RELATIVNO, s gornjim lijevim kutem na poziciji 100x100 u odnosu na zadnji "normalni tekst", dimenzija 200x100(minimalno), plave boje.
</DIV>


</BODY>
</HTML>

Objašnjenja većine postavki nalaze se unutar samog teksta u definiranim područjima!

U prilogu js-vje8a.html   možete vidjeti kako ovi layeri izgledaju u dokumentu...


ONEMOGUĆAVANJE KLIKA DESNOM TIPKOM MIŠA

Ako se odlučite da korisniku onemogućite klik desnom tipkom miša (jer npr. ne želite da na taj način "skine" vašu fotografiju), poslužite se donjim primjerom. Naravno, imajte na umu da će na ovo ograničenje "pasti" samo neiskusniji surferi...

<HTML><HEAD>
<SCRIPT>
    function
klikDesnomTipkom(e) {
        if (navigator.appName == 'Netscape' &&
                (e.which == 3 || e.which == 2))
            return false;
        else if (navigator.appName == 'Microsoft Internet Explorer' &&
                (event.button == 2 || event.button == 3)) {
            alert("Onemogućen klik desnim gumbom miša!");
            return false;
        }
        return true;
    }
    document.onmousedown
=klikDesnomTipkom;
    if (document.layers) window.captureEvents(Event.MOUSEDOWN);
    window.onmousedown=
klikDesnomTipkom;
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
PRIMJER ONEMOGUĆAVANJA KLIKA DESNOM TIPKOM MIŠA<BR>
(Pokušajte!)<HR>
<IMG SRC="ic-ims-logo-javascript.gif">
</CENTER>
</BODY>
</HTML>

U prilogu js-vje8b.html možete vidjeti kako to ograničenje djeluje...


PRIMJER JEDNOSTAVNOG PASSWORDA

Često se susrećemo s potrebom ograničenja pristupa nekim stranicama putem passworda!
JavaScriptom to možemo izvesti, međutim, svaki iskusniji surfer može skinuti i pregledati vaš JavaScript kod i tako doznati password.
No, ako za password stavimo naziv naše web stranice kojoj želimo ograničiti pristup, tada ipak postoje određene šanse u našu korist:

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
    <!--
    function
provjeriPassword(extenzija) {
        if ((document.upisnaForma.passwordPolje.value == null) || (document.upisnaForma.passwordPolje.value == ''))
            alert('Neispravan password.');
        else this.location.href = document.upisnaForma.passwordPolje.value + extenzija;
/* poziv upisane stranice */
    }
    //-->
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
Primjer PASSWORD-a za pristup određenoj .HTML stranici.<BR>
Password mora biti naziv .HTML stranice na istoj lokaciji.<BR>
(U ovom primjeru za password upišite: primjer-passw)<HR WIDTH=50%>
UPIŠITE PASSWORD:<BR>
<FORM NAME="upisnaForma">
    <INPUT TYPE="password" NAME="passwordPolje" SIZE=24 MAXLENGTH=40>
    <INPUT TYPE="button" VALUE="Prihvati"
onClick="provjeriPassword('.HTML')">
    <!-- u gornjem iskazu po potrebi prepraviti extenziju
.HTM u .HTML -->
</FORM>
</CENTER>
</BODY>
</HTML>

U prilogu js-vje8c.html možete vidjeti kako izvesti ovu jednostavnu zaštitu...


PRIMJER POMJERANJA TEKSTA ZA MIŠEM

Na kraju, evo još jednog zgodnog i zabavnog efekta - pomjeranje teksta za mišem:

<HTML><HEAD>
<STYLE>.spanstyle {
    COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
    <!--
    var x, y;
    var step = 10;
    var flag = 0;
    var message = "
JavaScript tutorial za početnike!";
    message = message.split("");
    var xpos = new Array();
    for (i = 0; i <= message.length - 1; i++) {
        xpos[i] = -50;
    }
    var ypos = new Array();
    for (i = 0; i <= message.length - 1; i++) {
        ypos[i]= -50;
    }

    function
slijediMisa(e) {
        x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
        y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
        flag = 1;
    }

    function
pomjeriSlova() {
        if (flag == 1 && document.all) {
            for (i = message.length - 1; i >= 1; i--) {
                xpos[i] = xpos[i - 1] + step;
                ypos[i] = ypos[i - 1];
            }
            xpos[0] = x + step;
            ypos[0] = y;
            for (i = 0; i < message.length - 1; i++) {
                var thisspan = eval("span" + (i) + ".style");
                thisspan.posLeft = xpos[i];
                thisspan.posTop = ypos[i];
            }
        }
        else if (flag==1 && document.layers) {
            for (i = message.length - 1; i >= 1; i--) {
                xpos[i] = xpos[i - 1] + step;
                ypos[i] = ypos[i - 1];
            }
            xpos[0] = x + step;
            ypos[0] = y;
            for (i = 0; i < message.length - 1; i++) {
                var thisspan = eval("document.span" + i);
                thisspan.left = xpos[i];
                thisspan.top = ypos[i];
            }
        }
        var timer = setTimeout("
pomjeriSlova()", 10);
    }
//-->
</SCRIPT>
</HEAD>
<BODY
onload="pomjeriSlova()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="JavaScript">
    <!--
/* iniciranje efekta */
    for (i = 0; i <= message.length-1; i++) {
        document.write("<span id='span"+i+"' class='spanstyle'>");
        document.write(message[i]);
        document.write("</span>");
    }
    if (document.layers) {
        document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove =
slijediMisa;
    //-->
</SCRIPT>
</BODY>
</HTML>

U prilogu js-vje8d.html možete vidjeti taj efekat na djelu...

 

Adsense sponzor






 Ova web stranica koristi COOKIES - COPYRIGHT - 2006 - 2016 - IvanC - ic.ims.hr