The Webmasters File
It can be technical 2


A Collection of JavaScript-ideas


I'm working on a Javascript Picture Tutor

this file is under severe construction

I'm studieing ASP and some Perl now and that will be not usable for U, so I think that it is a good idea to give U my javascriptcodes
If WebTrends and SQL are known 2 U than U know what I mean.

This is what it looks like

The above pics were generated with javascript-code.
a code for the pic and a code for the "time".


To place a pic:

create the function :

it's a raw cut , a textcopy out of this file's head var nrShowit = 0 ; function showpico(pictitl,nummer,leng,picnas,txtkleur,toevkleur) { nrShowit += 1 ; filIt(nummer,leng) ; si= df ; document.write("<font color="+txtkleur+" size=2><B>"+pictitl+"</B></font><BR>"); document.write("<a href=",fil2Open()," target=\"_blank\">"); showPicnr = "pic" + nrShowit ; document.write("<img src=" , tumNam() , " width=66 height=100 border=0 alt="); if (checKIt)document.write(tumNam()) ; else document.write(altNam()); document.write(" name=" , showPicnr , " "); if (picNam()!== "NoErrPic"){ document.write(" onError=\"defaultPic(\'" , showPicnr , "\')\""); document.write(" onAbort=\"defAbPic(\'" , showPicnr , "\')\""); }; document.write("></a><br>"); if (picnas!=="") document.write("<font color="+txtkleur+" size=2><B>"+picnas+"</B></font><BR>"); if (picNam()!== "Unknown"){ document.write("<font face=arial size=1 color="+toevkleur+"><B><I>",picNam(), "</I></B><br>");} else {document.write("<font face=arial size=1>.<br>");} document.write("</font>"); }

i stripped it and then it looks like this
This is comment

var nrShowit = 0 ; create a counter

function showpics(pictitl,picnas,txtkleur,toevkleur) {
the function starts here with 4 parameters
p1=the title above the pic
p2=the title under the pic
p3=color of those titles
p4=another color

nrShowit += 1 ; counter + 1
document.write("<font color="+txtkleur+" size=2><B>"+pictitl+"</B></font><BR>"); writes first title, uses p3 and p1, this also starts the Link.
document.write("<a href=",fil2Open()," target=\"_blank\">"); the actual link, defined in the htmlbody
change blank to top or self to change appearance

showPicnr = "pic" + nrShowit ;
initialize picname (= the word "pic" and a number)
document.write("<img src=" , tumNam() , " width=66 height=100 border=0 alt="); the actual thumbpic
remove or change width and height to show bigger or smaller pics
and u can change the text in the mousetext
it starts with that strange ="); at the end


I inserted a testmode, it wil show the ALTname as the thumbname else it will show the assigned name from the body.
if (checKIt)document.write(tumNam()) ;
else document.write(altNam());

Here's were the picture gets an unique name.
document.write(" name=" , showPicnr , " ");

This is for the Error-pictures.
if (picNam()!== "NoErrPic"){
document.write(" onError=\"defaultPic(\'" , showPicnr , "\')\"");
document.write(" onAbort=\"defAbPic(\'" , showPicnr , "\')\"");
};

and the end of the Link. document.write("></a><br>"); the text under the pic.
if (picnas!=="") document.write(""+picnas+"
");

a switch to do something else
if (picNam()!== "Unknown"){ document.write("",picNam(), "
");} this one's for resetting HTMLvalues

else
if you specify "Unknown" it will show just a dot.
{document.write(".
");} document.write("
");

} end of function "showpics"

The final code after stripping and without comments. a one without the counter
one pic only at a time and no errorpics available
function showpics(pictitl,picnas,txtkleur,toevkleur) { document.write("<font color="+txtkleur+" size=2><B>"+pictitl +"</B></font><BR>"); document.write("<a href=",fil2Open()," target=\"_blank\">"); document.write("<img src=" , tumNam() , " width=66 height=100 border=0 alt=", altNam()," "); document.write("></a><br>"); document.write("<font color="+txtkleur+" size=2><B>"+picnas+" </B></font><BR>"); document.write("<font face=arial size=1 color="+toevkleur+ "> <B><I>", picNam(),"</I> </B><br>"); document.write("</font> "); } ; You can call it using :
script
function fil2Open() {return ("\"picname1.jpg\"") } ;
function tumNam() {return ("\"tn_picname1.jpg\"") } ;
function altNam() {return ("\"pic_01\"") } ;
function picNam() {return ("Hot Stuff") } ;
showpics("Hot","Stuff","maroon","pink");
/script

I created a HTML-file with the above for testing purposes
Use it (if you want) to inflate HTML with Javascript




All the above links in a listing -The LinksList-
Only the HTTP Url's are listed





++++++++++++++ Testing

TestFrame







i'm bizzie working on a WEBMASTERS file.
It will not only provide my daily thumb
you can allready take it out of here
It's only visible when On-Line
placed de code, the PopUp and
the thumb on the right

The WEBMASTERS file will also contain all
codes of this page
(if you want to "do it yourself")
like : the "daily" codegenerator function dayresult(w) { r = th - ((-w) * 86.4E6 ) ; return r ; } ; there are over 86 million milliseconds in a day 86.400.000 to be precise. So, using time(NOW) - 86.4E6 === yesterday, same time (maybe not the same place)haha I used <a href=" for the links, because of easy errorchecking, the same could be done with (JS) " ".link("http")
Klik here for the pop-up
it autocloses after 3456 mSecs.


GJ's
Babes

<font color=yellow> GJ's<br> <script src= "http://www.gjw.myweb .nl/babes/ai11scrpt.js"> // must be one line // only the pic. </script> Babes </font>






This file was modified :
Still under construction
if this date is more than 3 months ago
then this page is probably finished.

Disclaimer
All of the images that are displayed on this web site are believed to be in the "public domain". If you are the rightful owner of any of the photos on this web site and object to them being displayed here, please contact us and they will be promptly removed.
THIS SITE DESIGNED BY GJ