|
Experiments & Notes
JavaScript vs. "Jscript"
It is almost never mentioned in all the information available
on JavaScript but, the scripts that only run in windows' I.E.
- like, for instance,
onclick=window.location.href("index.html")
are not Java Script at all but Microsoft's own "thing", "Jscript".
Always out to, "do their own thing", despite the need for all
browsers to follow standards - and the reason that today web
designers use tools that stay away from MS's propriatary
abberations - or warn you when you are about to code something
that will only work in one browser (IE). The true JavaScript is
onclick="window.location='index.php'" ;
(which also works in IE)
or
onclick=window.location="index.php"
Note all the quotes, single and double and, the semicolon.
The quotes around the url is necessary.
The good news is that this one line of code can make an entire line of a complex
table clickable to another url.
or ... in a new window
onclick=window.open("index.html")
Sometimes
<a href=index.html> <h5> Home </h5> </a>
will make the entire line a link in non-IE browsers and will "sometimes?!?" in IE
ps: if you have a heading which is also a link, and you do not want the
whole line (!) to be a link, put the "a href" and "/a" inside the heading
tags instead of outside (as they are here).
bleeding colors: on 7-24-2005 I decided to track down a background
color that was showing up wherever no bgcolor was defined. Finally
I discovered a table with a border-color where the border was 0
so I deleted the border color and the color disappeared from the
other areas. I re-instated the border-color and "lo and behold'
the color did not return to any of the previously affected areas.
I took it off again and put it back on and nothing happened. I
removed it and wrote it off as a "fluke". Who knows?
Some search engines will assign more weight to a keyword that
appears as a heading than one that is plain body text.
letter-spacing:1px; in a "style" here caused
additional <br>'s to not work
(only a single line feed no matter how many br's)
z-index: -9,-3,-2,-1,0,1,2,3,6,9,
only works with style="position:..."
**1** **2** **3**
a google search: "html differences browsers standards list"
'The Web is not Print' and we are not creating pages
This isn't news to anyone. But the web isn't screen either. Or more
accurately it is print, and screen, and voice, and many other things. Right
now it's December 2001 and chances are you're reading this on a PC or a Mac,
so you think you're building pages for PC or Mac. Well, just stop. That's
going to confuse the heck out of you as you build with CSS.
The idea of the web is to digitalize your message for a variety of retrieval
methods -- for methods we have now, and for methods that we haven't thought
of yet. The W3C, the standards body that creates the code we use, is taking
a long view. That's their mandate. It's a reaction to the fact that the
world is going digital, and if we don't have an open, common, flexible
format to use, we'll lose our history every time technology moves on.
That's like language changing every five years. Forget Shakespeare. Forget
the Hitchhiker's Guide to the Galaxy. They would be as unreadable to you as
cuneiform. Just like much of NASA's 1976 Viking data. NASA can no longer
read the format those tapes are in. Researchers are having to review that
Mars data by digging through paper print-outs that older scientist hadn't
thrown away.
"In code terms, data is what goes in your HTML. If it's not your core text
and absolutely necessary images, strip it out of there. Layout is what goes
in your CSS. Colours, fonts... tone rate & gender for voice readers... you
name it, that all goes in CSS files."
Anything that could go on a normal page can be positioned with divs. They load
far faster than, say, a table layout. Tables do not display on-screen until
they have been downloaded in their entirety. With layers, all the information
a browser needs is contained in the style attributes you've added. Therefore,
it will display as soon as any part of it is downloaded.
Without CSS, your choices for borders were those crappy grey ones that surrounded
tables and frames. Now however, since page presentation has become such an
important aspect of web-design, stylesheets allow you lots of variety in your
borders, and you can apply them to anything you want!
"getting technical" and - table-hacking is out
2001:
"our state-of-the-art browsers have failed to give us 1 browser that fully
supports even a 1996 spec, and every one of them have different rendering
bugs. This stupidity is a failure of management, not engineering. But either
way we web developers have to make things work using only the parts of CSS
that run on all of them. Meaning you need to keep your eyes open and read a
lot of tutorials beyond just the W3C spec.
That completely stinks, yes. Some loud public embarrassment for MS, AOL,
(& NetNav, Firefox?), and Opera might be a good thing, since they don't
seem to read bug reports. Use whatever opportunity you can find.
XML
XML is basically independent of the final format. You can convert it to XHTML
for display on the web, RSS feeds, data trasmission to/from billing sites,
communication between different systems, PDF for display elsewhere, Word doc
to create an editable version for people and so on.
article on security and defending against malicious hackers
( be sure to dis-allow <, %, &, in user input ... etc. )
Directions To This Location
I have MS Sequel Server 2000 -- Developers Edition installed on my PC and
wanted to extract the data and import, "insert" it into MySQL on my server so
that i could experience creating web pages that manage the database from the
internet.
From the Query Analyzer I found 2 potentially reasonable ways to get the data out.
1st) I right clicked around the select statement I had typed in and was prompted to
direct the output to text, Grid, or file, with grid being the default we are all familiar
with. choosing text shows the output, in the lower window, the same way it will be found
with the file output option.
2nd) I did a select * on a table, (going to the grid - lower window output) right clicked
on the output (in the lower window), selected "select all", and then "save as" which
saves it as a comma-separated file. (.CSV)
Run the query and rt-click in the data to "select all" then again to "save as"
give it a file name and save it. This way, null-empty fields will say "NULL"
instead of just having another comma separator with nothing in between.
Watch out for fields that contain a comma.
I installed MySQL on my computer with no problems and found the my.ini
file in the Windows directory/folder with my given id and password. and a
"test"
database created in it.
however, i could not access it through my web pages using the id and
password given. when i definde them both as = '' ... then everything
worked.
- HTTPS (Hyper Text Transfer Protocol via Secure Socket Layer)
- HTTPS allows client and server-side authentication through
certificates, which have been
in turn signed by a Certification Agency.
- When connecting to a secure part of a website, signified
by "https://":
- You are entering a secure site. This prevents unauthorized
people from seeing the information sent to or from the
site - because it is encripted.
- A pop-up dialog box/window will appear if it's your first
time entering the site OR as long as you haven't installed/accepted
the certificate.
- A picture of a lock will appear at the bottom right
of your screen.
- Both the server and client can demand a certificate from
each other. If the certificate presented by the server is unknown
to the client, the client is free to accept or reject the
certificate. This works in both ways.
- Ports
-
When dealing with "https://" (which is for SSL or secure
connections), the standard or default port number is 443.
-
When dealing with "http://"
the standard or default port number is 80.
-
The above two points are important because MIS applications
use non-standard port numbers that may affect your ability
to access the site.
-
You need to make sure you type in "https://" instead of
"http://" when trying to access a secure site.
-
SSL access is about 5 times slower than normal http access. For
this reason, SSL should be limited only to the pages that must be
transmitted securely.
What is a Secure Form ?
When you submit data using a form, it is sent as 'plain text'. Somebody
listening to the network communication can trap the data. In the html
forms where very sensitive information (such as credit card number) is
supplied, this can turn to be a security risk.
In such cases, a secure form is used. There is not much difference in the
html code of the form. The difference is in the server configuration and
the ACTION URL.A secure form will have its ACTION URL pointing to a URL
starting with
https://
like this:
<form name="security"
action="https://YourWebSite.com/folder/loggedin.php"
method="POST" target="_top" >
In this case, the browser will communicate to the server using
SSL(Secure Socket Layer) the data sent will be encrypted.
Next time when you submit very critical information like your credit
card number in a web page form, make sure that it is a secure form.
In order to use the power of an html form, you have to learn a
server side scripting language like PHP, Perl, JSP, or ASP.
PHP is recommended as it is very easy to learn and program.
2 counter displays
and demo cursor
| move |
wait |
sw-resize cursor
height=100
|
se-resize |
hand |
| help |
help |
help |
01234
|
ne-resize |
| |
=empty |
4321
|
help cursor |
|
|
crosshair cursor
|
There are in general 7 types of cursors you can choose from to be
associated with any (with the exception of a few) elements in a
document. They are the "hand", "crosshair", "text", "wait", "move",
and "nw-resize" cursor.
a 1 line javascript print command (+ pointer style):
a very simple bit of "id" code to give a 3 dimentioonal look
Note: cellspacing should default to 0 if you do not specify
anything however, it does not! It defauls to 2 - which is why
(most?) web page tools do explicitly set it to 0 for you if
you don't set it to something yourself.
"Blog" is short for "Weblog," which is a type
of website, often an online journal or diary
RSS (Really Simple Syndication) is a format for syndicating news.
link = identifying the presence of a hyperlink
vlink = a link that you have visited and it still exists
in your "history" folder (tools, internet options, general(tab), history
alink = active link - takes on the specified color only
if it is currently loaded by having been clicked
... not gotten there by some other route.
LINK="#0000FF"(blue) VLINK="#800080"(green) ALINK="#FF0000"(red)
Note: Because of the cascading nature of CSS rules make sure
that you put your link, visited, hover and active in just that
order or you may not see them the way you intended
To get to a tag on another page:
example:
< a href="index.php#tag"> Go to "index.php#tag" </a>
Go to index.php#tag
on that page, put <a name="tag">
<a href="#tag"> Go to "tag" </a> on this page (& back arrow to return here)
Go to "tag"
escape sequences:
< > & "
[<] [>] [&] ["]
· [·]
© [©]
® [®]
™ [™]
' [']
° [°] ex: 32°F
for more info on special characters - UTF-8 and ISO 8859-1 etc. see
Unicode Transformation Format Characters
Images will not go flush to the wall of the page because browsers have a
default margin that is not 0. Set the top and left margins etc. to 0
with a style ... ex: Body { margin-left: 0px; }
<!-- leading space and trailing space not allowed in 4 lines below -->
<!--#echo var="DATE_LOCAL"-->
<!--#if expr="test_condition"-->
<!--#elif expr="test_condition"-->
<!--#else-->
<!--#endif-->
SSI tutorials Conclusion:
SSI is certainly not a replacement for CGI, or other technologies used
for generating dynamic web pages. and, the hassles associated with it
make it no better than PHP which is easy enough.
For something as minor as an include file for some html that is used
across many pages, wrap the html in a javascript document.write
command and put it in a file by itself named [???].js and put just
the one line in each page to pull it in:
<script language="JavaScript" src="[???].js"> </script>
See our "code samples" page for a javascript example of a separate HTML file.
#tag
to put an image on another plane using z-index, you must use
style="position:absolute;" or style="position:relative;"
z-index: -9,-3,-2,-1,0,1,2,3,6,9, only works with style="position:..."
2nd example: (pop up window):
When asked about going from ASP to either PHP or JSP:
Prefer PHP for quick, simple, Web sites,
and JSP/Java for more complex sites.
(# of pages is not so significant)
PHP is interpreted and JSP is compiled
Warning: include(php-global-vars.php) [function.include]: failed to open stream: No such file or directory in /home/fuele5/public_html/pwsdb/pgm/Exper-notes.php on line 1017
Warning: include(php-global-vars.php) [function.include]: failed to open stream: No such file or directory in /home/fuele5/public_html/pwsdb/pgm/Exper-notes.php on line 1017
Warning: include() [function.include]: Failed opening 'php-global-vars.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/fuele5/public_html/pwsdb/pgm/Exper-notes.php on line 1017
PHP date functions: (see www.php-date.com for much more)
(the hard way)
Yesterday:
strftime("%Y %m %d", mktime(0,0,0,date("m"),date("d")-1,date("Y"))) = 2008 11 20
or
strftime("%Y-%m-%d", mktime(0,0,0,date("m"),date("d")-1,date("Y"))) = 2008-11-20
1227168000 = mktime(0,0,0,date("m"),date("d")-1,date("Y")) Last Month:
strftime("%A %B %d, %Y", mktime(0,0,0,date("m")-1,date("d"),date("Y"))) = Tuesday October 21, 2008 Last day of the month: (The 't' below gives the number of days in a given month.)
strftime("%A %B %d, %Y", mktime(0,0,0,date("m"),date("t"),date("Y"))) = Sunday November 30, 2008
(the easy way)
today: date("Y-m-d") = 2008-11-21
this year: date("Y") = 2008 now(GMT),
gmdate("F dS Y, h:i a T", time() ) = November 22nd 2008, 04:53 am GMT now, on the server
date("F dS Y, h:i a T", time() ) = November 21st 2008, 08:53 pm PST now: EST
date(" D M jS Y h:i a ", time() + 3600*3)."EST" = Fri Nov 21st 2008 11:53 pm EST
When using a date or time function, keep in mind that the time zone your server
is in is not necessarily the one you are in - or, your server may be set to
Greenwitch Mean Time. This simple bit of code uses the gmdate() function
to shift the time to another zone - adding or subtracting the # of hours
different.
Congratulations, greg! Your IQ score is 142 . . 144
from
web.tickle.com/tests/uiq
This number is the result of a formula based on how many questions you answered
correctly on Tickle's Classic IQ test. Your IQ score is scientifically accurate;
During the test, you answered four different types of questions -- mathematical,
visual-spatial, linguistic and logical. We analyzed how you did on each of those
questions which reveals how your brain uniquely works.
We also
compared your answers with others who have taken the test. According to the sorts of
questions you got correct, we can tell your Intellectual Type is a
Visionary Philosopher.
This means you are highly intelligent and have a powerful
mix of skills and insight that can be applied in a variety of different ways. Like
Plato, your exceptional math and verbal skills make you very adept at explaining
things to others -- and at anticipating and predicting patterns. And that's just
some of what we know about you from your IQ results.
|
