question about post/get

[q2005]

Hi, all

When I do as the following, it becomes a GET action to the the server. How
do I make it as a POST action? That means I don't want the string after "?"
show on URL bar and, to the server, it can follow POST function to get the
data passed in. Thank you very much!

window.open("../../Server.php?"+xsValue, "", zNONHTML_STYLE);
Jack

[Ivo]

"q2005" wrote

When I do as the following, it becomes a GET action to the the server. How do I make it as a POST action? That means I don't want the string after "?" show on URL bar and, to the server, it can follow POST function to get the data passed in. Thank you very much!

window.open("../../Server.php?"+xsValue, "", zNONHTML_STYLE);

This is a GET request, yes, but only if javascript is available. Without
javascript it is nothing.
If you want to POST something, there is no around using a form. If the
reliance on javascript is not a problem (but it usually is), this form can
be built dynamically:
var f=document.createElement('form');
document.body.appendChild(f);
f.action='../../Server.php';
f.method='post';
var i=document.createElement('input');
f.appendChild(i);
i.type='hidden';
i.name='somename';
i.value=xsValue;
f.submit();

HTH
--
Ivo

[q2005]

Thanks, Ivo. It's so helpful. By the way, after summit, how do I delete the
form object? Thanks again!

Jack

This is a GET request, yes, but only if javascript is available. Without
javascript it is nothing.
If you want to POST something, there is no around using a form. If the
reliance on javascript is not a problem (but it usually is), this form can
be built dynamically:
var f=document.createElement('form');
document.body.appendChild(f);
f.action='../../Server.php';
f.method='post';
var i=document.createElement('input');
f.appendChild(i);
i.type='hidden';
i.name='somename';
i.value=xsValue;
f.submit();

HTH
--
Ivo

[Ivo]

"q2005" wrote

This is a GET request, yes, but only if javascript is available. Without
javascript it is nothing.
If you want to POST something, there is no around using a form. If the
reliance on javascript is not a problem (but it usually is), this form can be built dynamically:
var f=document.createElement('form');
document.body.appendChild(f);
f.action='../../Server.php';
f.method='post';
var i=document.createElement('input');
f.appendChild(i);
i.type='hidden';
i.name='somename';
i.value=xsValue;
f.submit();

Thanks, Ivo. It's so helpful. By the way, after summit, how do I delete the form object? Thanks again!

You don't. The form is submitted, so the whole page is 'deleted' as the
server responds with a brand new page. Note that the example code provided
does not test for features before using them. Include
if(document.createElement) {...} and stuff like that before using it in the
real world. Also, try to avoid relying on javascript. If you can do it with
an ordinary form, and it sounds like you can, then do.
HTH
--
Ivo

[q2005]

Thanks a lot, Ivo.
How do I let it be opened in a separate window after submmit?

Jack

[Ivo]

"q2005" aka Jack wrote

How do I let it be opened in a separate window after submmit?

In standard HTML, you can add a target attribute to the form opening tag and
it will behave just like the target attribute of <a> tags:

<form action="..." method="..." target="_blank">

Amazing, isn't it?
In Javascript, to get the same result, you could add this line to the code
we discussed earlier:

f.target='_blank';

--
Ivo

[q2005]

Thanks very much, Ivo. It works!

Jack

In standard HTML, you can add a target attribute to the form opening tag and it will behave just like the target attribute of <a> tags:

<form action="..." method="..." target="_blank">

Amazing, isn't it?
In Javascript, to get the same result, you could add this line to the code
we discussed earlier:

f.target='_blank';

--
Ivo

[q2005]

Hi, Ivo
I tried this script and found "i.type='hidden';" won't work. I changed to
"i.type='text';" , it works. But it will show on the original page.

Jack

"Ivo" <[e-mail]> wrote in message
news:41***********************@news.wanadoo.nl...

"q2005" wrote

When I do as the following, it becomes a GET action to the the server.

How

do I make it as a POST action? That means I don't want the string after

"?"

show on URL bar and, to the server, it can follow POST function to get

the

data passed in. Thank you very much!

window.open("../../Server.php?"+xsValue, "", zNONHTML_STYLE);

This is a GET request, yes, but only if javascript is available. Without
javascript it is nothing.
If you want to POST something, there is no around using a form. If the
reliance on javascript is not a problem (but it usually is), this form can
be built dynamically:
var f=document.createElement('form');
document.body.appendChild(f);
f.action='../../Server.php';
f.method='post';
var i=document.createElement('input');
f.appendChild(i);
i.type='hidden';
i.name='somename';
i.value=xsValue;
f.submit();

HTH
--
Ivo

[Michael Winter]

On Tue, 16 Nov 2004 20:11:56 +1000, q2005 <q2***@tpg.com.au> wrote:

I tried this script and found "i.type='hidden';" won't work.
I assume you mean with IE?

According to Microsoft, the type attribute "is read[-many]/write-once, but
only when an input element is created with the createElement method and
before it is added to the document."

To be safe, the appendChild (or similar, like insertBefore) should be the
very last operation with a dynamically-created element. Set all of the
properties, and only then should said element be added.
I changed to "i.type='text';" , it works.

Actually, I doubt that. The assignment will still probably fail, but
because text is the default type, it appears as though it succeeded.

[snip]

Mike
Please don't top-post.

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[q2005]

Thanks, Michael.

I tried this script and found "i.type='hidden';" won't work.
I assume you mean with IE?

Yes, I mean with IE.
According to Microsoft, the type attribute "is read[-many]/write-once, but
only when an input element is created with the createElement method and
before it is added to the document."

To be safe, the appendChild (or similar, like insertBefore) should be the
very last operation with a dynamically-created element. Set all of the
properties, and only then should said element be added.

After put the appendChild() at the very last, there is no more error!

Jack

[RobB]

"Michael Winter" <M.******@blueyonder.co.invalid> wrote in message news:<opshjy49nqx13kvk@atlantis>...

On Tue, 16 Nov 2004 20:11:56 +1000, q2005 <q2***@tpg.com.au> wrote:

I tried this script and found "i.type='hidden';" won't work.
I assume you mean with IE?

According to Microsoft, the type attribute "is read[-many]/write-once, but
only when an input element is created with the createElement method and
before it is added to the document."

To be safe, the appendChild (or similar, like insertBefore) should be the
very last operation with a dynamically-created element. Set all of the
properties, and only then should said element be added.

I changed to "i.type='text';" , it works.

Actually, I doubt that. The assignment will still probably fail, but
because text is the default type, it appears as though it succeeded.

[snip]

Mike
Please don't top-post.

"Ivo" wrote:
If you want to POST something, there is no around using a form.

Might want to read this:
http://developer.apple.com/internet/...mlhttpreq.html

Also, the best way to handle the opening of the form action in a new
window is by 1) setting HTML form target to a specific name string and
2) calling a function onsubmit which opens a configured window,
setting its name (2nd argument to open()) to the target name. Might as
well get the window you want.

[q2005]

Thanks, RobB.

Can you give me an example code about "the best way to handle the opening of
the form action in a new window". Thank you very much!
Jack
"RobB" <fe******@hotmail.com> wrote in message
news:ab**************************@posting.google.c om...

"Michael Winter" <M.******@blueyonder.co.invalid> wrote in message

news:<opshjy49nqx13kvk@atlantis>...

On Tue, 16 Nov 2004 20:11:56 +1000, q2005 <q2***@tpg.com.au> wrote:

I tried this script and found "i.type='hidden';" won't work.

I assume you mean with IE?

According to Microsoft, the type attribute "is read[-many]/write-once, but only when an input element is created with the createElement method and
before it is added to the document."

To be safe, the appendChild (or similar, like insertBefore) should be the very last operation with a dynamically-created element. Set all of the
properties, and only then should said element be added.

I changed to "i.type='text';" , it works.

Actually, I doubt that. The assignment will still probably fail, but
because text is the default type, it appears as though it succeeded.

[snip]

Mike
Please don't top-post.

"Ivo" wrote:

If you want to POST something, there is no around using a form.

Might want to read this:
http://developer.apple.com/internet/...mlhttpreq.html

Also, the best way to handle the opening of the form action in a new
window is by 1) setting HTML form target to a specific name string and
2) calling a function onsubmit which opens a configured window,
setting its name (2nd argument to open()) to the target name. Might as
well get the window you want.

[Michael Winter]

On Thu, 18 Nov 2004 00:48:30 +1000, q2005 <q2***@tpg.com.au> wrote:

Can you give me an example code about "the best way to handle the
opening of the form action in a new window". Thank you very much!

It's in the FAQ. The usual link is <URL:http://jibbering.com/faq/>,
however I can't access it at the moment. In the meantime, you can use an
out-of-date copy, courtesy of the Wayback Machine
(<URL:http://www.archive.org/web/web.php>):

<URL:http://web.archive.org/web/20040202174454/http://www.jibbering.com/faq/>

[snip]

Mike
Don't top-post!

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[RobB]

"Michael Winter" <M.******@blueyonder.co.invalid> wrote in message news:<opshl6oenqx13kvk@atlantis>...

On Thu, 18 Nov 2004 00:48:30 +1000, q2005 <q2***@tpg.com.au> wrote:

Can you give me an example code about "the best way to handle the
opening of the form action in a new window". Thank you very much!

It's in the FAQ. The usual link is <URL:http://jibbering.com/faq/>,
however I can't access it at the moment. In the meantime, you can use an
out-of-date copy, courtesy of the Wayback Machine
(<URL:http://www.archive.org/web/web.php>):

<URL:http://web.archive.org/web/20040202174454/http://www.jibbering.com/faq/>

[snip]

Mike
Don't top-post!

Dug this out of the vault, hope it helps. Some bits are demo-only.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www/w3/org/TR/xhtml1">
<head>
<title>untitled</title>
<script type="text/javascript">
//<![CDATA[

function dummy(v)
{
return '<h4>' + v + '</h4>';
}

function handle_submit(f)
{
if (document.getElementById('w').checked)
{
f.target = 'formpop';
f.action = 'javascript:opener.dummy(opener.document.forms[0].foo.value)';
//demo only
var w = 300;
var h = 180;
var l = (screen.availWidth - w) * .5;
var t = (screen.availHeight - h) * .5;
var features = 'width='+w+',height='+h+',left='+l+',top='+t+',sta tus,scrollbars,resizable';
formpop = open('about:blank', 'formpop', features);
formpop.focus();
return true;
}
else
{
f.target = '_self';
f.action = 'javascript:dummy(document.forms[0].foo.value)'; //ditto
}
}

// ]]>
</script>
</head>
<body>
<form action="javascript:dummy(document.forms[0].foo.value)"
onsubmit="return handle_submit(this)">
<input id="w" type="checkbox" /> open in new window?<br /><br />
<input type="text" name="foo" value="...enter something here" />
<input type="submit" value="done" />
</form>
</body>
</html>

[q2005]

Thanks RobB.
On this example, when open in a new window, sometimes it won't work. The IE
browser said "this page can not displayed". The most times, it works.
questions:
1. Why on open new window needs to return true while on _self doesn't need?
2. Since on handle_submit(), it will change the action, is the "action=" in
the form a dummy one? Or it should have?
3. How can the action can be executed either on the new page or the original
page? Does it depend on target?

Jack

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www/w3/org/TR/xhtml1">
<head>
<title>untitled</title>
<script type="text/javascript">
//<![CDATA[

function dummy(v)
{
return '<h4>' + v + '</h4>';
}

function handle_submit(f)
{
if (document.getElementById('w').checked)
{
f.target = 'formpop';
f.action = 'javascript:opener.dummy(opener.document.forms[0].foo.value)';
//demo only
var w = 300;
var h = 180;
var l = (screen.availWidth - w) * .5;
var t = (screen.availHeight - h) * .5;
var features = 'width='+w+',height='+h+',left='+l+',top='+t+',sta tus,scrollbars,resizable'; formpop = open('about:blank', 'formpop', features);
formpop.focus();
return true;
}
else
{
f.target = '_self';
f.action = 'javascript:dummy(document.forms[0].foo.value)'; //ditto
}
}

// ]]>
</script>
</head>
<body>
<form action="javascript:dummy(document.forms[0].foo.value)"
onsubmit="return handle_submit(this)">
<input id="w" type="checkbox" /> open in new window?<br /><br />
<input type="text" name="foo" value="...enter something here" />
<input type="submit" value="done" />
</form>
</body>
</html>

[Michael Winter]

On Thu, 18 Nov 2004 16:49:14 +1000, q2005 <q2***@tpg.com.au> wrote:

[snip]

1. Why on open new window needs to return true while on _self doesn't
need?
Neither needs to return true, so don't worry about it.
2. Since on handle_submit(), it will change the action, is the "action="
in the form a dummy one? Or it should have?
I should certainly hope it's only a dummy. Making a form submission
dependant upon Javascript is moronic.
3. How can the action can be executed either on the new page or the
original page? Does it depend on target?

Not sure what you're asking there.

Anyway, the answer to your previous question is a simple one. As I said,
look at the FAQ (<URL:http://jibbering.com/faq/>). The answer is there.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[RobB]

"q2005" <q2***@tpg.com.au> wrote in message news:<41******@dnews.tpgi.com.au>...

Thanks RobB.
On this example, when open in a new window, sometimes it won't work. The IE
browser said "this page can not displayed". The most times, it works.
questions:
1. Why on open new window needs to return true while on _self doesn't need?
2. Since on handle_submit(), it will change the action, is the "action=" in
the form a dummy one? Or it should have?
3. How can the action can be executed either on the new page or the original
page? Does it depend on target?

Jack

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www/w3/org/TR/xhtml1">
<head>
<title>untitled</title>
<script type="text/javascript">
//<![CDATA[

function dummy(v)
{
return '<h4>' + v + '</h4>';
}

function handle_submit(f)
{
if (document.getElementById('w').checked)
{
f.target = 'formpop';
f.action = 'javascript:opener.dummy(opener.document.forms[0].foo.value)';
//demo only
var w = 300;
var h = 180;
var l = (screen.availWidth - w) * .5;
var t = (screen.availHeight - h) * .5;
var features = 'width='+w+',height='+h+',left='+l+',top='+t+',sta tus,scrollbars,resizable';

formpop = open('about:blank', 'formpop', features);
formpop.focus();
return true;
}
else
{
f.target = '_self';
f.action = 'javascript:dummy(document.forms[0].foo.value)'; //ditto
}
}

// ]]>
</script>
</head>
<body>
<form action="javascript:dummy(document.forms[0].foo.value)"
onsubmit="return handle_submit(this)">
<input id="w" type="checkbox" /> open in new window?<br /><br />
<input type="text" name="foo" value="...enter something here" />
<input type="submit" value="done" />
</form>
</body>
</html>

1. Why on open new window needs to return true while on _self doesn't need?
It's not specifically necessary for either, as returning anything but
false will have no effect. Should have moved that to just before the
closing bracket, but it was trivial so I missed it.

2. Since on handle_submit(), it will change the action, is the "action=" in the form a dummy one? Or it should have?

Yes. btw DEMO ONLY means 'remove this for real-world use'. Just wanted
to avoid posting a sample form page.
3. How can the action can be executed either on the new page or the original

page? Does it depend on target?

You'll need to try that one again.
function handle_submit(f)
{
if (document.getElementById('w').checked)
{
f.target = 'formpop';
var w = 300;
var h = 180;
var l = (screen.availWidth - w) * .5;
var t = (screen.availHeight - h) * .5;
var features = 'width='+w+',height='+h+',left='+l+',top='+t+',sta tus,scrollbars,resizable';
formpop = open('about:blank', 'formpop', features);
formpop.focus();
}
else f.target = '_self';
return true;
}

// ]]>
</script>
</head>
<body>
<form action="[whatever]"
onsubmit="return handle_submit(this)">

[lawrence]

"Ivo" <[e-mail]> wrote in message news:<41***********************@news.wanadoo.nl>.. .

s, Ivo. It's so helpful. By the way, after summit, how do I delete
the

form object? Thanks again!

You don't. The form is submitted, so the whole page is 'deleted' as the
server responds with a brand new page. Note that the example code provided
does not test for features before using them. Include
if(document.createElement) {...} and stuff like that before using it in the
real world. Also, try to avoid relying on javascript. If you can do it with
an ordinary form, and it sounds like you can, then do.

If document.createElement() is not supported, what else should we test
for? Or appendChild? I assume this is GECKO DOM? The alternative would
be IE's DOM? Or vice versa? Are there mostly 2 DOM's out there to test
for, or more?

Is it possible to submit the forms without submitting the page? If
possible that might be a nice way to do an interface for a chat
software running PHP and MySql in the background.

[Michael Winter]

On 18 Nov 2004 12:56:22 -0800, lawrence <lk******@geocities.com> wrote:

Just briefly...

[snip]

If document.createElement() is not supported, what else should we test
for? Or appendChild? I assume this is GECKO DOM?
No, it's the W3C - the standardised - DOM. Microsoft just doesn't support
it too well.
The alternative would be IE's DOM?

Pretty much. However, IE does support those methods you mentioned. There
aren't any alternatives as far as I know.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.