Further questions about my site

I was wondering if anyone could point me in the direction for information to
solve the following problems with my site (under development).

The URL is
http://thesouthbeachhostel.com/php-t...p=reservations. This
contents in this folder are not active yet. This is my first professional
site so I want everything to be as perfect as possible.

1) On the form there is a label "Check-in Date:" -- I want the small
calendar icon to line up with the text field. I can't get it to line up
perfectly.

2) Also, I want to make a JavaScript calendar pop up when the user clicks on
the calendar icon, which then transfers a date into the form. I don't know
JavaScript so I was wondering if anyone knew of a good free (or very cheap)
script that would do that function well. Is it difficult to learn to code
something like that? I like what Travelocity.com does on their homepage but
that might be too ambitious...

3) How do I make a secure connection with the server to transmit the credit
card numbers?

4) There is a "?" icon next the the text area for "type of accommodation."
How do I get a small popup to open when they click on that. I want to
provide information on what the different options in the select box mean.

Thanks in advance for any advice or resources anyone can provide.

Josh

Where to start...

"Josh" <> wrote in message
news:...
> I was wondering if anyone could point me in the direction for information
to
> solve the following problems with my site (under development).
>
> The URL is
> http://thesouthbeachhostel.com/php-t...p=reservations.
This
> contents in this folder are not active yet. This is my first professional
> site so I want everything to be as perfect as possible.
>
> 1) On the form there is a label "Check-in Date:" -- I want the small
> calendar icon to line up with the text field. I can't get it to line up
> perfectly.

Nothing appears after "Check-in Date: ".

Your source has the following line:
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
but I couldn't find that "include" file at:
http://thesouthbeachhostel.com/php-t...arDateInput.js

Note that as soon as I load the page I get two JavaScript Errors:

A Runtime Error has occurred.
Do you want to Debug?
Line: 1
Error: Expected ";"

If I click "No" then I get:

A Runtime Error has occurred.
Do you want to Debug?
Line: 165
Error: Object Expected

If I click "No" then I then the page loads.

Debugging both errors point to the same line:
DateInput('orderdate', true, 'DD-MON-YYYY')



> 2) Also, I want to make a JavaScript calendar pop up when the user clicks
on
> the calendar icon, which then transfers a date into the form. I don't
know
> JavaScript so I was wondering if anyone knew of a good free (or very
cheap)
> script that would do that function well. Is it difficult to learn to code
> something like that? I like what Travelocity.com does on their homepage
but
> that might be too ambitious...

I'll get back to you later...

> 3) How do I make a secure connection with the server to transmit the
credit
> card numbers?

You'll need an SSL (Secure Socket Layers) ceritificate.

> 4) There is a "?" icon next the the text area for "type of accommodation."
> How do I get a small popup to open when they click on that. I want to
> provide information on what the different options in the select box mean.

Do you want your visitors to click on the "?" for the popup?

If so, then try:

<img src="images/question.gif" border="0" align="middle" alt="Click here for
more information" onclick="Popup()" />

<javascript type="text/javascript">
function Popup() {
var pop = "Room Types: \n";
pop += "\n Small Mixed Dorm";
pop += "\n Large Mixed Dorm";
pop += "\n Female Dorm";
pop += "\n Private Room";
var win = window.open("","Popup","")
win.document.write(pop);
}
</script>

> Thanks in advance for any advice or resources anyone can provide.

"McKirahan" <> wrote in message
news:Je-dnc3BLq_Z3nHcRVn-...
> Where to start...
>
> "Josh" <> wrote in message
> news:...
> > I was wondering if anyone could point me in the direction for
information
> to
> > solve the following problems with my site (under development).
> >
> > The URL is
> > http://thesouthbeachhostel.com/php-t...p=reservations.
> This
> > contents in this folder are not active yet. This is my first
professional
> > site so I want everything to be as perfect as possible.
> >
> > 1) On the form there is a label "Check-in Date:" -- I want the small
> > calendar icon to line up with the text field. I can't get it to line up
> > perfectly.
>
> Nothing appears after "Check-in Date: ".
>
> Your source has the following line:
> <script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
> but I couldn't find that "include" file at:
> http://thesouthbeachhostel.com/php-t...arDateInput.js
>
> Note that as soon as I load the page I get two JavaScript Errors:
>
> A Runtime Error has occurred.
> Do you want to Debug?
> Line: 1
> Error: Expected ";"
>
> If I click "No" then I get:
>
> A Runtime Error has occurred.
> Do you want to Debug?
> Line: 165
> Error: Object Expected
>
> If I click "No" then I then the page loads.
>
> Debugging both errors point to the same line:
> DateInput('orderdate', true, 'DD-MON-YYYY')

Sorry... I've been working on the site since I posted that message. I found
a free calendar script on www.dynamicdrive.com that I am trying to get to
work correctly. It was working fine but then it disappeared from my form.
I think the script might have some bugs in it.


> > 3) How do I make a secure connection with the server to transmit the
> credit
> > card numbers?
>
> You'll need an SSL (Secure Socket Layers) ceritificate.

I'll search for that on Google...


> > 4) There is a "?" icon next the the text area for "type of
accommodation."
> > How do I get a small popup to open when they click on that. I want to
> > provide information on what the different options in the select box
mean.
>
> Do you want your visitors to click on the "?" for the popup?
>
> If so, then try:
>
> <img src="images/question.gif" border="0" align="middle" alt="Click here
for
> more information" onclick="Popup()" />
>
> <javascript type="text/javascript">
> function Popup() {
> var pop = "Room Types: \n";
> pop += "\n Small Mixed Dorm";
> pop += "\n Large Mixed Dorm";
> pop += "\n Female Dorm";
> pop += "\n Private Room";
> var win = window.open("","Popup","")
> win.document.write(pop);
> }
> </script>


Thanks for that help. I will try it out...

"Josh" <> wrote in message
news:...

Here's a popular calendar:

http://www.dynarch.com/projects/calendar/#

> <img src="images/question.gif" border="0" align="middle" alt="Click here
for
> more information" onclick="Popup()" />
>
> <javascript type="text/javascript">
> function Popup() {
> var pop = "Room Types: \n";
> pop += "\n Small Mixed Dorm";
> pop += "\n Large Mixed Dorm";
> pop += "\n Female Dorm";
> pop += "\n Private Room";
> var win = window.open("","Popup","")
> win.document.write(pop);
> }
> </script>

A question: I don't know much about JavaScript. Today is my first day of
trying to use it.

Should it be <javascript type="text/javascript">, or just <script
type="text/javascript">? (the closing tag is </script>.)

I added the code but it doesn't add the new lines (\n). It's a full new
browser window. Is there anyway to resize it and remove all of the
navigation and menu bars?

Thanks

"Josh" <> wrote in message
news:...
>
> > <img src="images/question.gif" border="0" align="middle" alt="Click here
> for
> > more information" onclick="Popup()" />
> >
> > <javascript type="text/javascript">
> > function Popup() {
> > var pop = "Room Types: \n";
> > pop += "\n Small Mixed Dorm";
> > pop += "\n Large Mixed Dorm";
> > pop += "\n Female Dorm";
> > pop += "\n Private Room";
> > var win = window.open("","Popup","")
> > win.document.write(pop);
> > }
> > </script>
>
> A question: I don't know much about JavaScript. Today is my first day of
> trying to use it.
>
> Should it be <javascript type="text/javascript">, or just <script
> type="text/javascript">? (the closing tag is </script>.)
>
> I added the code but it doesn't add the new lines (\n). It's a full new
> browser window. Is there anyway to resize it and remove all of the
> navigation and menu bars?
>
> Thanks

Try:

<javascript type="text/javascript">
function Popup() {
var pop = "Room Types: <br>";
pop += "<br>Small Mixed Dorm";
pop += "<br>Large Mixed Dorm";
pop += "<br>Female Dorm";
pop += "<br>Private Room";
var win = window.open("","Popup","width=200,height=200")
win.document.write(pop);
}
</script>

Previously in alt.html,comp.lang.javascript, Josh <>
said:

> Should it be <javascript type="text/javascript">, or just <script
> type="text/javascript">? (the closing tag is </script>.)

<script type="text/javascript">. There is no <javascript> element.

> I added the code but it doesn't add the new lines (\n). It's a full new
> browser window. Is there anyway to resize it and remove all of the
> navigation and menu bars?

Yes.

http://diveintoaccessibility.org/day...w_windows.html

--
Mark Parnell
http://www.clarkecomputers.com.au

"Mark Parnell" <> wrote in message
news:qs91vhesxuai.15vz5nb2egwlb$.mark@markparnell. com.au...
> Previously in alt.html,comp.lang.javascript, Josh <>
> said:
>
> > Should it be <javascript type="text/javascript">, or just <script
> > type="text/javascript">? (the closing tag is </script>.)
>
> <script type="text/javascript">. There is no <javascript> element.
>
> > I added the code but it doesn't add the new lines (\n). It's a full
new
> > browser window. Is there anyway to resize it and remove all of the
> > navigation and menu bars?
>
> Yes.
>
> http://diveintoaccessibility.org/day...w_windows.html
>
> --
> Mark Parnell
> http://www.clarkecomputers.com.au

Mark's right -- my pseudo code was wrong.

Even when I first read your question about it I didn't spot the difference.

Thanks Mark.

McKirahan wrote:

> Here's a popular calendar:
> http://www.dynarch.com/projects/calendar/#

And here is another popular calendar:
http://tinyurl.com/6yfzh

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

"Toby Inkster" <> wrote in message
news .uk...
> McKirahan wrote:
>
> > Here's a popular calendar:
> > http://www.dynarch.com/projects/calendar/#
>
> And here is another popular calendar:
> http://tinyurl.com/6yfzh


Thanks... The Gregorian Calendar -- I think I will use that one on my site.