computervrienden
Algemeen
   Wie zijn wij?    Webdesign    Scripting    Waarom Online?    Alg. voorwaarden
Een Website?
   Bouw uw site (html).    Bouw uw site (css)    Bouw uw site (java).    Bouw uw site (php)
Het Internet
   Zaken doen    Spam!!!    Beveiliging    Chatten    Netiquette    Zoeken
Hardware
   Bios    Floppy    Grafische kaart    De processor    De scanner    Het toetsenbord    Het moederbord    De geluidskaart    De voeding    De printer    De monitor    DvD en Cd
Minicursus
   Installeer XP
Tips en Hints
   Gouden Tips    Meer tips    Nog meer tips    Weer meer tips    En wat tips    Erg veel tips    Bios Tips    Gezondheid    Maak je PC schoon
Naslag
   Extensies    Geschiedenis    Bits en Bytes    Termen
Grappig
   Bier sturingsysteem    Helpdesk humor    Download het internet    Internet verslaafd?    Nooit grappig    Openingszinnen    Winvouten
Diverse
   Linkpartners 		Een eigen website met JAVA?

Het is logisch om te vertellen dat u eerst HTML en CSS beheerst voordat u met java verder gaat.

JavaScript is een scripttaal met object-georiënteerde mogelijkheden. Deze geïnterpreteerde programmeertaal is vooral gericht op het gebruik op het wereldwijde web.

Wat betreft de syntaxis vertoont JavaScript overeenkomsten met de programmeertaal Java. Omdat beide talen het meest zichtbaar zijn op en rond de browser worden ze vaak met elkaar verward. De gelijkenis houdt daar echter op, want inhoudelijk heeft JavaScript meer gemeen met bepaalde functionele programmeertalen, biedt het een prototype-gebaseerd overervingsmechanisme, en is de toepassing ervan geheel anders.

Het verschil tussen java script en PHP (zie volgende pagina) is dat Java werkt op de computer van de bezoeker, en PHP op de server.
De bezoeker kan javascript dus uitzetten, maar PHP niet!. PHP heeft de beperking dat het een aktie nodig heeft om een resultaat te laten zien, dit is bij JavaScript niet het geval.

Een voorbeeldje:

<SCRIPT LANGUAGE="JavaScript1.2">
var no = 12;
var speed = 10;
var heart = "sneeuw.gif";
var flag;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;


var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-30)+10;
yp[i] = Math.random()*doc_height;
amy[i] = 12+ Math.random()*20;
amx[i] = 10+ Math.random()*40;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
flag[i] = (Math.random()>0.5)?1:0;
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
}
} else
if (ie4up) {
if (i == 0) {
document.write("
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
}
}
}


function snowNS() {
for (i = 0; i < no; ++ i) {
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
flag[i]=(Math.random()<0.5)?1:0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}
document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.layers["dot"+i].left = xp[i] + amx[i]*dx[i];


}
setTimeout("snowNS()", speed);
}


function snowIE() {
for (i = 0; i < no; ++ i) {
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
flag[i]=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}


document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i];
}
setTimeout("snowIE()", speed);
}


if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</script>


Het resultaat ziet u vanzelf....

Java script is niet voor beginners, maar ook beginners kunnen gebruikt maken van javascript door bijvoorbeeld complete sniplets (fragmenten) te plakken in een HTML pagina.

Veel van deze sniplets zijn te vinden op:

http://java.startpagina.nl/
 
© Maartens Automatisering

0flag[i]mathrandom0510stx[i] en 0stx[i] en 0xp[i] en 10var en 12var en 15pxgtlt en 600if en aktie en amplitude en amx[i]dx[i]}settimeoutsnowie en amx[i]dx[i]}settimeoutsnowns en amy[i]mathabsmathsindx[i]+dx[i]documentall[dot+i]stylepixelleft en amy[i]mathabsmathsindx[i]+dx[i]documentlayers[dot+i]left en andershet en animation en arrayamx en arrayamy en arrayflag en arrayfor en arraystx en arraysty en arrayxp en arrayyp en beginners en beheerst en beide en bepaalde en beperking en betreft en bezoeker en biedt en bijvoorbeeld en border0div} en border0div}}}function en border0gtltdivgt} en border0gtltlayergt} en border0gtltlayergt}} en border0layer} en border0layer}} en border0ltdivgt}}}function en
In samenwerking met Moerstaal / hosting door: Interlize.NET

Belangrijk: Op deze site staan veel tips, hints, en ander materiaal waarmee je de instellingen van je pc, software of randapparatuur kunt wijzigen. Computervrienden kan echter nooit aansprakelijk worden gesteld voor eventuele gevolgen door het gebruik van informatie op deze site! -- All contents © copyright 2001 - 2008 Maartens Automatisering all rights reserved.