Programming

• 1.env.cgi	• 3.mydate.cgi
• 2.display.cgi	• 4.bitmap.pl
• 5.counterc.cgi	• 6.gifc.cgi
• 7.file-not-foundc.cgi	• 8.who.cgi
• 9.fmycal.cgi	• 10.m1.cgi

• input.pl

HTML ^about
• special HTML <tags> ^about
• Cascading Style-Sheets (CSS) ^about

Top - Bottom

Javascript

•	Image-Flip - changing pictures... adjust timeout, grid layout... there is also • 1-image version
•	Bouncing Ball

Top - Bottom

^about Perl

counterc.cgi is my most complex perl script here, displaying

or , while logging:

_2731  Wed Sep 24 19:25:38  216.174.171.156  tools.metric-conversions -- web.ask.com/redir?bpg=http% :)
____1  Wed Sep 24 19:25:33   68.154.212.111  bw.things2
___14  Wed Sep 24 19:25:26   68.154.212.111  bw
_4245  Wed Sep 24 19:21:49     61.1.203.222  _index -- RB:index.html :)
_4244  Wed Sep 24 19:21:03     61.1.203.222  _index -- google.co.in/searc :)
_2730  Wed Sep 24 19:19:36   134.48.178.226  tools.metric-conversions -- web.ask.com/redir?bpg=http% :)
___25  Wed Sep 24 19:18:03   24.221.115.152  arizona.my_phoenix

... more about counterc.cgi (Hit Counter)

Other Perl scripts include

• 1.env.cgi - displays all the $ENV environment variables passed from HTML via CGI

• 2.display.cgi - outputs in HTML format any text file read, without translating HTML tags

• 3.mydate.cgi - demonstrates time reading/formatting in perl

• 4.bitmap.pl - outputs a x-bitmap image of a number passed in

...more on my • perl code page

^about HTML + Javascript

Image-Flip is my JavaScript code which handles changing pictures, with adjustable grid layout, display algorithms, and time-delay between image flips.

To handle the picture-grid changes, Javascript needs to close the current window and open a new one (passing a parameter via #NUM after HTML page name, where NUM is number of pictures displayed).

The initial window needs to be opened by Javascript, because otherwise the user will be prompted by the browser with a Yes/No question (a browser's security feature) about closing the current window.

Note about JavaScript:

make sure it works in Netscape, as Internet Explorer (IE) is a lot less forgiving, for example on the topic of buttons on a form -- there is no need for the button being on a form in IE, but Netscape insists on it. For Example:

in Netscape:


document.form1.bNumWindows[0].checked = 1;

in Internet Explorer ('form' not required, but is a good programming habit):


bNumWindows[0].checked = 1;

Top - Bottom

^about special HTML <tags>

tag description

<nobr> .. </nobr> do not break a phrase on a single line, even if text extends outside the window

exact rendering follows, including extra spaces, newlines

// all of this text is inside of <pre> tags
// try also <pre style="margin-bottom:0; margin-top:0"> 
void main ( void ) {
  int i=0;
  for ( i=0; i<20; i++ )
    printf ("%d ", i );
}
// until here

typewriter text type

This is typewriter text type

"monospaced teletype-style font like courier" for code segments

$string =~ s/http:\/\/(www.{0,1}\.){0,1}//g;

<plaintext>
<listing>
<xmp> obsolete - browser may ignore

Top - Bottom

^about Cascading Style-Sheets (CSS)

Cascading Style-Sheets are used for managing the overall behavior of a document.
They must be set before <body>, and can effect the behavior of each text font, table font, table element layout, etc... For example you could set a default for each of the following:

• font: Verdana, 8pt, black
• table font: Verdana, 8pt, black
• table elements: Nowrap, cellpadding=0

...more about Cascading Style-Sheets (CSS)

alternately, you could set the style individually, for the specific table, etc...

<font  ... face="verdana,sans-serif,arial,helvetica" color="" style="font-size:8pt" >
<table ... style="color: black; font-family: verdana; font-size: 8pt" >
<form  ... style="margin-bottom:0; margin-top:0" >

Top - Bottom

Perl Links	PHP Links	ASP Links	Javascript Links	Misc
• perldoc.com - Perl documentation... eg. cookies • CGI.pm reference (O'Reilly)	• PHP.net	• ASP history	• learn javascript - jennifer madden	• HTML 4.0 • HTML <tags>
• ActiveState - Visual Perl $295 (plugin for Visual Studio .NET)	• Zend Studio ($195) • Web Bureau (Free)

Notes:
• http://www.keller.com/html-quickref/latin1.html - 8-Bit ASCII Codes and HTML Equivalents • HTML special characters

Counter:

Last Updated: Sat, November 12, 2005 15:17