 |
Les 11: Javascript
Nu zijn we aangeland bij Javascript. De twee lessen die ik erover zal geven zullen eigenlijk alleen bestaan uit enkele voorbeelden van Javascript tags. Javascript is namelijk een stuk moeilijker dan HTML. Met HTML kun je vanalles door elkaar heen zetten. Met Javascript moet je alles goed hebben gedaan. Bovendien zit het zo ingewikkeld in elkaar dat ik nog wel 30 lessen extra voor Javascript zou kunnen maken.
Voordat je begint is het belangrijk dat je weet dat alle scripts worden geopend met <script language="javascript"> en worden gesloten met </script>.
Alerts
Je bent ze vast wel eens tegengekomen, van die sites die je helemaal gek maken met alerts die je dan weg moet klikken. Daarom is het tijd voor een tegenslag. Je moet alles in de head sectie tikken. Hieronder zie je een voorbeeldje. Klik hier om het voorbeeldje te zien werken.
<html>
<head>
<title></title>
<script language="javascript">
alert("Dit is een voorbeeldje van een alert")
alert("En hier nog een")
</script>
</head>
<body>
</body>
</html>
Tussen alert(" en ") kun je natuurlijk vanalles tikken en je kunt ook zoveel alerts maken als je wilt. Zorg er alleen wel voor dat je om de zoveel alerts kijkt of ze het doen, want als er 1 fout is doen ze het allemaal niet meer.
Time Stamp
Je kent het wel, dat je ergens onder in beeld ziet staan last modified on en dan de datum. Dit kun jij natuurlijk ook maken. Hieronder zie je weer hoe het moet. Je kunt het gewoon op de willekeurige plek in de tekst zetten. Onder deze staat nog een kortere.
<script language="javascript">
var lutext;
var lutime;
var ludm;
var ludd;
var ludy;
function sstr(a,b){ //extract substrings
ret=lutime.substring(a,b);
if (ret=="Jan" || ret=="01") ret="1";
if (ret=="Feb" || ret=="02") ret="2";
if (ret=="Mar" || ret=="03" || ret=="Mrz") ret="3";
if (ret=="Apr" || ret=="04") ret="4";
if (ret=="May" || ret=="05" || ret=="Mai") ret="5";
if (ret=="Jun" || ret=="06") ret="6";
if (ret=="Jul" || ret=="07") ret="7";
if (ret=="Aug" || ret=="08") ret="8";
if (ret=="Sep" || ret=="09") ret="9";
if (ret=="Oct" || ret=="Okt") ret="10";
if (ret=="Nov") ret="11";
if (ret=="Dec" || ret=="Dez") ret="12";
return ret;
}
lutime = unescape(document.lastModified);
if (lutime.length == 17) { // Netscape 3 and higher, Internet Explorer 4
ludm = sstr(0,2);
ludd = sstr(3,5);
ludy = sstr(6,8);
}
if (lutime.length == 20) { // Netscape on MacOS
ludm = sstr(0,3);
ludd = sstr(4,6);
ludy = sstr(16,20);
}
if (lutime.length == 25 || lutime.length == 24) { // Netscape 2
ludm = sstr(4,7);
ludd = sstr(8,10);
ludy = sstr(20,24);
}
if (lutime.length == 29) { // Opera 3
ludm = sstr(8,11);
ludd = sstr(5,7);
ludy = sstr(12,16);
}
if (lutime.length == 23) { // Internet Explorer 3
ludm = sstr(3,6);
ludd = sstr(7,9);
ludy = sstr(19,23);
}
lutext = "";
// US date format
lutext += ((ludm.length < 2) ? '0' + ludm : ludm) + "/" + ludd + "/" + ludy + " ";
document.write("Last Modified " + lutext);
</script>
Time Stamp 2
Deze is korter, maar ook vervelender.
<script language="JavaScript">
document.write("Last Modified " + document.lastModified)
</script>
Je bent hier klaar. Je kunt nu naar Les 12: Javascript II.
|