Attn:: Kevin S JavaScript

  • Thread starter Thread starter HomeNews
  • Start date Start date
Too slow ... that page turning effect takes for......ever. I'm still
waiting! Nothing else is showing.
Eleanor
 
You're supposed to *bring* the coffee when you come for a visit!

Okay, you're just starting out in the programming realm, so you need to
understand a few things in order to be successful.

1. Computers are *not* smart. People *are* smart. Computers are completely
stupid. They do one thing, and they do it perfectly. They obey instructions.
Exactly. To the letter. This is in contradiction to people, who are so smart
that they interpret everything, and end up following instructions rather
badly. Now, I'm not putting people down. On the contrary. We've been trying
for decades to give computers the ability to do this (except for the
following instuctions badly part). Our ability to think creatively, to
interpret, to fill in the blanks, is what gives us, for example, the ability
to stand in a crowded party with loud music blaring in the background, and
everyone talking, and by a combination of observing the person next to us,
their body language, their lip movement, and their voice, separate their
speech from the cacophony of background noise, and understand (perhaps
imperfectly) what they're saying. At least get the gist of it. And when we
have trouble, we just shout "WHAT?" And do it again. For a computer to
understand what you're saying, you have to be in a very quiet room, and
speak very clearly into the microphone. And even then they often get it
wrong.
2. Everything inside the computer is math. Everything. It thinks in numbers,
it takes instructions as numbers, and it performs mathematical computations
with those numbers, and responds with numbers. It takes a lot of software
and hardware to translate human to the user from the computer, and math to
the computer from the user. This is precisely why the computer does what it
does perfectly. 2 + 2 *always* equals 4. On the other hand, if you ask any
number of people what "two and two" is, you're likely to get a variety of
answers. Examples:

"Four."
"Too into what?"
"Twins do what?"
"Twenty-two."
"Tutu."
"What a ballerina wears."
"So, you're calling me stupid."
"Do I know you?"
"It's a lovely day."

So, the first pre-requisite to programming is to understand that writing a
program (or a script, which is interpreted and run as if it were a program),
is to start thinking like a computer. One jot or tittle off and you're
toast. 2 + 20 does *not* equal 4. If you want the computer to do something,
you have to tell it *exactly* what to do. No more, and no less. And *nothing
else* I'm repeating myself for emphasis. While this is not necessary with
computers, it has the effect on humans of re-inforcing a certain instruction
and making it more difficult for the instruction to be mis-interpreted,
particularly when it is phrased in slightly different ways for clarity. And
of course, you might observe that I didn't actually repeat myself, but
restated the same idea in different words each time. But you were able to
interpret those different combinations of words as repetition, when in a
purely literal sense, there was no repetition. But I'll bet that you had no
problem at all with my statement that I was repeating myself. Computers, of
course, interpret nothing, so once is always plenty to a computer.

;-)

Similarly, as a programmer, you might say that I'm writing a program "by
proxy." *You're* the proxy. This is what makes it so difficult. I knew, for
example, that, being a human, and one not experienced in programming, that
you were likely to apply some interpretation to my words. So, I revised the
original document, and sent you the entire text (the second time around).
All that was necessary for you to do was to (optionally) change the images
links from absolute to relative, and paste it over your existing web page. I
made it as simple as possible.

But perhaps I made a mistake. That would be where I attempted to explain it
to you. I love to share what I know with others, to enable them to improve
their skills. That's why I hang out in these newsgroups. So, I gave you all
the technical background, about how the "body onload" event handler of an
HTML document is not always reliable, and the reasons why. I explained how a
browser starts parsing the document as soon as it starts receiving TCP
packets from the server, and why the method call to "ImageBook()" should
appear at the end of the JavaScript, just before the </script> tag. I
explained that, by moving the method call, it would not make the document
any larger, as it was simply moving a small block of text from one place in
the document to another. And perhaps that muddied the water, as the original
instruction was probably by now obsured with all of the extra information.
However, for the purpose of establishing what it was, I duplicate it here:

Remove the call to "ImageBoook()" from the body
tag, so that it looks like this:

body background="bg.jpg; width:100%">

Then, add the call to the function at the very bottom of your script:

...
function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_Pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function
B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
ImageBook();
</script>


<p><b>NATE'S PHOTO ALBUM</b></p>

Now, I hope you'll indulge me if I attempt to analyze what I originally
instructed, and how you may have misinterpreted it. First, I told you to
remove the call to the "ImageBook()" function from the body tag. I knew that
might be difficult to understand to a novice, so I posted how the tag should
look:

body background="bg.jpg; width:100%">

Well, I'm human too. I left out the opening angle bracket when I copied it.
It *should* have looked like this:

<body background="bg.jpg; width:100%">

So, a possible theory is that you attempted to use it and FrontPage
complained. So you decided to interpret it. That is, of course, only a
theory.

The I posted the place in the code where the function call should be. I
added some of the existing code that surrounded it to provide context.
Perhaps this was the cause of your question about adding all that code to
the page. In fact, only the line

ImageBook();

was new in the block. But it's not hard for me to imagine that you didn't
see it. In any case, it was a miscommunication, due to the humanit of both
of us.

So, that didn't do the trick. You came back unsuccessful. At this point,
realizing that "what we have here is a failure to communicate," it seemed
best to me to simply post the whole page in the new format, and let you
change the links again and use it as is. How could anything go wrong? But I
underestimated humans again. The HTML in the page you linked to this last
time bore little resemblance to the code I posted. Here are some glaring
examples:

My code:
***********************************************************
<body background="bg.jpg; width:100%">

<div id="Book" style="width: 100%; height: 235">
<img id="placeHolder" src="http://www.natesnursery.com/placeholder.gif"
width="176" height="197">
</div>

***********************************************************

Your code:
***********************************************************
<body onload="ImageBook();Pop_Go()" background= "bg.jpg">

<center>
<h3>NATE'S PHOTO ALBUM </h3>

<table><tr><td width="404">
<div id="Book" style="position:relative">
<img src="pics/cell.gif" width="100%" height="238">
</div>
</td>
<td>&nbsp;</td></tr></table>
</center>
<dl>
<dt><b>
***********************************************************

Now, the first thing I'd like to call your attention to is the <body> tag. I
*did* distinctly tell you to remove that function call from the tag, did I
not?

Secondly, note that in my code, there is a simple <div> tag enclosing an
<img> tag. My <div> tag has a style that sets the width to 100% (used by the
JavaScript to get the conter of the page by computing the width of the div)
, and the height at 235 (pixels by default). My <img> tag has an "id"
attribute, with the name "placeholder" (which is used by the JavaScript I
modified), and a height and width attribute.

Your code has a table with a single table row, and a single table cell,
enclosing a <div> tag, enclosing an <img> tag. So, where did the table come
from? Perhaps you took my comments about moving furniture around too
literally? ;-)

But, worse than that, your <div> tag has no width style set (critical), and
your <img> tag has no id attribute (critical). The image is also set to have
a width of 100%, for reasons I cannot imagine!

So, on to the next comparison:

My code:
***********************************************************
/***************** DO NOT EDIT BELOW **********************************/
var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

function ImageBook(){
if(document.getElementById){
Book_Div=document.getElementById("Book");
Book_Left = Book_Div.offsetWidth / 2 - Book_Image_Width;
for(i=0;i<Book_Image_Sources.length;i+=2){
B_Pre_Img=new Image();B_Pre_Img.src=Book_Image_Sources}
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
B_LI.style.left=Book_Left+"px";
B_MI.style.top=0+"px";
B_MI.style.left=(Book_Vertical_Turn?Book_Left:Book_Left+Book_Image_Width+1)+"px";
B_RI.style.top=0+"px";
B_RI.style.left=(Book_Vertical_Turn?Book_Left:Book_Left+Book_Image_Width+1)+"px";
B_LI.style.height=Book_Image_Height+"px";
B_MI.style.height=Book_Image_Height+"px";
B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=Book_Image_Width+"px";
B_MI.style.width=Book_Image_Width+"px";
B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
B_LI.style.borderWidth=1+"px";
B_MI.style.borderWidth=1+"px";
B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
B_LI.src=B_Pre_Img[0].src;
B_LI.lnk=Book_Image_Sources[1];
B_MI.src=B_Pre_Img[2].src;
B_MI.lnk=Book_Image_Sources[3];
B_RI.src=B_Pre_Img[4].src;
B_RI.lnk=Book_Image_Sources[5];
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}

function BookImages(){
if(!B_Stppd){
if(Book_Vertical_Turn){
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
B_MI.style.top=MidOffset+"px";
B_MI.style.height=B_MSz+"px"}
else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
B_MI.style.left=Book_Left+MidOffset+"px";
B_MI.style.width=B_MSz+"px"}
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Direction){
B_Direction=0;
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_MI.src=B_Pre_Img[B_CrImg].src;
B_MI.lnk=Book_Image_Sources[B_CrImg+1];
B_CrImg+=2}
if(B_Angle>=Math.PI){
B_Direction=1;
B_TI=B_LI;
B_LI=B_MI;
B_MI=B_TI;
if(Book_Vertical_Turn)B_MI.style.top=0+"px";
else B_MI.style.left=Book_Left+Book_Image_Width+1+"px";
B_MI.src=B_RI.src;
B_MI.lnk=B_RI.lnk;

setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_Pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function
B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
ImageBook();
</script>


<p><b>NATE'S PHOTO ALBUM</b></p>


<p><b><a href="Photos.htm">HOME</a></b></p>


</body>

***********************************************************

Your code:
***********************************************************
var B_LI,B_MI,B_RI,B_TI;
var B_Angle=0,B_CrMImg,B_CrSImg,B_MaxW,B_Drctn=true,B_DirChngd=false;
var B_Srcs=Book_Image_Sources,B_SrcL=B_Srcs.length,B_ChngDirFlg=false;
var B_MSz,B_Stppd=Book_Auto?false:true;B_Pre_Img=new Array(B_SrcL);

function ImageBook(){
if(document.getElementById){
for(var i=0;i<B_SrcL;i+=3){B_Pre_Img=new
Image();B_Pre_Img.src=B_Srcs}
Book_Div=document.getElementById("Book");
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=B_LI.style.left=B_MI.style.top=B_RI.style.top=0+"px";
B_MI.style.left=(Book_BackWard?0:Book_Image_Width+1)+"px";
B_RI.style.left=Book_Image_Width+1+"px";
B_LI.style.height=B_MI.style.height=B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=B_MI.style.width=B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
B_LI.style.borderWidth=B_MI.style.borderWidth=B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
B_LI.src=Book_BackWard?B_Srcs[B_SrcL-12]:B_Srcs[0];
B_LI.lnk=Book_BackWard?B_Srcs[B_SrcL-11]:B_Srcs[1];
B_LI.trgt=Book_BackWard?B_Srcs[B_SrcL-10]:B_Srcs[2];
B_MI.src=Book_BackWard?B_Srcs[B_SrcL-6]:B_Srcs[3];
B_MI.lnk=Book_BackWard?B_Srcs[B_SrcL-5]:B_Srcs[4];
B_MI.trgt=Book_BackWard?B_Srcs[B_SrcL-4]:B_Srcs[5];
B_RI.src=Book_BackWard?B_Srcs[B_SrcL-3]:B_Srcs[9];
B_RI.lnk=Book_BackWard?B_Srcs[B_SrcL-2]:B_Srcs[10];
B_RI.trgt=Book_BackWard?B_Srcs[B_SrcL-1]:B_Srcs[11];
B_CrMImg=Book_BackWard?B_SrcL-9:6;
B_CrSImg=Book_BackWard?B_SrcL-18:15;
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}

function BookImages(){
if(!B_Stppd){
if(B_ChngDirFlg)B_ChngDrctn();
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
MidOffset=!Book_BackWard?B_Drctn?Book_Image_Width+1:Book_Image_Width-B_MSz:
B_Drctn?Book_Image_Width-B_MSz:Book_Image_Width+1;
B_MI.style.left=MidOffset+"px";
B_MI.style.width=B_MSz+"px";
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Drctn){
B_Drctn=false;
B_MI.src=B_Srcs[B_CrMImg];B_MI.lnk=B_Srcs[B_CrMImg+1];B_MI.trgt=B_Srcs[B_CrMImg+2];
B_CrMImg+=(Book_BackWard?-6:6);
if(B_CrMImg>=B_SrcL)B_CrMImg-=B_SrcL;
if(B_CrMImg<0)B_CrMImg+=B_SrcL}
if(B_Angle>=Math.PI){
B_Drctn=true;
if(!Book_BackWard){
B_TI=B_LI;B_LI=B_MI;B_MI=B_TI;
B_MI.style.left=Book_Image_Width+1+"px";
B_MI.src=B_RI.src; B_MI.lnk=B_RI.lnk;B_MI.trgt=B_RI.trgt}
else{ B_TI=B_RI;B_RI=B_MI;B_MI=B_TI;
B_MI.style.left=0+"px";
B_MI.src=B_LI.src;B_MI.lnk=B_LI.lnk;B_MI.trgt=B_LI.trgt}
setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
if(!Book_BackWard){
B_RI.src=B_Srcs[B_CrSImg];
B_RI.lnk=B_Srcs[B_CrSImg+1];B_RI.trgt=B_Srcs[B_CrSImg+2];
B_LI.style.zIndex=1}
else{ B_LI.src=B_Srcs[B_CrSImg];
B_LI.lnk=B_Srcs[B_CrSImg+1];B_LI.trgt=B_Srcs[B_CrSImg+2];
B_RI.style.zIndex=1}
B_MI.style.zIndex=2;B_Angle=0;
B_CrSImg+=(Book_BackWard?-6:6);
if(B_CrSImg>=B_SrcL&&!Book_BackWard)B_CrSImg-=B_SrcL;
if(B_CrSImg<0&&Book_BackWard)B_CrSImg+=B_SrcL;
if(!Book_Auto&&!B_DirChngd)B_Stppd=true;B_DirChngd=false;
setTimeout("BookImages()",50)}

function B_ChngDrctn(){
B_Stppd=true;
Book_BackWard=Book_BackWard?false:true;B_Drctn=B_Drctn?false:true;
B_Angle=Math.PI-B_Angle;
B_ChngDirFlg=B_Stppd=false;
B_CrMImg+=(Book_BackWard?-9:9);
if(B_CrMImg>=B_SrcL)B_CrMImg-=B_SrcL;
if(B_CrMImg<0)B_CrMImg+=B_SrcL;
B_CrSImg+=(Book_BackWard?-21:21);
if(B_CrSImg>=B_SrcL)B_CrSImg-=B_SrcL;
if(B_CrSImg<0)B_CrSImg+=B_SrcL;
B_DirChngd=true}

function Book_ChangeDirection(){B_Stppd=false;B_ChngDirFlg=true}
function
Book_GoBackWard(){B_Stppd=false;if(!Book_BackWard)Book_ChangeDirection()}
function
Book_GoForWard(){B_Stppd=false;if(Book_BackWard)Book_ChangeDirection()}
function Book_ChangeAuto(){B_Stppd=false;Book_Auto=Book_Auto?false:true}
function Book_Automated(){B_Stppd=false;Book_Auto=true}
function Book_Manual(){Book_Auto=false}
function
B_Stp(){if(Book_Auto)B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){if(Book_Auto)B_Stppd=false}
function B_LdLnk(){
var B_Frame;
if(this.lnk){
if(!this.trgt)location.href=this.lnk;
else if(this.trgt=="top")top.location.href=this.lnk;
else if(this.trgt=="new")window.open(this.lnk);
else if(B_Frame=parent.frames[this.trgt])B_Frame.location.href=this.lnk;
else location.href=this.lnk}}
</script>


<script type='text/javascript'>
function Pop_Go(){return}
function PopMenu(a,b){return}
function OutMenu(a){return}
if(document.getElementById){
document.write("<script type='text\/javascript'
src='scripts\/contextpop_var.js'><\/script>");
document.write("<script type='text\/javascript'
src='scripts\/popmenu_compact.js'><\/script>");
document.close()}
***********************************************************

HOKAY....., here's where all resemblance goes flying out de window. First, I
can' t help but notice that you have removed the line which the original
author put in, reading

/***************** DO NOT EDIT BELOW **********************************/

Perhaps your guilty conscience at work? ;-)

The rest of it is so different from what I gave you that it is pointless to
go into detail!

So, here's some more programming advice:

"First, do no harm." Yes, that's part of the Hyppocratic oath, but it
applies to programmers as well. What it means is, "if it ain't fixed, don't
broke it." Fortunately for programmers, we work with bits that can be copied
and stored, and easily replaced. The first thing a good programmer does
before messing with code is to make sure that one has a backup copy
available of the original, as it is easy enough to be taken down the garden
path, and find yourself lost in the woods before you know it. Rolling back
and starting fresh is quite useful to the developer.

In your case, I gave you code that I had personally tested, and guaranteed
as working straight out of the box. The last thing you want to do in a case
like that is to mangle it beyond all recognition. No doubt the experience
was educational, and you benefitted from it, but if the glove don't fit, you
must acquit!

I'm not going to make a second attempt to analze the brand-new software
you've created. Keep it somewhere safely off the Internet, and tinker with
it for your own edification. What I *will* is (for your convenience, as you
don't even seem to know where the original thread was) re-post the entire
code, *remove* the absolute paths and replace them with the original
relative paths, and give you this simple instruction:

***********************************************************
Copy the whole text and paste it over your existing HTML, all the way from
the <html> tag to the </html> tag. Make NO changes to any code in it until
and unless you safely back it up somewhere! I GUARANTEE IT WORKS!
Code follows:
***********************************************************

/******** DO NOT EDIT BELOW!!!! I REALLY MEAN IT THIS TIME!!! ***********/
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</head>

<body background="bg.jpg; width:100%">

<div id="Book" style="width: 100%; height: 235">
<img id="placeHolder" src="placeholder.gif" width="176" height="197">
</div>


<script type="text/javascript">

/***********************************************
* Book Flip slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
Create a div with transparent place holder in your html
<div id="Book" style="position:relative">
<img src="placeholder.gif" width="239" height="238">
</div>
width = 2*book image width +4 height = book image height+2

Insert onload in body tag
<body onload="ImageBook()">
*********************************************************/

// 7 variables to control behavior
var Book_Image_Width=239;
var Book_Image_Height=238;
var Book_Left;
var Book_Border=true;
var Book_Border_Color="gray";
var Book_Speed=15;
var Book_NextPage_Delay=1500; //1 second=1000
var Book_Vertical_Turn=0;
var ph;
if(document.getElementById){
Book_Div=document.getElementById("Book");
Book_Left = Book_Div.offsetWidth / 2 - Book_Image_Width;
ph = document.getElementById("placeholder");
ph.style.left = Book_Left;
}

// array to specify images and optional links. At least 4
// If Link is not needed keep it ""

Book_Image_Sources=new Array(
"small1.jpg","",
"small2.jpg","",
"small3.jpg","",
"small4.jpg","",
"small5.jpg","",
"small6.jpg","",
"small7.jpg","",
"small8.jpg","",
"small9.jpg","",
"small10.jpg","",
"small11.jpg","",
"small12.jpg","",
"small13.jpg","",
"small14.jpg","",
"small15.jpg","",
"small16.jpg","",
"small17.jpg","",
"small18.jpg","",
"small19.jpg","",
"small20.jpg","" // NOTE No comma after last line
);

/***************** DO NOT EDIT BELOW **********************************/
var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

function ImageBook(){
if(document.getElementById){
Book_Div=document.getElementById("Book");
Book_Left = Book_Div.offsetWidth / 2 - Book_Image_Width;
for(i=0;i<Book_Image_Sources.length;i+=2){
B_Pre_Img=new Image();B_Pre_Img.src=Book_Image_Sources}
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
B_LI.style.left=Book_Left+"px";
B_MI.style.top=0+"px";
B_MI.style.left=(Book_Vertical_Turn?Book_Left:Book_Left+Book_Image_Width+1)+"px";
B_RI.style.top=0+"px";
B_RI.style.left=(Book_Vertical_Turn?Book_Left:Book_Left+Book_Image_Width+1)+"px";
B_LI.style.height=Book_Image_Height+"px";
B_MI.style.height=Book_Image_Height+"px";
B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=Book_Image_Width+"px";
B_MI.style.width=Book_Image_Width+"px";
B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
B_LI.style.borderWidth=1+"px";
B_MI.style.borderWidth=1+"px";
B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
B_LI.src=B_Pre_Img[0].src;
B_LI.lnk=Book_Image_Sources[1];
B_MI.src=B_Pre_Img[2].src;
B_MI.lnk=Book_Image_Sources[3];
B_RI.src=B_Pre_Img[4].src;
B_RI.lnk=Book_Image_Sources[5];
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}

function BookImages(){
if(!B_Stppd){
if(Book_Vertical_Turn){
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
B_MI.style.top=MidOffset+"px";
B_MI.style.height=B_MSz+"px"}
else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
B_MI.style.left=Book_Left+MidOffset+"px";
B_MI.style.width=B_MSz+"px"}
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Direction){
B_Direction=0;
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_MI.src=B_Pre_Img[B_CrImg].src;
B_MI.lnk=Book_Image_Sources[B_CrImg+1];
B_CrImg+=2}
if(B_Angle>=Math.PI){
B_Direction=1;
B_TI=B_LI;
B_LI=B_MI;
B_MI=B_TI;
if(Book_Vertical_Turn)B_MI.style.top=0+"px";
else B_MI.style.left=Book_Left+Book_Image_Width+1+"px";
B_MI.src=B_RI.src;
B_MI.lnk=B_RI.lnk;

setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_Pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function
B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
ImageBook();
</script>


<p><b>NATE'S PHOTO ALBUM</b></p>


<p><b><a href="Photos.htm">HOME</a></b></p>


</body>

</html>
/******** DO NOT EDIT ABOVE!!!! I REALLY MEAN IT THIS TIME!!! ***********/

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
A watched clock never boils.
 
OHHkay.......all info has been absorbed and stored into this *humans* data
base. This *human* forgot to mention the last page coding I sent was from an
entirely different script that I managed to find, it worked for me only in
that it was *centered* as I wanted it to be. What did not work were the
pictures on the right side of the *book* (I know I need them). I was hoping
you could elaborate on that issue. I apologize for the confusion.

As far as the instructions you have given me, I copied/pasted and changed
ONLY the file locations. The script did not work. Somewhere I may have
dropped a part of the script not realizing how all this mumbo jumbo works.
My Bahd as the kids say.

I also posted into a new thread because I wanted to bring it to your
attention because you had been so helpful to me. My Bahd again. I am new to
the groups and don't know all the group etiquette as yet. Am learning.

I sincerely appreciate all your efforts, time, work, expertise and
tutorials. ALL of which was read and followed carefully as best I could. I
will try this again, totally ignoring the 'new' script I found that centered
the daggone book the way I wanted it :-)

And if it doesn't work? This *human* will keep on trying.

C

PS: Maybe this isn't working because I've had way too much coffee!
 
In for a penny, in for a pound. ;-)

The following is EXACTLY the same as what I sent you earlier, with a couple
of tweaks. You can set the top of the book. It is absolute, measured in
pixels. Just below the <script> tag, you'll see a line that reads:

var Book_Top = 100; /* Change this to set the top of the book */

Change it to the number of pixels from the top of the browser that you want
your book at. Once again, MAKE NO CHANGES to the page!

/******** DO NOT EDIT BELOW!!!! I REALLY MEAN IT THIS TIME!!! ***********/

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</head>

<body background="bg.jpg; width:100%">

<div id="Book" style="width: 100%; height: 235">
<img id="placeHolder" src="placeholder.gif" width="176" height="197">
</div>


<script type="text/javascript">
var Book_Top = 100; /* Change this to set the top of the book */
/***********************************************
* Book Flip slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
Create a div with transparent place holder in your html
<div id="Book" style="position:relative">
<img src="placeholder.gif" width="239" height="238">
</div>
width = 2*book image width +4 height = book image height+2

Insert onload in body tag
<body onload="ImageBook()">
*********************************************************/

// 7 variables to control behavior

var Book_Image_Width=239;
var Book_Image_Height=238;
var Book_Left;
var Book_Border=true;
var Book_Border_Color="gray";
var Book_Speed=15;
var Book_NextPage_Delay=1500; //1 second=1000
var Book_Vertical_Turn=0;
var ph;
if(document.getElementById){
Book_Div=document.getElementById("Book");
Book_Left = Book_Div.offsetWidth / 2 - Book_Image_Width;
ph = document.getElementById("placeholder");
ph.style.left = Book_Left;
}

// array to specify images and optional links. At least 4
// If Link is not needed keep it ""

Book_Image_Sources=new Array(
"small1.jpg","",
"small2.jpg","",
"small3.jpg","",
"small4.jpg","",
"small5.jpg","",
"small6.jpg","",
"small7.jpg","",
"small8.jpg","",
"small9.jpg","",
"small10.jpg","",
"small11.jpg","",
"small12.jpg","",
"small13.jpg","",
"small14.jpg","",
"small15.jpg","",
"small16.jpg","",
"small17.jpg","",
"small18.jpg","",
"small19.jpg","",
"small20.jpg","" // NOTE No comma after last line
);

/***************** DO NOT EDIT BELOW **********************************/
var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

function ImageBook(){
if(document.getElementById){
Book_Div=document.getElementById("Book");
Book_Left = Book_Div.offsetWidth / 2 - Book_Image_Width;
for(i=0;i<Book_Image_Sources.length;i+=2){
B_Pre_Img=new Image();B_Pre_Img.src=Book_Image_Sources}
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1+Book_Top:Book_Top)+"px";
B_LI.style.left=Book_Left+"px";
B_MI.style.top=Book_Top+"px";
B_MI.style.left=(Book_Vertical_Turn?Book_Left:Book_Left+Book_Image_Width+1)+"px";
B_RI.style.top=Book_Top+"px";
B_RI.style.left=(Book_Vertical_Turn?Book_Left:Book_Left+Book_Image_Width+1)+"px";
B_LI.style.height=Book_Image_Height+"px";
B_MI.style.height=Book_Image_Height+"px";
B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=Book_Image_Width+"px";
B_MI.style.width=Book_Image_Width+"px";
B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
B_LI.style.borderWidth=1+"px";
B_MI.style.borderWidth=1+"px";
B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
B_LI.src=B_Pre_Img[0].src;
B_LI.lnk=Book_Image_Sources[1];
B_MI.src=B_Pre_Img[2].src;
B_MI.lnk=Book_Image_Sources[3];
B_RI.src=B_Pre_Img[4].src;
B_RI.lnk=Book_Image_Sources[5];
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}

function BookImages(){
if(!B_Stppd){
if(Book_Vertical_Turn){
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
B_MI.style.top=MidOffset+Book_Top+"px";
B_MI.style.height=B_MSz+"px"}
else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
B_MI.style.left=Book_Left+MidOffset+"px";
B_MI.style.width=B_MSz+"px"}
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Direction){
B_Direction=0;
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_MI.src=B_Pre_Img[B_CrImg].src;
B_MI.lnk=Book_Image_Sources[B_CrImg+1];
B_CrImg+=2}
if(B_Angle>=Math.PI){
B_Direction=1;
B_TI=B_LI;
B_LI=B_MI;
B_MI=B_TI;
if(Book_Vertical_Turn)B_MI.style.top=Book_Top+"px";
else B_MI.style.left=Book_Left+Book_Image_Width+1+"px";
B_MI.src=B_RI.src;
B_MI.lnk=B_RI.lnk;

setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_Pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function
B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
ImageBook();
</script>


<p><b>NATE'S PHOTO ALBUM</b></p>


<p><b><a href="Photos.htm">HOME</a></b></p>


</body>

</html>
/******** DO NOT EDIT ABOVE!!!! I REALLY MEAN IT THIS TIME!!! ***********/

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
A watched clock never boils.
 
Hi Homey,

As you can see, from your follow-up post, it did work, as I guaranteed. And
I sent you the other mod you requested (by now I'm totally familiar with the
code. I didn't even have to re-write anything after the first code write, so
it took only about 5 minutes).

I hope you understood that I was not putting you down in any way with my
remarks. When people start to get into programming, they have to learn to
think in completely different ways, as they have always interacted with
humans. This is one of the biggest difficulties for people learning to
program. So, I was simply trying to explain how incredibly detail-oriented
the computer is in terms of "talking to" it.

The attempts at levity were not at your expense, but to lighten up the
discussion, give it a little "humanity" so to speak. However, as I interact
almost exclusively with computers, I often seem to be a bit inept with my
conversations with people, and my intentions have been misconstrued from
time to time.

I include myself among the "human" side of the equation, and make mistakes
as often as anyone else! So don't mistake my dry conversational style for
indifference or lack of compassion. I happen to love people, and try to make
the world a better place in my own stumbling way.

BTW, that's one beautiful baby!

--

Kevin Spencer
Microsoft MVP
..Net Developer
A watched clock never boils.
 
Kevvy......Touche' and ty for the grandbaby compliment :-)

I totally understood what you were saying, and understand the interaction
between people and computers and people with people. Did that make sense? I
think in my copy/pasting I must have dropped something for it not to work.
All is well now, thanks to you. I really do appreciate all your time and
efforts. Not only for me, but everyone in the group.

You know what would really be cool?...to make that look like a real photo
album/book.......hmmm.......j/k :-) there's not enough coffee in the world
for me to attempt that one. But then again, one never knows.

-C
 
Spend more time with that baby! That would be really cool!

;-)

--

Kevin Spencer
Microsoft MVP
..Net Developer
A watched clock never boils.
 
That's why we keep our asp coder-dood locked in a closet with plenty of
coffee and no telephone.


| Hi Homey,
|
| As you can see, from your follow-up post, it did work, as I guaranteed.
And
| I sent you the other mod you requested (by now I'm totally familiar with
the
| code. I didn't even have to re-write anything after the first code write,
so
| it took only about 5 minutes).
|
| I hope you understood that I was not putting you down in any way with my
| remarks. When people start to get into programming, they have to learn to
| think in completely different ways, as they have always interacted with
| humans. This is one of the biggest difficulties for people learning to
| program. So, I was simply trying to explain how incredibly detail-oriented
| the computer is in terms of "talking to" it.
|
| The attempts at levity were not at your expense, but to lighten up the
| discussion, give it a little "humanity" so to speak. However, as I
interact
| almost exclusively with computers, I often seem to be a bit inept with my
| conversations with people, and my intentions have been misconstrued from
| time to time.
|
| I include myself among the "human" side of the equation, and make mistakes
| as often as anyone else! So don't mistake my dry conversational style for
| indifference or lack of compassion. I happen to love people, and try to
make
| the world a better place in my own stumbling way.
|
| BTW, that's one beautiful baby!
|
| --
|
| Kevin Spencer
| Microsoft MVP
| .Net Developer
| A watched clock never boils.
|
|
| | > OHHkay.......all info has been absorbed and stored into this *humans*
data
| > base. This *human* forgot to mention the last page coding I sent was
from
| > an entirely different script that I managed to find, it worked for me
only
| > in that it was *centered* as I wanted it to be. What did not work were
| > the pictures on the right side of the *book* (I know I need them). I
was
| > hoping you could elaborate on that issue. I apologize for the confusion.
| >
| > As far as the instructions you have given me, I copied/pasted and
changed
| > ONLY the file locations. The script did not work. Somewhere I may have
| > dropped a part of the script not realizing how all this mumbo jumbo
works.
| > My Bahd as the kids say.
| >
| > I also posted into a new thread because I wanted to bring it to your
| > attention because you had been so helpful to me. My Bahd again. I am new
| > to the groups and don't know all the group etiquette as yet. Am
learning.
| >
| > I sincerely appreciate all your efforts, time, work, expertise and
| > tutorials. ALL of which was read and followed carefully as best I could.
I
| > will try this again, totally ignoring the 'new' script I found that
| > centered the daggone book the way I wanted it :-)
| >
| > And if it doesn't work? This *human* will keep on trying.
| >
| > C
| >
| > PS: Maybe this isn't working because I've had way too much coffee!
| >
|
|
 
I am replying because I didn't see an answer to my question. Using FP 2003
we created our site and when I opened it today, I am seeing a second set of
navigation bars in the lower left bottom of the page (only one was created).
Also on our "Ministries" page the images at the top are reversed and they
didn't start out that way. Can you help me. Address: www.bmbc-lugoffsc.org
Bob
 
Have your hosting company download and install the latest server extensions updates.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
This is their reply Steve:

We are running the latest Frontpage Extensions for Unix, which are version 5.
 
It looks to me like you've made a whole bunch of mistakes, and I'm not sure
which one caused the anomaly with the Navigation bar fiasco. It is likely
that you didn't publish correctly. FrontPage server extensions generally
have problems when pages are uploaded via FTP or any other means other than
publishing through FrontPage.

Among the other mistakes I saw were:

Using non-breaking space character sequences (&nbsp;) for positioning. All
men may be created equal, but all browsers are not. In addition, all
computers are not. And browsers on the same computer may be different sizes
(you can size a browser window). Therefore, using spaces for positioning is
a bad idea. There are HTML entities for doing that sort of thing, and they
are easily available through the FrontPage Editor interface.

Also, it looks like you did a lot of your composition in Microsoft Word, and
pasted the content into your web page. Microsoft Word uses a proprietary
binary formatting system, and translating Word formatting and/or artwork to
HTML is seldom pretty. In fact, depending on the browser used to view the
page, it can be downright disastrous. Again, using FrontPage Editor to do
your layout and composition work will prevent this sort of thing from
happening.

Remember that in HTML (which is the format that all web documents, Microsoft
or not, use), What you see is not exactly What you get, regardless of the
software you use to do your design. Understanding a bit about HTML will
prove invaluable to you in creating your web site. It's really not that hard
to learn. You can learn a lot by looking at the HTML source code that
FrontPage creates when you use its visual interface to create your web
pages. Hit ENTER and see the <p>&nbsp;</p> code that FrontPage puts in.
That's a paragraph. Insert an image and see the <img src="somefile.jpg"> tag
that FrontPage puts in. Pretty soon, you'll know almost everything there is
to know about HTML, and how to make it look good in every browser.

And while you're at it, download the free FireFox browser for testing. It is
an excellent and free Mozilla browser, which will show you how your web site
will look in almost every browser except Internet Explorer (until version 7
comes out, that is). Get in the habit of testing your pages in both IE and
FireFox, and you'll be in good shape.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
If you push something hard enough,
it will fall over.
- Fudd's First Law of Opposition
 
Hi Kevin,

Thanks for your reply. This our first site and going by what our host
recommended we used the FTP (Core lite). In FP what should I be using to
upload the pages to the web? I had attempted to publish before but when I
clicked the publish button; it opened up for me to select a remote site. So
can you tell me the correct procedure and how can I fix what has happened?
If I delete the second set of bars I will lose my pages and just so that you
know, I didn't put any code in other than the pre-written scripts for the
counter, form, and mapquest. The docs are word, but I was having problems
getting the text to line up right when placing it in the FP text boxes.
Please help where you can.
 
If Kevin isn't available to assist me in this matter, could someone else
please pick this up and lend us a helping hand?
 
Hello again,

So that I stay on track, if you say it isn't good to have Word docs assoc.
with FP03, what do I use to replace that doc.
example: I have a doc with names of people requesting prayer. How and what
do I link that info to if not a Word doc? Should I reconstruct my sites
pages before I publish it with FP or will FP overwrite and fix these issues?
 
Thanks for your reply. This our first site and going by what our host
recommended we used the FTP (Core lite). In FP what should I be using to
upload the pages to the web? I had attempted to publish before but when I
clicked the publish button; it opened up for me to select a remote site.
So
can you tell me the correct procedure and how can I fix what has happened?
If I delete the second set of bars I will lose my pages and just so that
you
know, I didn't put any code in other than the pre-written scripts for the
counter, form, and mapquest. The docs are word, but I was having problems
getting the text to line up right when placing it in the FP text boxes.
Please help where you can.
Click to expand...

Well, Bob, when it comes to publishing, I can't be sure, as your hosting
service is running (shudder) Unix. But if the server extensions are indeed
installed on the web site, and correctly configured, you should be able to
use FrontPage's publishing capabilities to publish the entire site to the
server, overwriting everything that is currently up there. Again, certain
FrontPage features require the server extensions to be correctly configured,
and that requires publishing. See the FrontPage help regarding publishing to
find out more. Follow all the instructions carefully and with patience.
I didn't put any code in other than the pre-written scripts for the
counter, form, and mapquest.
Click to expand...

A good rule of thumb is to create and test things one at a time. If you
upload a whole lot of stuff in one blow, and something goes wrong, how do
you know which of the changes you uploaded caused the initial problem? This
is referred to in the programming biz as "unit testing." You want to
minimize the variables involved when you make any changes. And whether you
realize it or not, the "scripts" you added were programs, so you might as
well start thinking like a programmer! ;-)

Testing locally prior to publishing is also a good practice. If it works
locally, chances are it will work on the server. That is, unless you don't
publish properly! ;-)
The docs are word, but I was having problems
getting the text to line up right when placing it in the FP text boxes.
Click to expand...

Hm, sounds like a case of "I couldn't do the right thing correctly, so I did
the wrong thing instead." I'm not faulting you for your inexperience, and
this is all fixable, but it will take awhile, and you will need to handle it
one issue at a time. Just consider it lessons learned.

HTML development is not easy, regardless of how good your tools are. I know
Microsoft has this way of advertising FrontPage as "HTML development without
programming," but they ought to at least qualify that marketing jargon with
some caveats. Yes, you can develop *some* HTML without knowing anything
about HTML or the web. If you want to crank out a cookie-cutter web site
that looks like it was created automatically by FrontPage, and you can
accept everything that FrontPage does for you automatically, you can get a
web site up and running in a matter of minutes. Of course, the problem is
that nobody wants a cookie-cutter web site that looks like it was created
automatically by FrontPage, and as soon as you start coloring outside the
lines, well... you have seen it for yourself. Quite a common experience.
Remember that Microsoft owns Office, Word, Windows, and even Internet
Explorer, but they didn't create the Internet, HTML, HTTP, and don't have
any control over anything outside the Microsoft sandbox. That includes most
of the Internet. What works nicely and plays nicely inside the Microsoft
sandbox often has issues once you step outside into the cold, cruel world.

The good news is, if you're willing to learn, and work a bit, you can learn
enough about HTML to create a nice web site that doesn't have a whole bunch
of bells and whistles (like server-side scripts, forms, and other
interactive components), in a relatively short time. After that, you can
teach yourself a bit at a time, and before you know it, you're a pro! In
other words, if you feel the need to color outside the lines, color just a
bit outside the lines, deal with whatever issues that arise as a result,
learn what you need to know to make it work, and move on to the next thing,
one thing at a time, slowly and carefully.

And hey, it's all just magnetic bits on disk. It doesn't cost anything to
start over but your time. Time is what it takes, time and patience. When you
start getting the hang of it, it's downright addictive. Hey, I've been
writing web applications for nearly 10 years now, and I still can't get
enough!

Gotta go home and take care of the fam now. Catch you on the flip side.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
If you push something hard enough,
it will fall over.
- Fudd's First Law of Opposition
 
Back
Top