Further questions about my site

[Josh]

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.

[McKirahan]

Where to start...

"Josh" <jo*****@hotmai l.com> wrote in message
news:10******** *****@corp.supe rnews.com...

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>DateInp ut('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('orde rdate', 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.wr ite(pop);
}
</script>
Thanks in advance for any advice or resources anyone can provide.

[Josh]

"McKirahan" <Ne**@McKirahan .com> wrote in message
news:Je******** ************@co mcast.com...

Where to start...

"Josh" <jo*****@hotmai l.com> wrote in message
news:10******** *****@corp.supe rnews.com...

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>DateInp ut('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('orde rdate', 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.wr ite(pop);
}
</script>

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

[McKirahan]

"Josh" <jo*****@hotmai l.com> wrote in message
news:10******** *****@corp.supe rnews.com...

Here's a popular calendar:

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

[Josh]

<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.wr ite(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

[McKirahan]

"Josh" <jo*****@hotmai l.com> wrote in message
news:10******** *****@corp.supe rnews.com...

<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.wr ite(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>Privat e Room";
var win = window.open("", "Popup","width= 200,height=200" )
win.document.wr ite(pop);
}
</script>

[Mark Parnell]

Previously in alt.html,comp.l ang.javascript, Josh <jo*****@hotmai l.com>
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

[McKirahan]

"Mark Parnell" <we*******@clar kecomputers.com .au> wrote in message
news:qs******** *************** *******@markpar nell.com.au...

Previously in alt.html,comp.l ang.javascript, Josh <jo*****@hotmai l.com>
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.

[Toby Inkster]

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

[Josh]

"Toby Inkster" <us**********@t obyinkster.co.u k> wrote in message
news:pa******** *************** *****@tobyinkst er.co.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.